|
 |

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