Разработка логотипа и фирменного стиля, создание сайтов под ключ. Онлайн-заказ. Компания Drawdream - Россия.

Как сделать кнопку в фотошопе

В этом уроке вы узнаете как сделать кнопку в фотошопе.
Вы очень хотите сделать индивидуальную кнопку для сайта или чего то другого? Тогда этот урок специально для вас!

как сделать кнопку в фотошопе

Как сделать кнопку в фотошопе?

Для начала создадим новый документ 450х350 пикселей, 72dpi, и заливаем черным.
Далее создаем группу слоев и назовем его "Кнопка".
Теперь в этом слое рисуем круг размером 194 х 194px выберем для него этот цвет #003637.

как сделать кнопку в фотошопе

Далее настраиваем стиль нашего слоя. Идем в слой-стиль слоя/ Layer > Layer Style), добавляем внутреннюю тень (Inner Shadow), внутреннее свечение (Inner Glow) так же накладываем градиент (Gradient Overlay) с такими параметрами:

как сделать кнопку в фотошопе

как сделать кнопку в фотошопе

Получаем:

как сделать кнопку в фотошопе

Далее создаем новый слой и в центре кнопки рисуем круг расзмером 147 х 147px белого цвета.

как сделать кнопку в фотошопе

Зададим параметры этого слоя, добавим внутреннюю тень (Inner Shadow), наложите градиент (Gradient Overlay) и обводку (Stroke blending), такие параметры делаем для слоя с белым кругом. Далее установим параметры наложения для слоя "Замена темным" (Darken).

как сделать кнопку в фотошопе

как сделать кнопку в фотошопе

Получаем:

как сделать кнопку в фотошопе

Далее делаем дубликат группы слоев "Кнопка", теперь обьединим все наши слои. Идем в Слой-Выполнить сведение/ Layer > Merge Layer Set. Далее сделаем меньше этот слой на 70% выберем (Редактирование-Трансформирование-Масштабирование/ Edit > Transform > Scale) и поместим слой в центре нашей кнопки.



Еще раз повторяем предыдущий шаг.

как сделать кнопку в фотошопе

Теперь поместим оба этих слоя в группу слоев "Кнопка".
Соеденим слои и получаем 1 слой.
Далее настроим стиль данного слоя, добавляем внутреннее свечение (Inner Glow) и наложим глянец (Satin) с такими параметрами:

как сделать кнопку в фотошопе

как сделать кнопку в фотошопе

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

как сделать кнопку в фотошопе

Спасибо за внимание! Теперь вы знаете как делать кнопку в фотошопе!

Смотрите так же уроки фотошоп: Как сделать логотип в фотошопе

Удачи! До новых встреч на страницах дизайн-студии Drawdream.ru

Контакты

  С 9:00 до 19:00 без выходных

тел: +7 (900) 900-30-50

mail:Этот адрес электронной почты защищен от спам-ботов. У вас должен быть включен JavaScript для просмотра.

Наши клиенты

 

Наши партнеры

Body
Background Color
Text Color
Link Color
Background Image
Slideshow
Background Color
Background Image
Bottom
Text Color
Link Color