Создаём Винтажную Эмблему в программе Photoshop

В этом уроке я покажу вам, как с помощью нарисованных фигур и стилей слоя создать винтажную рекламную эмблему. Итак, давайте приступим!

Данная винтажная эмблема, которую мы создадим, является частью Винтажных эмблем из моей коллекции, которая доступна в моём профиле на сайте GraphicRiver.

Исходные материалы:

Перед тем, как приступить к созданию данной винтажной эмблемы, скачайте все исходные материалы, а также установите шрифты и узоры в свою программу Photoshop.

• Полоски PNG
• Шрифт Lobster Two
• Шрифт Steelfish
  
• Узор Голубые Полоски

1. Создаём Рабочий Документ

Шаг 1

Создайте новый документ в программе Adobe Photoshop. Идём Файл – Новый (File > New). Установите следующие настройки: Ширина (Width): 850 px, Высота (Height): 600 px, Цветовой режим (Color Mode): Цвета RGB (RGB Color), Содержимое заднего фона (Background Contents): Белый (White).

Шаг 2

В наших расчётах, мы будем использовать пиксели (pixels), поэтому, если вы используете дюймы (inches) или другие единицы измерения, идём Редактирование – Установки – Единицы измерения и линейки (Edit > Preferences > Units & Rulers). Установите Линейки (Rulers) на Пиксели (Pixels). Нажмите кнопку ‘OK’, чтобы применить изменения.

2. Создаём Фигуру Эмблемы

Шаг 1

Вначале мы добавим несколько вертикальных и горизонтальных направляющих линий, которые помогут нам создать фигуру эмблемы. Идём Просмотр – Новая направляющая (View > New Guide) и в появившемся окне, задайте Ориентацию (orientation) Вертикальный (Vertical), а также укажите Положение (Position): 27 px. Повторите этот шаг, чтобы последовательно создать:

