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

Глянцевая кнопка со стрелкой

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

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

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

Layer > Layer Style > Blending Option. Выберите Drop Shadow:

Выберите Gradient Overlay

Выберите Stroke

У вас получиться:

Создайте новый слой, нарисуйте эллипс и залейте его как на рисунке.

Layer > Layer Style > Blending Option. Выберите Inner Shadow

Выберите Outer Glow

Выберите Gradient Overlay

У вас получиться:

Возьмите Custom Shape Tool и нарисуйте белую стрелку:

Blending Options > Inner Shadow

Bevel and Emboss

У вас получиться:

Создайте новый слой и нарисуйте эллипс как на рисунке

Выберите Gradient Tool, от белого к прозрачному: Нарисуйте так:

Установите Optical = 30%, у вас получиться:

Создайте новый слой, нарисуйте маленький эллипс, залейте его белым и установите Optical = 18% (вы можете отключить видимость некоторых слоев)

Edit > Free Transform > Skew, наклоните вправо

Теперь нарисуйте эллипс как на рисунке, затем нажмите Delete, у вас получиться:

Продолжите тем же способом, чтобы получить следующее:

Вот и все, получилась красивая кнопка.

АВТОРСКИЕ ПРАВА
Источник: 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