Профессиональная кнопка навигации

Создаем pro.кнопку, идеально подходящую для любого сайта!Профессиональная кнопка навигацииПриблизительное время выполнения: 10 минут

Начните, создав документ 217х145 пикселей с прозрачным фоном.pro_nav_button_2.jpgТеперь инструментом Paint Bucket (заливка - G) и серым цветом залейте фон. Вот, что получится (без светло-серой рамки!)pro_nav_button_3.jpgТеперь нам надо добавить градиент. Layer > Layer Styles > Gradient Overlay. Чтобы настроить цвета заливки, кликните по цветному прямоугольнику, подписанному как Gradient. Откроется окно, где Вы сможете настроить цвет градиентаpro_nav_button_4.jpgЧтобы выбрать тип градиента, когда цвет переходит в прозрачный фон, выберите вторую иконку слева. Кликните ОКУстановите параметр Opacity на 44%. Если в цветном прямоугольнике черный цвет находится справа, а прозрачный фон - слева, оставьте галочку Reverse. Если же черный цвет слева, а прозрачный фон - справа, снимите ее.pro_nav_button_5.jpgНажмите ОКpro_nav_button_6.jpgСоздайте новый слой. Выберите инструмент Rectangle Tool и цвет #d69b17 и нарисуйте прямоугольник сверху так, чтобы он немного выходил по ширине за пределы документа.pro_nav_button_7.jpgТеперь добавьте к этому слою Layer > Layer Style > Inner Shadow:pro_nav_button_8.jpgНажмите ОКpro_nav_button_9.jpgВыбрав инструмент прямоугольного выделения, выделите половину оранжевого прямоугольника и нажмите CTRL+U, чтобы вызвать окно Hue/Saturation. Установите значения, как на рисунке ниже и нажмите ОКpro_nav_button_10.jpgВот, что должно получитьсяpro_nav_button_11.jpgМы почти закончили. Осталось только добавить текст и все, что захочется. Я добавил изображение ноутбука, текст и пару линий. Вот, что у меня получилось:Профессиональная кнопка навигацииГотово! ;) Источник:

Популярность:12%

Стильная голубая кнопка Стильная голубая кнопка
Этот урок расскажет Вам, как сделать небольшую, но стильную голубую кнопку для Вашего сайта.Читать полностью »Популярность:10%

Как нарисовать классную кнопку в стиле WEB 2.0 Как нарисовать классную кнопку в стиле WEB 2.0
Создаем стильную и красивую “вебдванольную” кнопку!Приблизительное время выполнения: 6 минутЧитать полностью »Популярность:14%

Как сделать листок в линейку в Photoshop Как сделать листок в линейку в Photoshop
Создаем реалистичный тетрадный листок своими руками!Приблизительное время выполнения: 10 минутЧитать полностью »Популярность:18%

Открытка ко Дню Св. дяди Вали Открытка ко Дню Св. дяди Вали
Создаем поздравительную открытку ко Дню Святого дяди Вали.  

Красная кнопка
Красное привлекает! Сделайте красную кнопку для своего сайта!