• Вертикальные направляющие (Vertical guides) в Положении (Position 34, 41, 44, 56, 58, 76, 101, 118, 122, 130 и 154 px.
• Горизонтальные направляющие (Horizontal guides) в Положении (Position) 11, 16, 41, 43, 55, 59, 69 и 107 px.

Шаг 2

Далее, идём Просмотр – Закрепить направляющие (View - Lock Guides), чтобы предотвратить нежелательное смещение направляющих линий.

Шаг 3

Мы привяжем нашу фигуру к направляющим и границам документа, поэтому нам нужно подготовить функции привязки. Идём в меню Просмотр (View), чтобы поставить галочку рядом с опцией Привязка (Snap), если там ещё не стоит галочка. Далее, идём Просмотр  - Привязать к (View > Snap To), чтобы поставить галочки рядом с опциями Границам документа (Document Bounds) и Направляющим (Guides).

Шаг 4

Выберите инструмент Прямоугольник (Rectangle Tool), а затем щёлкните левой кнопкой мыши по документу и в появившемся окне, установите Ширину (Width): на 155 px, а Высоту (Height): на 108 px. Нажмите кнопку ‘OK’. Примечание переводчика: 1. задать параметры прямоугольника вы также можете в верхней панели управления данного инструмента 2. Не забудьте выбрать режим Слой-фигура (Layer shape) в панели управления данного инструмента 3. Назовите слой с прямоугольником Прямоугольник 1 (Rectangle 1).

Шаг 5

Дважды щёлкните по миниатюре слоя Прямоугольник 1 (Rectangle 1) в палитре слоёв, чтобы изменить цвет прямоугольника на #f1b377.

Шаг 6

Выберите инструмент Перемещение (Move Tool), чтобы сместить прямоугольник. Привяжите его к верхнему левому углу рабочего документа. Примечание переводчика: с помощью инструмента Перемещение (Move Tool), просто сместите свой прямоугольник в верхний левый угол рабочего холста.

Шаг 7

Увеличьте масштаб до 500%, чтобы лучше видеть направляющие линии.

Шаг 8

В этом шаге мы добавим опорные точки к нашему прямоугольнику. Выберите инструмент Выделение контура (Direct Selection Tool), щёлкните правой кнопкой мыши по верхней кромке прямоугольника и в появившемся окне, выберите опцию Добавить опорную точку (Add Anchor Point).

Шаг 9

Таким же образом, добавьте ещё четыре опорные точки вдоль верхней кромки прямоугольника, включая две новые опорные точки вдоль левой кромки.

Шаг 10

Щёлкните правой кнопкой мыши по верхней левой опорной точке и в появившемся окне, выберите опцию Удалить опорную точку (Delete Anchor Point).

Шаг 11

Сдвиньте опорные точки вдоль верхнего края фигуры на следующие точки пересечения, начиная с левой опорной точки:

• Опорная точка 1: сдвигаем на пересечение с Вертикальной направляющей (Vertical Guide) 3 и Горизонтальной направляющей (Horizontal Guide) 3.
• Опорная точка 2: сдвигаем на пересечение с Вертикальной направляющей (Vertical Guide) 6 и Горизонтальной направляющей (Horizontal Guide) 4.
• Опорная точка 3: сдвигаем на пересечение с Вертикальной направляющей (Vertical Guide) 8 и Горизонтальной направляющей (Horizontal Guide) 1.
• Опорная точка 4: сдвигаем на пересечение с Вертикальной направляющей (Vertical Guide) 10 и Горизонтальной направляющей (Horizontal Guide) 2.
• Опорная точка 5: сдвигаем на пересечение с Вертикальной направляющей (Vertical Guide) 12 и Верхней границей документа (Top Document Bound).

Шаг 12

Сдвиньте опорные точки вдоль левого края фигуры на следующие точки пересечения, начиная с верхней опорной точки:

• Опорная точка 6: сдвигаем на пересечение с Вертикальной направляющей (Vertical Guide) 2 и Горизонтальной направляющей (Horizontal Guide) 5.
• Опорная точка 7: сдвигаем на пересечение с Левой границей документа (Left Document Bound) и Горизонтальной направляющей (Horizontal Guide) 8.

Шаг 13

Если вы щёлкните по одной из опорных точек, то вы увидите контурные линии (рычаги), на концах которых расположены направляющие точки (узловые точки). С помощью инструмента Выделение контура (Direct Selection Tool), вы можете смещать эти точки.

Давайте начнём с первой горизонтальной опорной точки, которая расположена рядом с верхней правой угловой опорной точкой. Выделите её, а затем сместите правую узловую точку на пересечение с угловой опорной точкой, далее, сместите левую узловую точку на пересечение с Вертикальной направляющей (Vertical Guide) 11.

Шаг 14

Выделите следующую горизонтальную опорную точку, удерживая клавишу (Shift), сместите её узловые точки на пересечение с ближайшими Вертикальными направляющими (Vertical Guides) с левой и с правой стороны выделенной опорной точки. Проделайте то же самое со всеми горизонтальными точками.

Шаг 15

Проделайте то же самое для вертикальных опорных точек, как описано в Шаге 14, только на этот раз, удерживая клавишу (Shift), сместите узловые точки на пересечение с ближайшими Горизонтальными направляющими (Horizontal Guides).

Шаг 16

Итак, мы создали четвертинку нашей будущей фигуры эмблемы, и теперь мы можем удалить все направляющие. Идём в меню Просмотр – Удалить направляющие (View - Clear Guides).

Шаг 17

Находясь на слое Прямоугольник 1 (Rectangle 1), идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Назовите дубликат слоя, например Фигура 2 (Shape 2).

Шаг 18

Перейдите на слой Фигура 2 (Shape 2), а затем идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform Path > Flip Horizontal).

Шаг 19

Находясь всё ещё на слое Фигура 2 (Shape 2), идём Редактирование – Свободная Трансформация (Edit > Free Transform Path), нажмите значок Относительное положение центра преобразования (Use Relative Positioning), а затем укажите горизонтальную координату центра преображения (horizontal position) X: 152 px.

Шаг 20

Удерживая клавишу (Shift), выделите слой Прямоугольник 1 (Rectangle 1), а затем идём Слои - Объединить фигуры - Объединить фигуры в наложении (Layer > Combine Shapes > Unite Shapes). Примечание переводчика: 1. автор объединил слой Фигура 2 (Shape 2) и слой Прямоугольник 1 (Rectangle 1) 2. Название объединённого слоя будет Фигура 2 (Shape 2).

