Изумрудная кнопка
Изумрудная кнопка
Сложность урока: Легкий
В этом Фотошоп уроке будем делать изумрудную кнопочку для сайта.
1) Создайте новый документ 300×150 px с черным фоном
2) Создайте новый слой. Возьмите инструмент , нарисуйте прямоугольное выделение и залейте его любым цветом, например, белым.
3) Нажмите на кнопочку внизу палитры слоев и выберите там следующие стили:
Тиснение:
Наложение градиента:
Цвета градиента: от 0a521d к 2ac553
Вы получите такой результат:
4) Теперь будем рисовать рамку. Создайте новый слой.
5) Снова с помощью выделения нарисуйте прямоугольник, но чуть больше зеленого. Разместите так, чтобы края одинаково выступали со всех сторон.
6) Залейте выделение белым цветом.
7) Ctrl + клик по слою с зеленой кнопкой, появится выделение.
8) Теперь перейдите на слой с белым прямоугольником и нажмите DELETE. Теперь у нас есть рамочка, которой осталось только добавить стили.
9) Добавляем стили:
Внешнее свечение
Тиснение:
Наложение градиента:
Цвета градиента: #598e67- #ffffff
Обводка цвета # 5e6270
В результате:
10) Создайте новый слой для блика на кнопке.
11) Выберите иструмент и нарисуйте форму похожую на эту:
12) Клик правой кнопкой по слою в палитре слоев - выберите команду Rasterize Layer (Растрировать слой).
13) Далее в меню Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу). Установите такой радиус как вам нравится, здесь 3,0 px
Вот такой появился блик:
14) В заключении, добавьте какой-нибудь текст кнопке.
ГОТОВО!
Легко и быстро!
До встречи на www.creativo.one!
Источник: www.digital-street.com
Комментарии 181
Спасибо автору и переводчику!
Svetlana, спасибо за отзыв!
Хорошо!
Спасибо)У меня кнопка с тенью))
Мне понравился урок! Спасибо))
Спасибо за урок
Спасибо за урок!
Спасибо за урок
Спасибо за урок!
Как обычно пытаюсь старые уроки более менее адаптировать под современные стилистики. Решил сделать округленную кнопку, в более привычных цветах и бликах для текущего времени.
Спасибо за урок!
Кнопка)
Большое спасибо!
спасибо
Спасибо за урок:)
): упс
КнопкаПознавательный Урок!!!!
Спасибо за урок!
кнопка-кнопочка
Спасибо за урок!
Спасибо
Спасибо
Моя третья работа в фотошопе
Спасибо за урок!
Спасибо! Здорово
Кнопка. Спасибо!
Спасибо=)
Спасибо за урок.
Отличный урок! Все очень доступно!)
Все очень доступно! Огромное спасибо!
Спасибо за урок!)
Спасибо за урок. Пригодится.