Урок Adobe Photoshop по созданию круглой кнопки в стиле Web 2.0.

Итак, начнем.

Создадим новый документ с размерами 500х500 (по вашему желанию) и прозрачным фоном.

Выберем основной цвет F98203 и с помощью инструмента Элипс нарисуем круг удерживая при этом кнопку Shift для сохранения пропорций.





Два раза щелкнем на слое с кругом в палитре слоев и в открывшемся окне настроим стиль слоя.



Создадим новый слой и поместим его под слой с гругом.
После этого, удерживая кнопку Ctrl кликнем по иконке слоя с кругом в палитре слоев для создания выделенной области.
Дальше переходим в меню Выделение - Модификация - Расширить и вводим значение 15 Пикс..



Выбираем инструмент Градиент (синий - желтый - синий).



И меняем цвета в панели настройки градиента.



После, убедившись что выбран новый слой, проводим линию от верхней границы выделенной области к нижней (при этом удерживаем клавишу Shift). Должно получиться следующее.



Создадим еще один новый слой и поместим его на самый верх в палитре слоев. Удерживая клавишу Ctrl, кликнем на иконке слоя с кругом в палитре слоев. Теперь идем в меню Выделение - Модификация - Сжать и вводим значение 3 пикс..



Выберем инструмент Градиент (от белого к прозрачному) и в панели настройки градиентов заменим белый цвет на желтый.



Проведем линию от нижней границы выделенной области примерно до ее середины.



Создадим новый слой и выберем инструмент Овальная область, при этом отметим опцию Вычитание из выделенной области.



Теперь нарисуем круг так чтобы осталась выделенная область примерно как на рисунке.



Зальем выделенную область градиентом (от белого к прозрачному) и установим прозрачность слоя 90%.



Теперь осталось только добавить необходимый текст или рисунок и все, кнопка готова.