Главная»Уроки фотошопа»Создание веб-графики

Рисуем RSS иконку

Сегодня мы нарисуем RSS иконку в photoshop.

rss

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. Заключительные Слова

Ну вот и все любуемся своим произведением: