Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

Гелевая кнопка

Alex | 5.03.2014 | нет комментариев

В данном уроке мы попробуем нарисовать гелевую кнопку. Вот, что у нас получилось.

Создайте новый документ.
Создайте новый слой, выберите Elliptical Marquee tool и сделайте выделение как на рисунке:

Для временной основы щелкните правой кнопкой мышки по кругу и выберите fill, залейте его цветом #333333:

Затем правый щелчок мышкой по слою с этим кругом и выберите Blending Options. Примените следующие настройки:
Drop Shadow:

Gradient Overlay:

Stroke:

У вас получиться следующее:

Пришло время создать второй круг. Зажмите Ctrl на клавиатуре и щелкните по иконке слоя с кругом на панели слоев. Должно загрузиться выделение:

Теперь идите в Select > Modify > Contract. Введите значение 7 пикселей. У вас получиться следующее:

Создайте новый слой, щелкните правой кнопкой мышки по новому выделению и выберите fill. Залейте цветом #0664FF. У вас получиться следующее:

Правый щелчок мышкой по слою с внутренним кругом и выберите Blending Options. Примените следующие настройки: Bevel and Emboss:

Gradient Overlay:

Stroke:

У вас получиться следующее:

Создайте новый слой и с помощью Elliptical Marquee tool сделайте выделение как на рисунке:

Затем зажмите alt на клавиатуре и с помощью elliptical Marquee tool сделайте еще одно выделение поверх предыдущего как на рисунке:

У вас получиться следующее.

Правый щелчок мышкой по выделению и выберите fill, залейте цветом #FFFFFF:

Уменьшите opacity до 29%:

Наконец, выберите Blur tool и установите кисть размером 13. Начните рисовать на выделение. Размывайте пока не получиться как на рисунке:

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB