кнопка сайта в photoshop

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

Градиентный фон у нас получился, теперь давайте добавим небольшую тень для кнопки, выбираем в стилях слоя пункт Тень (Shadow) и ставим такие настройки:

В следующем окошке задаем цвета градиента. Щелкаем левой кнопкой мыши по левому нижнему ползунку и ставим цвет #2f1a31, после щелкаем по правому нижнему ползунку и ставим цвет #5f386b

Кликаем мышкой два раза по слою Фигура 1 и открывается окошко со стилями слоя. Выбираем пункт Градиентная заливка () и кликаем мышкой по полоске с градиентом.

Как видите фигура у нас получилась белого цвета, давайте добавим ей градиентную заливку. Для этого отправляемся в меню Окно (Window) и выбираем палитру Слои (Layers, F7). Открывается палитра для работы со слоями в фотошопе.

После этого мышью нарисовал прямоугольник со скругленными углами.

Выбрал настройку Слой-Фигура (), радиус - 10 пикселей.

Для инструмента я поставил такие настройки:

2. Теперь давайте нарисуем фон кнопке, у нас в уроке кнопка будет со скругленными углами. Для этого воспользуемся инструментом  Прямоугольник со скругленными углами (Rounded RectangleTool, U)

Создался новый документ.

Содержимое фона: Белый.И нажал кнопочку ОК.

Разрешение: 72 пикселя;

Высота: 60 пикселей;

Ширина: 168 пикселей;

Название: Кнопка для сайта Blogohelp.ru;

1. Открываем фотошоп и создаем новый документ Файл>Создать (File>News или CTRL+N в скобочках вместе с переводом буду указывать сокращения проще говоря горячие клавиши, которые позволяют экономить время в программе фотошоп).В окошке указал такие параметры:

Подробный урок - Как сделать кнопку для сайта в фотошопе

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

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

Как сделать стильную кнопку для сайта с прозрачным фоном в фотошопе. Подробный урок | Авторские уроки Adobe Photoshop для начинающих, заработок в интернете, блоггинг, создание сайтов