Фотошоп для фотографа 2013

Рисуем стильную иконку щит используя Фотошоп

| Категория: Уроки по созданию дизайна в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания стильной иконки в виде щита.


Финальный результат

Рисуем стильную иконку щит используя Фотошоп

Приступаем к уроку Фотошопа


Создайте документ 450x450 px и 72 dpi (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Выбираем инструмент Custom Shape Tool Инструмент - Произвольная фигура (Инструмент "Произвольная фигура" / Клавиша "U"), после берем фигуру как на изображении ниже: ↓


Рисуем стильную иконку щит используя Фотошоп

Если его у вас нет, то просто нажмите на черный треугольник в круглешке и выберите All.


Рисуем данную фигуру с цветом #383838.


Теперь применим настройки смешивания (Blending Options, двойной клик на слое): ↓


Stroke (Обводка): ↓

Рисуем стильную иконку щит используя Фотошоп

Вот что получается: ↓

Рисуем стильную иконку щит используя Фотошоп

Теперь берем мягкую кисточку (Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B")), цвет белый.


Рисуем стильную иконку щит используя Фотошоп

И ставите на новом слое "точку", снижая непрозрачность слоя до 30%. Не забудьте применить Clipping mask (Создать обтравочную маску).


Рисуем стильную иконку щит используя Фотошоп

Создаем белую фигуру прямоугольника на половину фигуры (Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" )). Не забудьте применить Clipping mask (Create Clipping Mask (Создать обтравочную маску)). Теперь опять берем мягкую кисточку, черного цвета и с непрозрачностью кисти 10% делаем маску этому слою. Теперь берем Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") и вырезаем часть слоя, зажав Alt. Можете снизить Opacity (Непрозрачность) этого слоя.


Рисуем стильную иконку щит используя Фотошоп

Рисуем стильную иконку щит используя Фотошоп

Теперь создайте какое-нибудь изображение. Автор взял это: ↓


Рисуем стильную иконку щит используя Фотошоп

Поставьте этому слою Fill (Заливка) на 0%, а режим смешивания на Overlay (Перекрытие).


Применим стили слоя - Blending Options (Параметры наложения): ↓


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

Рисуем стильную иконку щит используя Фотошоп

Outer Glow (Внешнее свечение): ↓

Рисуем стильную иконку щит используя Фотошоп

Gradient Overlay (Наложение градиента): ↓

Рисуем стильную иконку щит используя Фотошоп

Вот что получится: ↓

Рисуем стильную иконку щит используя Фотошоп

Параметры градиента: ↓

Рисуем стильную иконку щит используя Фотошоп

Создайте фигуру прямоугольника цвета E1E1E1 (Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" )). С помощью элипса вырезаем часть. Добавляем маску слоя и кисточкой: ↓


Рисуем стильную иконку щит используя Фотошоп

Затемняем верхние и нижние части.


Продублируйте нижний слой (если связь слоев разорвется- восстановите) и уменьшите его (дубль).

Теперь измените параметры слоя - Blending Options (Параметры наложения): ↓


Stroke (Обводка): ↓

Рисуем стильную иконку щит используя Фотошоп

Параметры градиента: ↓

Рисуем стильную иконку щит используя Фотошоп

Вот и все.


Финальный результат

Рисуем стильную иконку щит используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru