Найти тему

Создаем анимированный текстовый эффект VHS в Photoshop ч.1

Оглавление
-2

1. Подготовка документа

Шаг 1

Нажимаем Ctrl+N, чтобы создать новый документ со следующими настройками:

  • 1920 x 1080 px
  • 300 dpi
-3

Шаг 2

Создаем новый слой Shift+Ctrl+N, называем его Placeholder (Ваш текст).

-4

Шаг 3

Правый клик по слою и из выпадающего меню выбираем Convert to Smart Object (Преобразовать в смарт-объект).

-5

Шаг 4

Затем снова правый клик по слою и из выпадающего меню выбираем Edit Contents (Редактировать содержимое).

-6

Шаг 5

Нажимаем Т, чтобы взять инструмент Horizontal Type Tool (Горизонтальный текст) и печатаем любой текст шрифтом Bebas Neue и размером 84 pt. После этого закрываем и сохраняем Placeholder (Ваш текст).

-7

Шаг 6

Правый клик по смарт-объекту и из выпадающего меню выбираем Duplicate (Создать дубликат слоя), чтобы создать две копии слоя.

-8

Шаг 7

Переименовываем скопированные слои в Text (Текст) и Glow (Свечение). Скрываем первый смарт-объект.

-9

Шаг 8

Выбираем фоновый слой и нажимаем Shift+F5, чтобы залить слой цветом #141414.

-10

2. Создаём текстовый эффект VHS

Шаг 1

Приступаем к созданию текстового эффекта. Выбираем слой Text (Текст) и идем в меню Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу), устанавливаем радиус 2 px.

-11

Шаг 2

После этого идем в меню Filter — Blur — Motion Blur (Фильтр — Размытие — Размытие в движении). Настройки:

  • Angle (Угол): 90°
  • Distance (Смещение): 60 px
-12

Шаг 3

Идем в меню Filter — Distortion — Wave (Фильтр — Искажение — Волна) и устанавливаем следующие настройки:

  • Number of Generators (Число генераторов): 1
  • Wavelength (Длина волны): 1 и 298
  • Amplitude (Амплитуда): 1 и 6
  • Type (Тип): Sine
-13

Шаг 4

Теперь нам нужно создать стили слоя. Двойной клик по слою и в появившемся окне выбираем Gradient Overlay (Наложение градиента).

-14

Шаг 5

Для градиента используем следующие настройки:

  • Blend Mode (Режим наложения): Normal (Нормальный)
  • Opacity (Непрозрачность): 100%
  • Angle (Угол): -180°

Установите следующие цвета для градиента: #fc3d4f; #fd7335; #f57c21.

-15

Шаг 6

Теперь мы добавляем эффекты Gaussian Blur (Размытие по Гауссу) и Wave (Волна) с теми же параметрами для слоя Glow (Cвечение).

-16

Шаг 7

Двойной клик по слою, добавляем эффект Outer Glow (Внешнее свечение) с тем же градиентом и следующими настройками:

  • Blend Mode (Режим наложения): Screen (Экран)
  • Opacity (Непрозрачность): 100%
  • Spread (Размах): 4%
  • Size (Размер): 12 px
-17

Шаг 8

Устанавливаем Fill (Заливка) на 0%.

-18

Шаг 9

Помещаем все смарт-объекты в группу, называем ее Main Text (Основной текст).

-19

Шаг 10

Создаем две копии группы и называем их Color Shift 01 (Смещение цвета 1) и Color Shift 02 (Смещение цвета 2).

-20

Шаг 11

Дважды щелкаем на слое Color Shift 01 (Смещение цвета 1) и снимаем флажки с каналов Green и Blue.

-21

Шаг 12

Дважды щелкаем на слое Color Shift 02 (Смещение цвета 2) и снимаем флажки с каналов Red и Green.

-22

Шаг 13

Перемещаем группу слоев Color Shift 01 (Смещение цвета 1) на 4 пикселя влево, удерживая Shift.

-23

Шаг 14

Перемещаем группу слоев Color Shift 02 (Смещение цвета 2) на 8 пикселей вправо, удерживая Shift

-24

В следующем уроке научу вас анимировать данный текст не выходя из фотошопа!

Спасибо за внимание! <3