//

ФотошопСундучок photoshopsunduchok

Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 


Канал в Дзене:

 

Присоединяйтесь в

Вход на сайт

Профиль

Последние комментарии

Кто на сайте

Сейчас на сайте 183 гостя и нет пользователей

Яндекс.Метрика

Создание кнопки

Создание кнопки


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

Урок сделан по мотивам произведений Скотта Келби в программе Photoshop CS3.

Кнопка

Подобные публикации:


{smooth-scroll-top}

Создадим новый документ произвольного размера - Ctrl+N.

Окно "Новый"


Создадим новый слой, для чего щёлкнем по второй справа иконке в палитре "Слои". Выберем инструмент "Овальная область" (М) и нарисуем в центре документа овал.

Создаём новый слой


На передний план установим синий цвет, зальём им выделение - Alt+Delete и снимем выделение - Ctrl+D.

Заливаем синим цветом


Выберем инструмент "Горизонтальный текст" (Т), подберём его параметры (мои - показаны жёлтым цветом) и напишем любое слово внутри синей овальной области.

Инструмент "Горизонтальный текст" (Т)


Загрузим выделение овала, для чего, удерживая клавишу Ctrl, щёлкнем по иконке слоя с овалом (Слой 1). Перейдём в "Выделение - Модификация - Сжать".

Овал


В появившемся окне поставим 10 пикселов.

Окно "Сжать область"


Получаем вот такой результат.

Кнопка


На передний план устанавливаем белый цвет (нажимаем поочереди клавиши "D" и "С"), выбираем инструмент линейный градиент (G) "От основного к прозрачному".

Инструмент линейный "Градиент" (G)


Проводим градиентом из середины верхней части овала до его середины.

Овальная кнопка


Уменьшаем непрозрачность слоя с овалом до необходимой степени (по Вашему вкусу). Получаем вот такой симпатичный результат.

Палитра "Слои"


Как описано на втором шаге, создаём новый слой и загружаем выделение овала (щёлкаем, удерживая клавишу Ctrl, по иконке слоя 1).

Палитра "Слои"


Установим чёрный цвет на передний план - нажмём клавишу "D", выберем инструмент "Кисть" (В) и кистью нарисуем тень внизу овала.

Инструмент "Кисть"  (В)


Снимем выделение - Ctrl+D и уменьшим непрозрачность слоя, на котором мы рисовали тень для кнопки.

Палитра "Слои"


Кнопка готова, на этом шаге урок можно было закончить. Но я решил применить ещё стиль слоя.

Кнопка


Два раза левой кнопкой мыши щёлкаем по слою с овалом.

Палитра "Слои"


Открывается окно "Стиль слоя", на котором делаем активной вкладку "Обводка", где устанавливаем красный цвет и ширину обводки в 3 пиксела.

Активизируем вкладку "Обводка"


Получаем очень красивую кнопку. Как видите, процесс создания кнопки в фотошопе совсем несложен.

Кнопка


Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо!

Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта - подпишитесь на рассылку сайта. Форма для подписки находится ниже.

Ваше имя: *
Ваш e-mail: *
Кнопка для получения подарка

Скачать урок (283 Кб) в формате PDF можно здесь.

Если у Вас есть желание опубликовать на страницах сайта Ваш результат выполнения урока, то вышлите мне на адрес Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript. Вашу работу и название урока, который Вы использовали при создании своей работы и он обязательно будет опубликован на странице сайта с описанием урока.

 {smooth-scroll-top}

Печать

Временно закрыто комментирование для гостей, нужна обязательная регистрация, ввиду засилья спамботов.
зарегистрируйтесь на сайте, что бы оставлять комментарии!