Уроки Веб и приложения Creativo 2 октября 2008

Серебристая кнопка для сайта

Сложность урока: Легкий

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

Откройте новый документ (File > New) с параметрами: 450x450 px и 72 dpi.
На новом слое, используя Rounded Rectangle Tool (U), создайте форму для вашей кнопки.

Добавьте к ней следующие стили слоя Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения):

Drop Shadow (Тень)

Inner Shadow (Внутренняя тень)

Gradient Overlay (наложение градиента)

Параметры "Gradient":

Stroke (Обводка)

Параметры "Gradient":

У вас должно получиться примерно вот так:

Используя нижнюю таблицу настроек, нанесите желаемый текст на вашу кнопку.

Добавьте к надписи следующие стили слоя Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения):

Outer Glow (Внешнее свечение)

Gradient Overlay (наложение градиента)

Параметры "Gradient":

На новом слое, используя "Rectangle Tool (U)" , создайте подобное выделение:

Установите для этого слоя параметр "Fill" на 0%.
Добавьте стиль слоя "Gradient Overlay" (Наложение градиента)

Параметры "Gradient":

Ваша кнопка готова!

Источник: www.adobetutorialz.com

78 тыс. 37
Печать Жалоба

Комментарии 37

Хороший урок!

Спасибо за урок

Спасибо за урок!

Спасибо, урок нужный и простой

Спасибо за интересный урок!

Спасибо за урок

Спасибо за урок!

Благодарность автору!

спасибо за урок)))

Спасибо за перевод урока!

Спасибо за интересный урок :)

биг спасибо !;)

Для строгого дизайна подойдет.Спасибо.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее