Голубая стрела
Голубая стрела
Сложность урока: Средний
В этом уроке вы узнаете, как создать голубую блестящую кнопку для вашего сайта.
Откройте новый документ.
Создайте новый слой
Используя "Elliptical Marquee Tool" , нарисуйте окружность и залейте её:
Пройдите в Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)
и установите следующие параметры:
Drop Shadow (Тень):
Gradient Overlay (Наложение градиента)
Stroke (Обводка)
Вот результат:
Создайте новый слой, нарисуйте эллипс и залейте его:
Пройдите в Layer > Layer Style > Blending Options и установите следующие параметры:
Inner Shadow (Внутренняя тень).
Outer Glow (Внешнее свечение):
Gradient Overlay (Перекрытие градиента)
Вот результат:
Используя "Custom Shape Tool" , нарисуйте стрелочку:
Layer > Layer Style > Blending Options
Inner Shadow (Внутренняя тень)
Bevel and Emboss (Тиснение)
Создайте новый слой, нарисуйте эллипс как здесь:
Возьмите "Gradient Tool" с такими настройками:
Закрасьте таким способом:
Установите непрозрачность "Opacity" на 30%
Создайте новый слой, нарисуйте маленький эллипс, заполните белым,
установите "Opacity" на 18% (для удобства можете скрыть некоторую часть слоев)
Edit > Free Transform > Skew (Редактирование - Трансформировать – Наклон), потяните вправо
Теперь нарисуйте эллипс, как на нижнем рисунке, затем нажмите "Delete"
Повторяйте эту процедуру до тех пор, пока не достигнете нужного результата
Окончательный результат:
Автор: empiredezign
Источник: www.empiredezign.com
Комментарии 73
Спасибо, простой урок про великолепную кнопку!
Спасибо!)
Спасибо за урок!
Сложно но можно!
простая и лаконичная кнопочка
Спасибо за урок!
Спасибо!
Спасибо за урок
Благдарю=)
Спасибо!
«Голубая» стрела. Спасибо.
Какая красивая кнопочка!!!
Спасибо!
Хорошенькая стрелка.Спасибо.
спасибо, симпатичная кнопка получается
Спасибо. Кнопочек много на сайте и все разные.
спасибо за урок)))
Спасибо!
Спасибо за урок
Спасибки!:)
Спасибо!
Спасибо за урок
Сайт немного портит качество работы, это наблюдается даже у автора
Так выглядит моя работа на компьютере - http://s45.radikal.ru/i109/1206/25/7c6abce2babc. png (уберите в конце пробел перед png)
это моя
спасибо огромное
Моя кнопка
Спасибо за урок)
спасибо!
Спасибо.
что то я в середины пути запутался
Как то без последнего шага больше нравится. Спасибо *_*