Реклама

Создаем анимацию вспышки текста в Фотошопе

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

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


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

Создаем анимацию вспышки текста в Фотошопе

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


1. Начнем с создания документа размером - 640х480.


2. Зальем фон черным цветом, нажав сначала D затем Alt+Delete. Создадим новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")).


3. Создадим текст выбрав инструмент Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T"). Выставим цвет текста белым.


Создаем анимацию вспышки текста в Фотошопе

4. Нажмем правой кнопкой по слою с текстом и выберем Rasterize (Растрировать). Нажмем на слою с зажатой клавишей Ctrl, тем самым выделив текст. Далее нажмем Select > Modify > Contract (Выделение > Модификация > Сжать), поставьте количество пикселей 3. Затем нажмите Delete. Теперь размоем совсем немного наш текст Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу). Далее склеим слой с текстом с черным цветом нажав Layer > Merge down (Слой > Объединить слои / Сочетание клавиш "Ctrl+E") назовем данный слой text.


Текущий результат: ↓

Создаем анимацию вспышки текста в Фотошопе

5. Выберем Filter > Distort > Polar Coordinates (Фильтр > Искажение > Полярные координаты) выберете Rectangular to Polar (Прямоугольные в полярные).


6. Далее выбираем Filter > Stylize > Wind (Фильтр > Стилизация > Ветер). Выберете Method (Метод) (Ветер), Direction (Направление) (From the right / Справа). Далее нажмите Ctrl+Alt+F этим действием мы выберем последний фильтр (в нашем случае Wind), поменяйте Direction > From the left (Метод > Ветер, Направление > Слева).


Создаем анимацию вспышки текста в Фотошопе

7. Далее выберем Image > Rotate Canvas > 90° CW (Изображение > Повернуть холст > 90˚ по часовой стрелке) и повторяем шаг 6. Далее нажмем Image > Rotate Canvas > 90° CCW (Изображение > Повернуть холст > 90˚ против часовой стрелки). Нажимаем Filter > Distort > Polar Coordinates (Фильтр > Искажение > Полярные координаты) и выбираем Polar to Rectangular (Полярные в прямоугольные). Далее повторяем шаг 6.


Создаем анимацию вспышки текста в Фотошопе

8. Далее при активном слое text нажимаем Layer > New Adjustment Layer > Hue/Saturation (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность). Применяем параметры как на изображении ниже: ↓


Создаем анимацию вспышки текста в Фотошопе

Hue (Цветовой тон) можете поставить любой какой вам понравиться.


9. Наконец-то начинается создание анимации. Выбираем слой text и дублируем его 16 раз (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). Легче всего это сделать нажимая Ctrl+J 16 раз. Убираем видимость у всех дублированных слоев кроме верхнего для этого нажимаем на глазик справа от убираемого слоя.


Создаем анимацию вспышки текста в Фотошопе

10. Далее при активном верхнем слое с текстом нажимаем Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш "Ctrl+L").


Выставляем параметры как на изображении ниже: ↓


Создаем анимацию вспышки текста в Фотошопе

11. Вызываем окно анимации (в разных версиях по разному, или ImageReady, или Window > Animation (Окно > Анимация), или CS6: Widnow > Timeline (Окно > Шкала времени)). Создаем новый кадр: ↓


Создаем анимацию вспышки текста в Фотошопе

Далее убираем видимость у верхнего слоя делаем видимым следующий слой. Для него нажимаем Image > Adjustments > Levels (Изображение > Коррекция > Уровни / Сочетание клавиш "Ctrl+L") и ставим параметры input level (Входные значения): 240 1,00 255.


Далее повторяем шаг 11 для слоя находящегося под видимым слоем.


Только input level (Входные значения) ставим 220 1,00 255. Как вы заметили значение меняется только у левого окошка.


Параметры input level (Входные значения) для следующих слоев ставим:

200, 160, 120, 80, 40, 0.

Далее у нас осталось 9 нетронутых слоя. Для них параметры input level (Входные значения) ставим: 0 1,00 230. Для следующих слоев меняется параметр только правого окошка, выставим значения : 200, 170, 140, 110, 90, 60, 30.


12. Не обязательный шаг. Нажмите в окне Animation (Анимации) стрелочку под кнопкой закрытия окна и выберите Select ALL Frames (Выбрать все кадры). Нажмите на кнопку создания нового кадра (данное действие создаст копию всех ваших кадров). Опять нажмем стрелочку под кнопкой закрытия окна и выберем Reverse Frames (Инвертировать кадры).


13. Сохраним нашу анимацию в Gif. Для тех кто не знает чтобы сохранить анимацию нажмите File > Save for Web (Файл > Сохранить для вэб и устройств). В открывшемся окне выберем формат Gif.


Вот и все.


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

Создаем анимацию вспышки текста в Фотошопе

Автор: Lionman;

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