Шаг 21

Находясь на объединённом слое Фигура 2 (Shape 2), идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Назовите дубликат слоя Эмблема (Badge).

Шаг 22

Перейдите на слой Эмблема (Badge), а затем идём Редактирование – Трансформация – Отразить по вертикали (Edit > Transform Path > Flip Vertical).

Шаг 23

Находясь всё ещё на слое Эмблема (Badge), идём Редактирование – Свободная Трансформация (Edit > Free Transform Path), нажмите значок Относительное положение центра преобразования (Use Relative Positioning), а затем укажите вертикальную координату центра преображения (vertical position) Y: 105 px.

Шаг 24

Удерживая клавишу (Shift), выделите слой Фигура 2 (Shape 2), а затем идём Слои - Объединить фигуры - Объединить фигуры в наложении (Layer > Combine Shapes > Unite Shapes). Итак, мы создали фигуру нашей эмблемы.

Шаг 25

Удерживая клавишу (Shift), выделите слой с Задним фоном (Background layer) в палитре слоёв. Далее, идём Слои - Выровнять - Центры по вертикали (Layer > Align > Vertical Centers), а затем идём Слои - Выровнять - Центры по горизонтали (Layer > Align > Horizontal Centers). С помощью данного шага мы выставим фигуру эмблемы по центру нашего документа.

3. Создаём Фигуры Ленточки

Шаг 1

Мы начнём с добавления трёх вертикальных направляющих, которые помогут нам с процессом создания ленточек. Итак, идём Просмотр – Новая направляющая (View > New Guide), выберите Ориентацию (orientation) Вертикальный (Vertical), а затем установите Положение (Position) на 425 px. Повторите этот шаг, чтобы добавить ещё две вертикальные направляющие на Положениях (Positions) 292 px и 559 px.

Шаг 2

Выберите инструмент Прямоугольник (Rectangle Tool), а затем щёлкните левой кнопкой мыши по документу и в появившемся окне, установите Ширину (Width): на 78 px, а Высоту (Height): на 56 px. Нажмите кнопку ‘OK’. Примечание переводчика: цвет нарисованной фигуры выберите на своё усмотрение.

Шаг 3

Находясь на слое Прямоугольник 1 (Rectangle 1), идём Слой- Переименовать слой (Layer > Rename Layer). Назовите этот слой Ленточка 1 (Ribbon 1).

Шаг 4

С помощью инструмента Перемещение (Move Tool), примкните прямоугольник к центральной вертикальной направляющей.

Шаг 5

Далее, идём Слой – Создать дубликат слоя (Layer > Duplicate Layer). Назовите дубликат слоя Ленточка 2 (Ribbon 2).

Шаг 6

Теперь, удерживая клавишу (Shift), примкните фигуру Ленточка 2 (Ribbon 2) к противоположной стороне той же самой вертикальной направляющей.

Шаг 7

Ещё раз выберите инструмент Прямоугольник (Rectangle Tool), чтобы создать новый прямоугольник. Щёлкните левой кнопкой мыши по документу и в появившемся окне, установите Ширину (Width): на 50 px и Высоту (Height): на 50 px. Нажмите кнопку ‘OK’.

Шаг 8

Далее, идём Редактирование – Трансформация – Поворот (Edit > Transform Path > Rotate). Установите Угол (Angle) поворота на 45°. Дважды нажмите клавишу (Enter), чтобы применить поворот.

Шаг 9

Поменяйте цвет данной фигуры для лучшей видимости. Дважды щёлкните по миниатюре слоя, чтобы появилось окно Палитры цветов (Color Picker) для выбора любого цветового оттенка, а затем нажмите клавишу ‘OK’. В моём примере, я использовал цветовой оттенок #bababa.

Шаг 10

Далее, идём Редактирование – Трансформация – Масштаб (Edit > Transform Path > Scale). Поменяйте Горизонтальный масштаб (horizontal scale) W: на 60%. Дважды нажмите клавишу (Enter), чтобы применить изменения.

Шаг 11

С помощью инструмента Перемещение (Move Tool), примкните данную фигуру к центру прямоугольника к той же самой вертикальной направляющей, к которой примкнуты фигуры ленточек.

