Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш 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