В этом уроке я расскажу вам, как делать RSS-кнопку.

Для начала нам нужно создать новый файл (File > New, Файл > Новый) размером 512x512 px и разрешением 72 dpi.
С помощью инструмента http://www.photoshop-master.ru/lessons/tools/round_rectangle.jpg нарисуйте прямоугольник с закруглёнными углами (радиус 25 px).

http://www.photoshop-master.ru/lessons/2008/261008/01.jpg

На панеле слоёв нажмите правой клавишей мыши по слою и выберите Blending Options (Параметры наложения).
В появившемся окне выберите Gradient Overlay (Наложение градиента).

http://www.photoshop-master.ru/lessons/2008/261008/02.jpg

Создайте следующий градиент:

http://www.photoshop-master.ru/lessons/2008/261008/03.jpeg

У вас должна получится такая картинка:

http://www.photoshop-master.ru/lessons/2008/261008/04.jpeg

Теперь нам нужно нарисовать ещё один белый прямоугольник и поместить его как показано на картинке:

http://www.photoshop-master.ru/lessons/2008/261008/05.jpeg

Примените к этому прямоугольнику стиль Наложение градиента, настройки смотрите ниже:

http://www.photoshop-master.ru/lessons/2008/261008/06.jpg

http://www.photoshop-master.ru/lessons/2008/261008/07.jpeg

Добавьте стиль Stroke (Обводка):

http://www.photoshop-master.ru/lessons/2008/261008/08.jpg

http://www.photoshop-master.ru/lessons/2008/261008/09.jpeg

Наша картинка теперь выглядит вот так:

http://www.photoshop-master.ru/lessons/2008/261008/10.jpeg

Теперь нужно добавить ещё один прямоугольник рядом с тем, что мы только что сделали:

http://www.photoshop-master.ru/lessons/2008/261008/11.jpeg

К этому прямоугольнику применяем следующие стили:

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

http://www.photoshop-master.ru/lessons/2008/261008/12.jpg

http://www.photoshop-master.ru/lessons/2008/261008/13.jpeg

Обводка:

http://www.photoshop-master.ru/lessons/2008/261008/14.jpg

http://www.photoshop-master.ru/lessons/2008/261008/15.jpeg

Вот что мы получили:

http://www.photoshop-master.ru/lessons/2008/261008/16.jpeg

Выберит инструмент Ellipse (U) http://www.photoshop-master.ru/lessons/tools/ellipse-tool.png и попробуйте нарисовать такой же чёрный круг как показано ниже:

http://www.photoshop-master.ru/lessons/2008/261008/17.jpeg

Установите уровень заливки (Fill) на 0:

http://www.photoshop-master.ru/lessons/2008/261008/18.jpeg

Добавьте стиль Обводка:

http://www.photoshop-master.ru/lessons/2008/261008/19.jpg

И у нас получилось следующее:

http://www.photoshop-master.ru/lessons/2008/261008/20.jpeg

Таким же образом добавьте элементы как на следующем изображении:

http://www.photoshop-master.ru/lessons/2008/261008/21.jpeg

Выделите все слои, которые содержат окружности, и объедините их в один слой (Ctrl+E).
После этого воспользуйтесь Rectangle Marquee Tool (Инструмент Прямоугольная область), чтобы удалить ненужные элементы:

http://www.photoshop-master.ru/lessons/2008/261008/22.jpeg

Теперь добавим блик. Сделайте копию оранжевого прямоугольника
(Ctrl+J). Чуть уменьшите копию (Ctrl+T) и отредактируйте её с помощью Pen Tool (Инструмент Перо):

http://www.photoshop-master.ru/lessons/2008/261008/23.jpeg

На панеле слоёв установите Fill (Заливка) на 0% и примените следующие параметры для Blending Options > Gradient Overlay (Параметры Наложения > Наложение Градиента).

http://www.photoshop-master.ru/lessons/2008/261008/24.jpg

http://www.photoshop-master.ru/lessons/2008/261008/25.jpeg

Вот что у нас получилось:

http://www.photoshop-master.ru/lessons/2008/261008/26.jpeg

Теперь добавьте текст:

http://www.photoshop-master.ru/lessons/2008/261008/27.jpeg

Для текста выберите подходящий градиент:

http://www.photoshop-master.ru/lessons/2008/261008/28.jpeg

Установите следующие параметры для текста:

http://www.photoshop-master.ru/lessons/2008/261008/29.jpeg

Нам нужен ещё один прямоугольник для блика.
Применим к нему следующие параметры Blending Options > Inner Glow (Параметры Наложения > Внутреннее свечение):

http://www.photoshop-master.ru/lessons/2008/261008/30.jpg

RSS-кнопка готова!

http://www.photoshop-master.ru/lessons/2008/261008/31.jpeg

Перевод: Кирилл Макаров