Шаг 12

Удерживая клавишу (Shift), выделите слой Ленточка 1 (Ribbon 1) в палитре слоёв, чтобы выделите оба слоя с ленточками и слой с прямоугольником. Далее, идём Слои - Выровнять - Центры по вертикали (Layer > Align > Vertical Centers).

Шаг 13

Перейдите на слой Ленточка 1 (Ribbon 1), а затем, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Прямоугольник 1 (Rectangle 1), чтобы загрузить активное выделение. В заключение, идём Слой- Слой-маска- Скрыть выделенную область (Layer > Layer Mask > Hide Selection).

Шаг 14

Далее, перейдите на слой Ленточка 2 (Ribbon 2), а затем, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Прямоугольник 1 (Rectangle 1), чтобы загрузить активное выделение. В заключение, идём Слой- Слой-маска- Скрыть выделенную область (Layer > Layer Mask > Hide Selection).

Шаг 15

Итак, мы создали фигуры наших ленточек и нам больше не понадобится слой Прямоугольник 1 (Rectangle 1), поэтому, перейдите на данный слой, а затем нажмите клавишу (Delete).

4. Создаём Стяжки для Ленточки

Шаг 1

Выберите инструмент Линия (Line Tool), удерживая клавишу (Shift), нарисуйте горизонтальную линию длиной 394 px. Если вы не можете найти инструмент Линия (Line Tool) в панели инструментов, то щёлкните и удерживайте значок инструмента Прямоугольник (Rectangle Tool) и вы увидите выпадающее меню, выберите инструмент Линия (Line Tool).

Шаг 2

Задайте параметры линии:

• Заливка (Fill): Отключена
• Обводка (Stroke): Красный
  
• Толщина обводки (stroke width): 3 pt
  
• Параметры Обводки (Stroke Options): выберите пунктирную обводку
• Толщина линии (Weight): 1 px

Шаг 3

Далее, идём Слой- Переименовать слой (Layer > Rename Layer). Назовите слой с линией Стежок 1 (Stitch 1).

Шаг 4

Создаёте ещё один стежок, для этого идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Назовите этот слой Стежок 2 (Stitch 2).

Шаг 5

Удерживая клавишу (Ctrl), выделите слои Стежок 2 (Stitch 2) и Стежок 1 (Stitch 1), а также слой с Задним фоном (Background), а затем идём Слои - Выровнять - Центры по горизонтали (Layer > Align > Horizontal Centers).

5. Распределяем Все Элементы Эмблемы

Шаг 1

Перейдите на слой Ленточка 1 (Ribbon 1), с помощью инструмента Перемещение (Move Tool), при этом удерживая клавишу (Shift), примкните фигуру ленточки к правой вертикальной направляющей. Далее, перейдите на слой Ленточка 2 (Ribbon 2), чтобы примкнуть фигуру этой ленточки к левой вертикальной направляющей, при этом удерживайте клавишу (Shift).

Шаг 2

Перейдите на слой Стежок 2 (Stitch 2), удерживая клавишу (Shift), выделите слой с Задним фоном (Background), чтобы выделить все слои, которые расположены между двумя этими слоями. Далее, идём Слои - Выровнять - Центры по вертикали (Layer > Align > Vertical Centers).

Шаг 3

Перейдите на слой Эмблема (Badge), а затем идём Слои - Упорядочить - На передний план (Layer > Arrange > Bring to Front).

Шаг 4

Перейдите на слой Стежок 2 (Stitch 2), а затем идём Редактирование – Свободная трансформация (Edit > Free Transform), нажмите значок Относительное положение центра преобразования (Use Relative Positioning), а затем укажите вертикальную координату центра преображения (vertical position) Y: 278 px. Дважды нажмите клавишу (Enter), чтобы применить изменения.

Шаг 5

Далее, перейдите на слой Стежок 1 (Stitch 1), а затем идём Редактирование – Свободная трансформация (Edit > Free Transform), нажмите значок Относительное положение центра преобразования (Use Relative Positioning), а затем укажите вертикальную координату центра преображения (vertical position) Y: 321 px. Дважды нажмите клавишу (Enter), чтобы применить изменения.

