Создание кнопки
Создание кнопки
В этом уроке будет показан быстрый способ создания красивой кнопки, которую можно, к примеру, использовать при разработке дизайна сайта.
Урок сделан по мотивам произведений Скотта Келби в программе Photoshop CS3.
Подобные публикации:
{smooth-scroll-top}
Создадим новый документ произвольного размера - Ctrl+N.
Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои". Выберем инструмент "Овальная область" (М) и нарисуем в центре документа овал.
На передний план установим синий цвет, зальём им выделение - Alt+Delete и снимем выделение - Ctrl+D.
Выберем инструмент "Горизонтальный текст" (Т), подберём его параметры (мои - показаны жёлтым цветом) и напишем любое слово внутри синей овальной области.
Загрузим выделение овала, для чего, удерживая клавишу Ctrl, щёлкнем по иконке слоя с овалом (Слой 1). Перейдём в "Выделение - Модификация - Сжать".
В появившемся окне поставим 10 пикселов.
Получаем вот такой результат.
На передний план устанавливаем белый цвет (нажимаем поочереди клавиши "D" и "С"), выбираем инструмент линейный градиент (G) "От основного к прозрачному".
Проводим градиентом из середины верхней части овала до его середины.
Уменьшаем непрозрачность слоя с овалом до необходимой степени (по Вашему вкусу). Получаем вот такой симпатичный результат.
Как описано на втором шаге, создаём новый слой и загружаем выделение овала (щёлкаем, удерживая клавишу Ctrl, по иконке слоя 1).
Установим чёрный цвет на передний план - нажмём клавишу "D", выберем инструмент "Кисть" (В) и кистью нарисуем тень внизу овала.
Снимем выделение - Ctrl+D и уменьшим непрозрачность слоя, на котором мы рисовали тень для кнопки.
Кнопка готова, на этом шаге урок можно было закончить. Но я решил применить ещё стиль слоя.
Два раза левой кнопкой мыши щёлкаем по слою с овалом.
Открывается окно "Стиль слоя", на котором делаем активной вкладку "Обводка", где устанавливаем красный цвет и ширину обводки в 3 пиксела.
Получаем очень красивую кнопку. Как видите, процесс создания кнопки в фотошопе совсем несложен.
Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!
Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.
Скачать урок (283 Кб) в формате PDF можно здесь.
Если у Вас есть желание опубликовать на страницах сайта Ваш результат выполнения урока, то вышлите мне на адрес Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript. Вашу работу и название урока, который Вы использовали при создании своей работы и он обязательно будет опубликован на странице сайта с описанием урока.
{smooth-scroll-top}
Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!
Подробнее...