Сайт фрилансера
Лихенко Владислава

Блог


Главная » 2010 » Ноябрь » 18 » Фотошоп. Урок второй. Кнопка.
19:19

Фотошоп. Урок второй. Кнопка.


Cоздание кнопки в PhtoshopДорогие друзья!

Сегодня мы рассмотрим пример создания кнопки для сайта (блога). Для начала откроем Photoshop и создадим новый файл с размерами нашей будущей кнопки. Фон прозрачный (Transparent).



Берём инструмент для создания форм и выбираем прямоугольник со скруглёнными краями. Радиус произвольный, я выбрал 10 px.



Я специально кнопку нарисовал не по центру, а немного сместил влево и вверх. В дальнейшем это нам понадобится для добавления тени.

Теперь сделаем заливку кнопки. Для этого выберем нижний и верхний цвет на панели инструментов. Я буду делать кнопку с градиентом от почти белого до тёмно серого цвета. Заходим в меню Layer – Layer Style – Gradient Overlay. Получается вот такая кнопочка.





Добавим обводку. Заходим в меню Layer – Layer Style – Stroke. Цвет обводки я выбрал серый, а толщину поставил 3px.



Теперь добавим тень. В том же меню выбираем опцию Drop Shadow.



Кнопка готова, осталось добавить только надпись на кнопке. Создаём новый слой Shift + Ctrl + N, на нём делаем надпись белым цветом и добавляем тень для букв, как и в случае с самой кнопкой Layer – Layer Style – Drop Shadow.



Теперь осталось только сохранить нашу кнопку для вставки на сайт. Заходим в меню File – Save for Web & Devices…

Будем сохранять в формате GIF, чтобы сохранить прозрачность.



Ну а вот результат нашей работы – готовая кнопка:








Искренне Ваш, Владислав Лихенко
Хотите получать обновления блога
на электронную почту?


 

Категория: Photoshop мой друг | Просмотров: 4105 | Добавил: boss | Теги: кнопка, Photoshop, Фотошоп, уроки | Рейтинг: 5.0/4
Всего комментариев: 1
1 Татьяна     (29.06.2011 11:37)
Спасибо за четкую инструкцию для "чайников". Пойду экспериментировать :)

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Автор

Меню сайта

Форма входа

Статистика

Поиск

Copyright Vladislav Likhenko © 2017 |