6. Стилизуем Ленточки и Стяжки

Шаг 1

Перейдите на слой Стежок 2 (Stitch 2), удерживая клавишу (Ctrl), выделите слой Стежок 1 (Stitch 1). Далее, идём Слой- Новый – Группа из слоёв (Layer > New > Group from Layers). Назовите новую группу Стяжки (Stitches).

Шаг 2

Щёлкните правой кнопкой мыши по слою с группой Стяжки (Stitches) и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:

• Режим наложения (Blend Mode): Нормальный (Normal)
• Цвет: #977e53
  
• Непрозрачность (Opacity): 100%

Шаг 3

Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет: #000000
• Непрозрачность (Opacity): 55%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): 110°
• Смещение (Distance): 1 px
• Размах (Spread): 55%
• Размер (Size): 0 px

Нажмите кнопку ‘OK’, чтобы применить все изменения.

Шаг 4

Перейдите на слой Ленточка 2 (Ribbon 2), Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Нормальный (Normal)
• Поставьте галочку в окошке Дизеринг (Dither)
  
• Непрозрачность (Opacity): 100%
• Стиль (Style): Линейный (Linear)
• Угол (Angle): 180°
• Масштаб (Scale): 100%
  
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента:
• Контрольная точка цвета 1 - цвет: #594a2e Позиция (Location): 0%
• Контрольная точка цвета 2 - цвет: #a28450 Позиция (Location): 100%

Шаг 5

Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет: #171718
• Непрозрачность (Opacity): 73%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): 45°
• Смещение (Distance): 3 px
• Размах (Spread): 100%
• Размер (Size): 0 px

Нажмите кнопку ‘OK’, чтобы применить все изменения.

Шаг 6

Перейдите на слой Ленточка 1 (Ribbon 1), Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Нормальный (Normal)
• Поставьте галочку в окошке Дизеринг (Dither)
  
• Непрозрачность (Opacity): 100%
• Стиль (Style): Линейный (Linear)
• Угол (Angle): 0°
• Масштаб (Scale): 100%
  
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента:
• Контрольная точка цвета 1 - цвет: #594a2e Позиция (Location): 0%
• Контрольная точка цвета 2 - цвет: #a28450 Позиция (Location): 100%

Шаг 7

Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет: #171718
• Непрозрачность (Opacity): 73%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): 135°
• Смещение (Distance): 3 px
• Размах (Spread): 100%
• Размер (Size): 0 px

Нажмите кнопку ‘OK’, чтобы применить все изменения.

7. Дублируем фигуру Эмблемы и Применяем Стилизацию

Шаг 1

Дважды щёлкните по миниатюре слоя Эмблема (Badge), чтобы открыть окно Палитры цветов (Color Picker). Выберите цветовой оттенок #712020. Затем нажмите кнопку ‘OK’.

Шаг 2

Находясь на слое Эмблема (Badge), идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Назовите дубликат слоя Эмблема 2 (Badge 2).

Шаг 3

Дважды щёлкните по миниатюре слоя Эмблема 2 (Badge 2), чтобы открыть окно Палитры цветов (Color Picker). Выберите цветовой оттенок #a38551. Затем нажмите кнопку ‘OK’.

Шаг 4

Нажмите клавиши (Ctrl+T), чтобы появилась верхняя панель настроек трансформирования фигуры. Установите Горизонтальный масштаб (horizontal scale) W: на 95%, а Вертикальный масштаб (vertical scale) H: на 95%.

Шаг 5

Находясь на слое Эмблема 2 (Badge 2), идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Назовите дубликат слоя Эмблема 3 (Badge 3).

Шаг 6

Дважды щёлкните по миниатюре слоя Эмблема 3 (Badge 3), чтобы открыть окно Палитры цветов (Color Picker). Выберите цветовой оттенок #912a2a. Затем нажмите кнопку ‘OK’.

Шаг 7

Нажмите клавиши (Ctrl+T), чтобы появилась верхняя панель настроек трансформирования фигуры. Установите Горизонтальный масштаб (horizontal scale) W: на 98%, а Вертикальный масштаб (vertical scale) H: на 98%.

Шаг 8

