Как сделать кнопку для сайта в Фотошоп

Сегодня я покажу, как самостоятельно сделать кнопку для блога с помощью Фотошоп.

Создавая собственную кнопку, необходимо учитывать, что этот элемент является важной составляющей дизайна. Кнопки должны привлекать внимание  и в то же время гармонично вписываться в общую картину. 

Поэтому  важно правильно правильно подобрать цвет, размер, форму и текст этого элемента 

В данной статье мы будем создавать простую кнопку,  размер 180 х 60 px.

Итак начнем.

1. Создаем в Фотошоп новый документ: Файл => Создать со следующими настройками: размер 180 х 60 пикселей, фон прозрачный.

2. В полученном документе инструментом "Прямоугольник со скругленными углами", радиус скругления 10 пикселей

рисуем вот такую фигуру (цвет значения не имеет):

3.Нажимаем правой кнопкой мыши на фигуру => Растрировать слой

4.В окне "Слои" дважды кликаем по миниатюре слоя с нарисованной фигурой, открывая окно "Стиль слоя".  Устанавливаем следующие настройки:

4.1. Тиснение.

4.2. Контур.

4.3. Обводка.

4.4. Наложение градиента

4.5. Тень

В результате фигура примет такой вид:

5. С помощью инструмента Текст пишем нужный текст (в данном случае применен шрифт Arial Bold, 24 пт, цвет #cc0000): 

6.Добавим стиль слоя для текста (двойной щелчок по миниатюре слоя в окне "Слои"

6.1. Тиснение

6.2.Обводка

6.3.Тень

Результат:

7. Сохраняем изображение в формате .png. Чтобы фон остался прозрачным выбираем "Чересстрочно":

Теперь у нас есть изображение кнопки.
О том, как вставить кнопку в Шаблон на Blogger можно прочитать здесь.

Сделаем свой блог лучше. Удачи!