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

Такая кнопка должна получиться в итоге:

кнопка без тени

1. Создаем новый документ:

новый_документ

2. Выбираем на панели инструментов перо и на панели настроек (под горизонтальным меню) выставляем такие настройки:

перо

3. Создаем контуры кнопки:

кнопка_будущая

4. Кликнув правой кнопкой мышки по контуру, вызываем меню, в котором выбираем пункт “образовать выделенную область” с радиусом растушевки в 2 px:

образовать выделенную область

5. Создаем новый слой (Ctrl J), слой заднего плана удаляем,

6. Теперь нажимаем на кнопку Fx в палитре слоев и выбираем пункт “параметры наложения”

параметры наложения

7. Перед нами откроются следующие окна, выставив такие значения для каждого параметра (обводки и градиента)(напоминаю, чо все скриншоты можете просмотреть в большем размере, кликнув по ним мышкой) :

контур_конпки

сиреневая_кнопка

Получаем кнопку такого вида:

кнопка копия

Остается лишь написать на ней текст и добавив параметры наложения уже к слою текста, можем получить объемный текст с тенью, свечением и пр.

Я поставила такие настройки обводки и контура для текста, у вас могут быть свои:

обводка_текста

контур_текста

8. Сохраняем кнопку в формате PNG

Видеоурок:

2 комментария

Add a Comment

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Нажимая кнопку «Отправить комментарий», я принимаю пользовательское соглашение и подтверждаю, что ознакомлен и согласен с политикой конфиденциальности этого сайта

На нашем Портале графики вы узнаете все о Photoshop и обо всем, что связано с дизайном. Все уроки имеют подробное описание и скриншоты, поэтому будут особенно полезны для начинающих дизайнеров. Вы познакомитесь и с другими программами графики и работой в них. Например, Gimp - отличный бесплатный редактор, в котором вы можете проводить полноценную обработку фото. Наша коллекция дополнений сделает вашу работу более легкой и приятной. Вы можете стать нашим соавтором и заработать. Добавляйте новости на сайт через удобную форму обратной связи, размещать дополнения фотошоп со ссылкой на файлообменники. Если вам понравились наш сайт, то не забудьте подписаться на рассылку или rss, поделиться с друзьями в социальных сетях или добавить в закладки!