Находясь на слое Эмблема 3 (Badge 3), идём Слой- Создать дубликат слоя (Layer > Duplicate Layer). Назовите дубликат слоя Эмблема 4 (Badge 4).

Шаг 9

Нажмите клавиши (Ctrl+T), чтобы появилась верхняя панель настроек трансформирования фигуры. Установите Горизонтальный масштаб (horizontal scale) W: на 94%, а Вертикальный масштаб (vertical scale) H: на 94%.

Шаг 10

Перейдите на слой Эмблема (Badge), щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

Добавьте стиль слоя Глянец (Satin). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Осветление основы (Color Dodge) Цвет: #ffffff
• Непрозрачность (Opacity): 45%
• Угол (Angle): 132°
• Смещение (Distance): 7 px
• Размер (Size): 21 px
• Поставьте галочку в окошке Инвертировать (Invert)

Шаг 11

Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет: #000000
• Непрозрачность (Opacity): 100%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): 90°
• Смещение (Distance): 4 px
• Размах (Spread): 0%
• Размер (Size): 7 px

Нажмите кнопку ‘OK’, чтобы применить все изменения.

Шаг 12

Перейдите на слой Эмблема 2 (Badge 2) в палитре слоёв, а затем, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Эмблема (Badge), чтобы загрузить активное выделение, идём Слой- Слой-маска- Показать выделенную область (Layer > Layer Mask > Reveal Selection).

Шаг 13

Находясь на слое Эмблема 2 (Badge 2), щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

В окне Параметров наложения (Blending Options), поставьте галочку в окошке Слой-маска скрывает эффекты (Layer Mask Hides Effects).

