Глянцевый значок RSS

В этом уроке я покажу вам, как создать стильную иконку RSS канала для своего сайта или блога.

Конечный результат:

Глянцевый значок RSS

Создайте новый документ File > New (Файл - Создать) размером 512х512 пикселей, разрешение 72 пикс/дюйм. На панели инструментов выберите Ellipse Tool (U) (Эллипс) и создайте форму эллипса, как показано на изображении ниже.

Глянцевый значок RSS

Для этого слоя установите значение Fill (Заливка) 0%.

Глянцевый значок RSS

Сделайте двойной клик на слое с эллипсом и из Blending Options (Параметры наложения) выберите стиль Gradient Overlay (Наложение градиента). Настройки смотрите ниже.

Глянцевый значок RSS

Мы создали тень для значка.

Глянцевый значок RSS

Тем же инструментом создайте круг, зажмите Shift, чтобы получился идеально ровный круг. Цвет установите #F36523.

Глянцевый значок RSS

Для этого слоя примените такие стили:

Inner Shadow (Внутренняя тень):

Глянцевый значок RSS

Stroke (Обводка):

Глянцевый значок RSS

Значение Fill (Заливка) для этого слоя оставьте 100%. Мы создали основу для будущего значка.

Глянцевый значок RSS

Создайте еще один круг, как на изображении ниже.

Глянцевый значок RSS

Примените к нему стиль Gradient Overlay (Наложение градиента):

Глянцевый значок RSS

В редакторе градиентов установите такие цвета:

Глянцевый значок RSS

Инструментом Ellipse Tool (U) (Эллипс) создайте овал и при помощи инструмента Direct Selection Tool (A) (Стрелка) немного подкорректируйте его. Смотрите результат ниже.

Глянцевый значок RSS

К деформированному овалу примените стиль Inner Glow (Внутреннее свечение):

Глянцевый значок RSS

Для этого слоя измените значение Fill (Заливка) на 0%. Мы создали глянец.

Глянцевый значок RSS

Снова создайте круг, смотрите изображение ниже. Цвет установите #F36523.

Глянцевый значок RSS

Создайте еще один круг, зажав клавишу Alt, чтобы вычесть область из предыдущего круга. В результате должна получиться форма в виде месяца.

Глянцевый значок RSS

Для этого слоя задайте режим наложения Overlay (Перекрытие) и понизьте значение Fill (Заливка) до 60%.

Глянцевый значок RSS

Вот, что у вас должно получиться:

Глянцевый значок RSS

Воспользуйтесь инструментом Ellipse Tool (U) (Эллипс) и создайте два круга разного размера. Цвет для заливки - #FEDB8A.

Глянцевый значок RSS

Далее выберите инструмент Rounded Rectangle Tool (U) (Прямоугольник со скругленными углами), в параметрах установите радиус 30 пикселей и создайте широкую линию. Воспользуйтесь инструментом Add Anchior Point Tool (Добавить опорную точку) и добавьте пару точек, измените их тип при помощи инструмента Convert Selection Tool (Угол). Инструментом Direct Selection Tool (Стрелка) измените форму прямой, как показано ниже.

Глянцевый значок RSS

Наложите получившуюся форму на значок.

Глянцевый значок RSS

К слою с линией примените стиль Gradient Overlay (Наложение градиента):

Глянцевый значок RSS

В редакторе градиентов установите такие цвета:

Глянцевый значок RSS

Мы почти у цели.

Глянцевый значок RSS

Нам осталось добавить вторую такую же линию побольше размером.

Конечный результат:

Глянцевый значок RSS

Ссылка на источник урока.