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

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

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

Stroke (Обводка):

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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

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

 title="Глянцевый значок RSS" alt="Глянцевый значок RSS"

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