Шаг 14

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Линейный осветлитель (Добавить) (Linear Dodge (Add)
  
• Поставьте галочку в окошке Дизеринг (Dither)
  
• Непрозрачность (Opacity): 18%
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 90°
• Масштаб (Scale): 100%
  
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента:
• Контрольная точка цвета 1 - цвет: #ffffff Позиция (Location): 0%
• Контрольная точка цвета 2 - цвет: #171718 Позиция (Location): 100%

Шаг 15

Добавьте стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет: #171718
• Непрозрачность (Opacity): 46%
• Смещение (Distance): 0 px
• Размах (Spread): 23%
• Размер (Size): 16 px

Нажмите кнопку ‘OK’, чтобы применить все изменения.

Шаг 16

Находясь на слое Эмблема 3 (Badge 3), щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

• Режим наложения (Blend Mode): Нормальный (Normal) Цвет: #a73d2c
  
• Непрозрачность (Opacity): 100%
• Смещение (Distance): 0 px
• Стягивание (Choke): 100%
• Размер (Size): 3 px

Шаг 17

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
  
• Непрозрачность (Opacity): 54%
• Шум (Noise): 10%
  
• Цвет: #000000
• Метод (Technique): Мягкий (Softer)
• Источник (Source): На краях (Edge)
• Стягивание (Choke): 0%
• Размер (Size): 21 px
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Нажмите кнопку ‘OK’, чтобы применить все изменения.

Шаг 18

Находясь на слое Эмблема 4 (Badge 4), щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

В окне Параметров наложения (Blending Options), уменьшите значение Непрозрачности заливки (Fill Opacity) до 0%.

Шаг 19

Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:

• Режим наложения (Blend Mode): Умножение (Multiply)
  
• Непрозрачность (Opacity): 20%
• Шум (Noise): 21%
  
• Цвет: #5e1010
• Метод (Technique): Мягкий (Softer)
• Источник (Source): Из центра (Center)
• Стягивание (Choke): 0%
• Размер (Size): 62 px
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Нажмите кнопку ‘OK’, чтобы применить все изменения.

Шаг 20

Идём Файл – Поместить (File > Place) и в появившемся окне навигации, выберите исходное изображение с полосками, которое вы скачали вначале этого урока, нажмите кнопку Поместить (Place). Сместите данное изображение немного вверх с помощью клавиши со стрелкой вверх, а затем нажмите клавишу (Enter), чтобы поместить изображение.

Шаг 21

Перейдите на слой с полосками в палитре слоёв, а затем, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Эмблема 4 (Badge 4), чтобы загрузить активное выделение, идём Слой- Слой-маска- Показать выделенную область (Layer > Layer Mask > Reveal Selection).

Шаг 22

Находясь на слое с полосками, щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

В окне Параметров наложения (Blending Options), уменьшите значение Непрозрачности заливки (Fill Opacity) до 0%.

Шаг 23

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  
• Поставьте галочку в окошке Дизеринг (Dither)
  
• Непрозрачность (Opacity): 7%
• Стиль (Style): Радиальный (Radial)
• Угол (Angle): 90°
• Масштаб (Scale): 100%
  
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента:
• Контрольная точка цвета 1 - цвет: #171818 Позиция (Location): 0%
• Контрольная точка цвета 2 - цвет: #ffffff Позиция (Location): 100%

Нажмите кнопку ‘OK’, чтобы применить все изменения.

8. Добавляем Текст и Применяем Стилизацию к Тексту

Шаг 1

Выберите инструмент Текст (Type Tool), установите шрифт Lobster 2. Задайте Начертание (Font Style) Bold Italic. Размер шрифта 52 pt, цвет шрифта #dec9a4. Напишите слово "Awesome".

Шаг 2

Ещё раз выберите инструмент Текст (Type Tool), на этот раз установите шрифт Steelfish. Задайте Начертание (Font Style) ExtraBold Italic. Размер шрифта 30 pt, цвет шрифта #a58752. Напишите текст “retro vintage badge”.

Шаг 3

Перейдите на слой с текстом “Awesome”, удерживая (Ctrl), выделите слой с текстом “retro vintage badge”, чтобы выделить оба слоя с текстом. Далее, идём Слой- Новый – Группа из слоёв (Layer > New > Group from Layers). Назовите эту группу Тексты (Texts).

Шаг 4

Находясь на слое с группой Тексты (Texts), щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы добавить стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет: #171718
• Непрозрачность (Opacity): 75%
• Уберите галочку в окошке Глобальное освещение (Use Global Light) перед тем, как установить Угол (Angle): 120°
• Смещение (Distance): 1 px
• Размах (Spread): 0%
• Размер (Size): 2 px

Нажмите кнопку ‘OK’, чтобы применить все изменения.

9. Создаём Задний Фон

Шаг 1

Перейдите на слой с Задним фоном (Background), а затем идём Слой- Новый – Слой из заднего плана (Layer > New > Layer from Background). Назовите этот слой Задний фон (Background). Данное действие разблокирует слой с задним фоном.

Шаг 2

Находясь на слое Задний фон (Background) , щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить следующие стили слоя:

Добавьте стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
  
• Щёлкните по значку Узор (Pattern) и в выпадающем меню, выберите узор Голубые полоски, который вы скачали вначале урока.
• Масштаб (Scale): 50%

Шаг 3

Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
  
• Поставьте галочку в окошке Дизеринг (Dither)
  
• Непрозрачность (Opacity): 84%
• Стиль (Style): Радиальный (Radial)
• Угол (Angle): 0°
• Масштаб (Scale): 70%
  
• Щёлкните по шкале градиента, чтобы установить следующие цвета градиента:
• Контрольная точка цвета 1 - цвет: #dec9a4 Позиция (Location): 0%
• Контрольная точка цвета 2 - цвет: #76603b Позиция (Location): 100%

Шаг 4

Добавьте стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки для данного стиля:

• Режим наложения (Blend Mode): Цветность (Color)
  
• Цвет: #ffffff
• Непрозрачность (Opacity): 48%

Нажмите кнопку ‘OK’, чтобы применить изменения.

Итоговый результат должен быть, как на скриншоте ниже.

Поздравляю вас! Мы завершили урок!

В этом уроке вы узнали, как создать ретро эмблему в программе Adobe Photoshop. Вначале мы создали фигуры эмблемы и ленточек, а затем мы стилизовали их, а также добавили текст. В заключение, мы создали задний фон.

Надеюсь, что вам понравился этот урок. Не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.

Данная винтажная эмблема, которую мы создадим, является частью Винтажных эмблем из моей коллекции, которая доступна в моём профиле на сайте GraphicRiver.