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

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

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

В этом уроке Фотошопа мы рассмотрим, как можно нарисовать иконку медали.


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

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

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


Шаг 1. Основа ленточки.


Открываем новый документ (в моём случае это 70х134 рх / File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")) и заливам фон любым понравившимся Вам цветом.


Выбираем инструмент Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U") в режиме Path (Контуры), задайте фиксированный размер (см. скрин ниже) и сделайте фигуру.


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

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

Шаг 2.


Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), выберите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") диаметром 3 px, цвета #555555 и выполните обводку контура. Затем уменьшите размер до 1 px, установите цвет кисти #ffffff (белый) и ещё раз выполните обводку контура (Stroke Path) на том же слое.


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

Шаг 3.


Продублируйте слой (с частью ленты) Ctrl+J и опустите его на 4 px вниз. Проделайте тоже самое до желаемого размера Вашей ленты.


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

Шаг 4. Зададим цвет нашей ленте.


Выбираем инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) в режиме Shape (Фигуры), цвета указанного на скрине ниже и рисуем прямоугольник чуть больше чем размер Вашей ленты.


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


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

Шаг 5.


Применяем Clipping mask (Обтравочная маска) Ctrl+Alt+G и устанавливаем режим смешивания Multiply (Умножение).


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

Шаг 6.


Продублируйте слой с «белой лентой» переместите его в палитре слоёв выше всех остальных. Выберите инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и выделяем следующие области (см. скрин).


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

Шаг 7.


Инвертируем выделение Ctrl+Shift+I и затем жмём Del чтоб удалить ненужные части. После чего примените Clipping mask (Обтравочная маска) Ctrl+Alt+G.


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

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

Шаг 8. Придадим форму ленточке.


Склеиваем все слои за исключением фона. Удаляем любыми удобными способами нижнюю часть ленточки, я использовал Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L").


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

Шаг 9. Добавим некоторым местам ленточки объём.


Создаём новый слой – выше слоя с лентой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Выбираем инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") диаметром 10 px, чёрного цвета с мягкими краями и закрашиваем части ленты как показано на скрине немного залазя на ленту.


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

Шаг 10.


Затем применим Clipping mask (Обтравочная маска) Ctrl+Alt+G и уменьшим Opacity (Непрозрачность) слоя до 80%.


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

Шаг 11. Сделаем перегиб.


Создаём новый (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Выбираем инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") диаметром 10 px, чёрного цвета с мягкими краями и закрашиваем центральную часть ленты (см. скрин).


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

Шаг 12.


Как и в прошлом шаге применим Clipping mask (Обтравочная маска) Ctrl+Alt+G и уменьшим Opacity (Непрозрачность) слоя на этот раз до 30%.


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

Шаг 13. Делаем основу.


Выбираем инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") в режиме Shape (Фигур), цвета #e5c13f. Устанавливаем фиксированный размер 55x55 px и создаём круг.


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

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

Шаг 14.


Применим следующий стиль слоя (Blending Options (Параметры наложения) > Gradient Overlay (Наложение градиента)): ↓


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

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

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

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

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

Шаг 15. Создаём основу для граней.


Выбираем инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") в режиме Shape (Фигур), цвета #a07309. Устанавливаем фиксированный размер 50x50 px и создаём круг. Совместите два круга функциями центровки в режиме инструмента Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V").


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

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

Шаг 16. Делаем грани.


Выбираем инструмент Path Selection Tool Инструмент - Выделение контура (Инструмент "Выделение контура" / Клавиша "A") выбираем контур меньшего круга копируем его Ctrl+C и вставляем Ctrl+V перемещаем скопированный контур на 1 px вниз после чего нажимаем на иконку Subtract from shape area (Вычитание из выделенной области), а затем нажмите Combine (Объединить).


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

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

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

Если кто не понял, объясняю подробно на простом примере.


Есть векторная форма (например круг) пункт 1 смотри на скрине.


Выбираем инструмент Path Selection Tool Инструмент - Выделение контура (Инструмент "Выделение контура" / Клавиша "A") кликаете по векторной форме (в результате у Вас выберется путь) пункт 1 смотри на скрине.


Копируете его Ctrl+C желательно потом Выбрать другой слой, а потом опять перейти на слой с векторной формой и вставляем Ctrl+V вставится он в тоже место откуда был скопирован (поэтому Вы его не увидите) отличительная черта когда Вы вставляете контур должен отображаться, как когда вы его выбрали Path Selection Tool Инструмент - Выделение контура (Инструмент "Выделение контура" / Клавиша "A"). Перемещаете стрелочками смотри пункт 2 на скрине.


Затем при выбранном инструменте Path Selection Tool Инструмент - Выделение контура (Инструмент "Выделение контура" / Клавиша "A") нажимаем на иконку Subtract from Shape Area (Вычитания площади фигуры) у Вас заливка на пересекающихся частях "исчезнет", а контур останется смотри пункт 3 левую часть. Затем чтобы не было лишних контуров Вы их удаляете нажав на кнопку Combine (Объединить) и получится у Вас форма фигуры, как в 3-м пункте справа.


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

Шаг 17.


Тем же способом что и в шаге выше сделаем нижнюю грань только задайте ей белый цвет.


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

Шаг 18. Добавляем логотип.


Берём логотип (желательно векторную форму) например здесь. Устанавливаем нужный нам размер (чуть меньше самой медали) и задаём цвет #4F2900.


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

Шаг 19.


Применяем следующие стили слоя (Drop Shadow (Тень) и Gradient Overlay (Наложение градиента)) смотрим скрины ниже и установите слою режим смешивания Screen (Осветление).


Drop Shadow (Тень): ↓

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

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

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

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

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

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

Шаг 20.


Дальше добавим грани логотипу (аналогично как в шагах №16 и №17).

Делаем копию логотипа, выбираем инструмент Path Selection Tool Инструмент - Выделение контура (Инструмент "Выделение контура" / Клавиша "A") выбираем контур логотипа, копируем его Ctrl+C и вставляем Ctrl+V перемещаем скопированный контур на 1 px вниз после чего нажимаем на иконку Subtract from shape area (Вычитание из выделенной области), а затем нажмите Combine (Объединить).


P.S. Эти действия производятся только с векторными формами.


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

Шаг 21. Добавим крепление к медали.


Выбираем инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") в режиме Shape (Фигур) соответствующего цвета (см. скрин ниже) и делаем крепление. Для выполнение этого шага так же можно использовать инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U"), а потом Direct Selection Tool (Редактирование контура) подогнать под нужную форму.


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

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

Шаг 22. Соединим медаль и ленту.


Выбираем инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") в режиме Path (Контуры) и делаем крепёж.


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

Шаг 23.


Создаём новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")), выбираем инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") диаметром 3 px, с твёрдыми краями цвета #7C7020 и выполните обводку контура (Stroke Path). Затем уменьшаем диаметр кисти до 1 px изменяем цвет на белый и опять производим обводку контура (Stroke Path).


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

Шаг 24.


Добавляем самостоятельно тени и все наша медаль готова.


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

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

PSD;


Автор: 2 fingers;

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