Сегодня мы нарисуем RSS иконку в photoshop.
![]()
1. Создание Фона
Сначала давайте создадим наш документ. Я буду использовать размер 280 x 70 (width x height).
![]()
Теперь при помощи Rounded Rectangle Tool, с Radius 10px
![]()
рисуем нечто подобное:
![]()
Переходим на слой «Layer 1» и идем в «Blending Options» и устанавливаем такие параметры:
![]()
![]()
![]()
Получаем чтото вроде этого:
![]()
2. Создание Изображение RSS
Создайте новый слой и при помощи Rounded Rectangle Tool" рисуем нечто подобное:
![]()
Теперь нажимаете правой кнопкой мыши на «Layer 2» и переходим в «Blending Options».
и устанавливаем такие настройки:
![]()
![]()
![]()
Теперь давайте вставим изображение кнопки нашего RSS. Вы можете загрузить это отсюда,
правой кнопкой нажимите на изображение, и «Save Image As» в нужную вам папку))
![]()
Вставьте изображение на фон как на рисунке ниже:
![]()
Опять идем в «blending options» с такими настройками:
![]()
создайте новый слой. Нажмите «на Слой 2» и затем идем в Select -> Load Selection.
На новом слое выделенную часть залейте белым цветом.
Используйте «Rectangle Tool», чтобы срезать лишний цвет как на рисунке ниже:
![]()
У 4ого слоя понизьте opacity до «35»
![]()
получили вот это:
![]()
Теперь выделите слои как показано на рисунке ниже и при помощи «transform» поверните иконку.
![]()
и при помощи «transform»(сtrl+t)или(edit->free transform) поверните иконку.
![]()
Создайте новый слой и с помощью «Rectangle Tool» сделайте выдеение как на рисунке ниже:
![]()
Залейте любым цветом и перейдите в «blending options» с такими настройками:
![]()
Создайте новый слой под слоем «layer 2» как сдесь:
![]()
Я скрою все верхние слои для Вас, чтобы видеть то, что я делаю. Теперь выберите«Elliptical Marquee Tool»выделите как показано ниже и залейте черным цветом:
![]()
Теперь и дем в «filter-> blur-> Gaussian blur» c такими настройками:
![]()
Теперь у нас вот такая иконка:
![]()
Убираем грязь возле иконки (если у вас нет ее то можете пропустить этот шаг))
нажимаем «Rectangular Marquee Tool» и выделяем те места где «грязь» жмем delete.
Ну и наконец…
3. Создание Текста
Теперь, когда Ваш фон и изображение готовы, пришло время создавать текст. Напишите свой текст
и перейдите в blending options с такими настройками:
![]()
Вот что получилось у меня:
![]()
Теперь давайте добавим другой текст под тем текстом с цветом #F8B00F.
4. Заключительные Слова
Ну вот и все любуемся своим произведением:
![]()