Отправляет email-рассылки с помощью сервиса Sendsay

Photoshop Zona

  Все выпуски  

Photoshop Zona Создаем глянцевую кнопку для сайта


В этом уроке я расскажу вам, как создать красивую, глянцевую кнопку для сайта.

Эффекты стилей которые пригодятся нам в этом уроке вы можете скачать здесь



Создайте новый документ 300*300 пикселей. Заполните фоновый слой любым цветом или узором.
Нарисуйте круг на новом слое, используя инструмент Эллипс (Ellipse Tool). Примените эффект под названием "Shape_1"



Скопируйте предыдущий слой и уменьшите его размер на 10% процентов.
Примените эффект под названием "Shape_2"



Создайте новый слой. Ctrl + клик на "Shepe_2", чтобы загрузить выделение. Нажмите на "D", чтобы выставить цвета по умолчанию. Выберите Фильтр-> Рендеринг-> Облака (Filter-> Render-> Clouds).



Затем перейдите Фильтр-> Текстура-> Витраж (Filter-> Texture-> Stained Glass).



Выберите Фильтр-> Размытие-> Радиальное размытие (Filter-> Blur-> Radial Blur).



Измените Режим смешивания слоя (Blend Mode) на Экран (Screen)



Загрузите выделение на слое "Shape_2".
Создайте новый слой ниже слоя "Shape_4" и залейте его любым цветом, примените стиль под названием "Shape_5"



Создайте овальное выделение на новом слой, залейте его линейным черно/белым градиентом, как и в примере, приведенном ниже. Измените Режим смешивания слоя (Blend Mode) на Экран (Screen).



Вырежьте одно выделение из другого. Заполните созданное выделение белым цветом.



Перейдите Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur) (20-30).



Создадим новый слой, загрузите выделение слоя "Shape_1" и заливаем выделение темным цветом на созданном слое. Непрозрачность (Opacity) 15 - 20%.

Создайте следующий контур, используя инструмент Перо (Pen Tool) и Угол (Convert Point Tool). Ctrl + клик, чтобы загрузить выделение контура. Выберите Выделение-> Инверсия (Select-> Inverse). Редактирование-> Очистить (Edit-> Clear), чтобы удалить лишние части темного цвета.



И вот наш конечный результат! Кнопка должна выглядеть следующим образом.



Автор: Alexandra Fomicheva

Автор/Переводчик: Артеменко Любовь

Ссылка на источник

Данный урок подготовлен для Вас командой сайта www.photoshop-zona.ru

В избранное