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

Рисуем стильный логотип в виде щита используя Фотошоп

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

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


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

Рисуем стильный логотип в виде щита используя Фотошоп

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


Шаг 1.


Создаем новый документ размером 3х3 px (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Берем Pencil Tool Инструмент - Карандаш (Инструмент Карандаш / Клавиша "B") и рисуем вот такой вот узор: ↓


Рисуем стильный логотип в виде щита используя Фотошоп

Жмем Edit > Define Pattern (Редактирование > Определить узор), называем узор и жмем Ok. Закрываем данный документ.


Шаг 2.


Создаем новый документ размером 500х500 px (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Заливаем его серым цветом (#8a8a8a). Идем Filter > Render > Lighting effects (Фильтр > Рендеринг > Эффекты освещения) и ставим параметры как на картинке: ↓


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 3.


Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и идем Edit > Fill (Редактирование > Заливка / Сочетание клавиш "Shift+F5") и выбираем наш узор: ↓


Рисуем стильный логотип в виде щита используя Фотошоп

Меняем Blending mode (Режим наложения) на Soft light (Мягкий свет), а Opacity (Непрозрачность) на 60-70%.


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 4.


Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), берем Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") и создаем круглое выделение на весь документ (прим. для того чтобы создать идеальный круг, при создании выделения зажимаем Ctrl+Shift).

Не снимая выделения жмем Feather (Растушевка) и ставим радиус 50. Жмем D, идем Filter > Render > Clouds (Фильтр > Рендеринг > Облака) (прим. цвета заднего и переднего плана должны стоять черный и белый. Это необязательно, но желательно..).


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 5.


Применяем к этому слою Filter > Sketch > Halftone Pattern (Фильтр > Эскиз > Полутоновый узор) с такими параметрами: ↓


Рисуем стильный логотип в виде щита используя Фотошоп

Идем Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность - Сочетание клавиш "Ctrl+U") и раскрашиваем наши облака (прим. не забываем поставить галочку напротив Colorize (Тонирование / Колорирование)): ↓


Рисуем стильный логотип в виде щита используя Фотошоп

Меняем Blending mode (Режим наложения) на Color Dodge (Осветление основы). С фоном закончили.


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 6.


Берем Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U") с параметрами как на изображении ниже и создаем черный скругленный прямоугольник размером примерно 480х50 и помещаем его посередине.


Рисуем стильный логотип в виде щита используя Фотошоп

Дублируем слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) два раза и перемещаем один слой выше оригинального прямоугольника, другой ниже. Активируем самый нижний прямоугольник и жмем Ctrl+T и изменяем параметр Weight (Ширина) на 80%. Активируем средний прямоугольник и изменяем параметр Weight (Ширина) на 90%.


Шаг 7.


Теперь создадим свой стиль слоя, который нам понадобится в ходе урока несколько раз. Для этого мы активируем любой из трех прямоугольников и идем Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и ставим стили: ↓


Bevel and Emboss (Тиснение и рельеф): ↓

Рисуем стильный логотип в виде щита используя Фотошоп

Satin (Глянец): ↓

Рисуем стильный логотип в виде щита используя Фотошоп

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

Рисуем стильный логотип в виде щита используя Фотошоп

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

Рисуем стильный логотип в виде щита используя Фотошоп

Далее жмем New Style (Новый стиль), называем его и жмем Ok. Теперь наш стиль добавился в палитру стилей. Применяем его ко все оставшимся прямоугольникам.


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 8.


Берем Custom Shape Tool Инструмент - Произвольная фигура (Инструмент "Произвольная фигура" / Клавиша "U"), выбираем шейп щит и создаем его. Дублируем слой (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")), оба слоя растеризуем и к верхнему щиту применяем наш стиль. А к нижнему щиту применяем: ↓


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

Рисуем стильный логотип в виде щита используя Фотошоп

Далее идем Layer > Layer Mask > Reveal All (Слой > Слой-маска > Показать все). У нас появляется маска слоя которую мы заливаем черно-белым линейным градиентом сверху вниз. После этого наше свечение должно быть видно только внизу.


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 9.


Добавим грязи. Создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), идем Filter > Render > Clouds (Фильтр > Рендеринг > Облака) (прим. цвета должны быть черным и белым, а этот слой должен находится поверх всех остальных). Далее Filter > Render > Difference Clouds (Фильтр > Рендеринг > Облака с наложением), затем Filter > Artistic > Paint Daubs (Фильтр > Имитация > Масляная живопись) с такими параметрами: ↓


Рисуем стильный логотип в виде щита используя Фотошоп

Зажимаем Ctrl+Shift и кликаем сначала на иконку слоя с щитом, затем, не отпуская клавиш, поочередно кликаем на иконки слоев с прямоугольниками. После этих действий у нас должно получиться общее выделение прямоугольников и щита. Активируем самый верхний слой, жмем Ctrl+Shift+I (инвертировать выделение) и жмем Delete. Меняем Blending mode (Режим наложения) этого слоя на Soft light (Мягкий свет). Кстати это по-моему совсем неплохой способ создания гранжа..


Рисуем стильный логотип в виде щита используя Фотошоп

Шаг 10.


Вновь создаем новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), загружаем выделение щита (кликаем по иконке слоя), идем Select > Modify > Contract (Выделение > Модификация > Сжать) и ставим значение радиуса 10-15. Полученное выделение заливаем белым. Применяем стили: ↓



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

Рисуем стильный логотип в виде щита используя Фотошоп

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

Рисуем стильный логотип в виде щита используя Фотошоп

Добавляем опять грязи, как мы делали это в шаге 9.


Рисуем стильный логотип в виде щита используя Фотошоп

Осталось добавить свой логотип.

Вот и все.


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

Рисуем стильный логотип в виде щита используя Фотошоп

Автор: T Jay;

Текст доработан командой сайта PhotoshopPro.ru