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

Футуристическая кнопка

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

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

Начните с создания нового документа размером 350×350 пикселей и разрешением 72dpi. Залейте фон черным цветом. Теперь создайте новый слой и назовите его «Button». Затем нарисуйте с помощью ellipse tool круг размером 194 x 194 px и цветом #003637.

В стилях слоя (Layer > Layer Style) добавьте Inner Shadow, Inner Glow и Gradient Overlay со следующими настройками.

На новом слое нарисуйте белый круг размером 147 x 147 px в центре предыдущего.

В стилях слоя (Layer > Layer Style) добавьте Inner Glow, Gradient Overlay и Stroke со следующими настройками. Затем измените blending mode на Darken.

Дублируйте слои (Ctrl+J), а затем Layer > Merge Layer. Этим вы склеите дубликаты. Измените размер дублированного слоя до 70% с помощью Edit > Transform > Scale и поместите его в центре кнопки. Теперь еще раз последний слой и снова уменьшите размер и поместите в центре.

Выделите оба слоя с уменьшенными копиями оригинала, поместите их между слоем «Button» и слоем с белым кругом и склейте все слои с помощью Layer > Merge Layer.
В стилях слоя (Layer > Layer Style) добавьте Inner Glow и Satin со следующими настройками.

Вот конечный результат:

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB