Используем Actions (Операции) в анимации используя Фотошоп

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

В данном уроке мы рассмотрим использование Actions (Операций) при создании анимации в Фотошопе.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


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

Используем Actions (Операции) в анимации используя Фотошоп

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


1. Создадим новый документ например 512х256 пикселей с белым фоном (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).


Используем Actions (Операции) в анимации используя Фотошоп

2. Нажимаем Ctrl+I (фон стал черным), затем D (сбрасываем цвета) и X (меняем их местами).


3. Опять воспользуемся «Горячими клавишами», нажмем T и изобразим примерно следующее: ↓


Используем Actions (Операции) в анимации используя Фотошоп

4. Нажмём Ctrl+Alt+Shift+E. Получим Layer 1 (Слой 1).


Используем Actions (Операции) в анимации используя Фотошоп

Используем Actions (Операции) в анимации используя Фотошоп

5. Поворачиваем нашу канву на 90 градусов по часовой стрелке (Image > Rotate Canvas > 90° CW (Изображение > Повернуть холст > 90˚ по часовой стрелке)).


6. Создаем новый слой Layer 2 (Слой 2) (Shift+Ctrl+N). Выбираем инструмент Rectangle Tool Инструмент - Прямоугольник (Инструмент "Прямоугольник" / Клавиша "U" ) и удерживая Shift рисуем белый квадрат.


Используем Actions (Операции) в анимации используя Фотошоп

7. Трансформируем его следующим образом. Нажимаем Ctrl+T и поворачиваем на 45 градусов. Нажимаем Ввод. Затем снова Ctrl+T и сжимаем его в ромб.


Получим примерно следующее: ↓


Используем Actions (Операции) в анимации используя Фотошоп

8. Применим к слою Layer 2 (Слой 2) → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) радиус 12-14 px: ↓


Используем Actions (Операции) в анимации используя Фотошоп

9. Начинаем писать Action (Операцию). Открываем Window > Actions (Окно > Операции / Сочетание клавиш "Alt+F9").


Итак, слой Layer 2 (Слой 2) у нас активен. Нажимаем кнопку в палитре операций Create new actions (Создать новую операцию). В появившемся окне пишем название «Смещение» и нажимаем Record (Запись). Запись началась, далее по пунктам: ↓


Пока всё просто. Нажимаем Ctrl+T и увеличиваем координату по игреку на 2030 пикселей. У меня было 87,0 я изменил на 107,0.


Используем Actions (Операции) в анимации используя Фотошоп

Останавливаем запись экшена. Теперь если воспроизвести его несколько раз, то слой Layer 2 (Слой 2) должен смешаться в низ по 20 пикселей.


10. Создаем новый слой Layer 3 (Слой 3). Заливаем его любым цветом. Выделяем Layer 3 (Слой 3) и начинаем записывать второй Action (Операцию), назовем его Ветер.


Как вы уже наверное догадались применяем фильтр Wind (Filter > Stylize > Wind (Фильтр > Стилизация > Ветер)). Direction > From the Right (Метод > Ветер, Направление > Справа). Наш рисунок не изменится, это и понятно, но не в этом пока смысл.


Используем Actions (Операции) в анимации используя Фотошоп

Применим этот же фильтр, с этими же настройками ещё два раза. То есть нажмем два раза Ctrl+F.


Повторим пункт 10.1 только теперь ставим Direction > From the left (Метод > Ветер, Направление > Слева).


Окно Actions (Операций) выглядит сейчас примерно так: ↓


Используем Actions (Операции) в анимации используя Фотошоп

Останавливаем запись. Удаляем Layer 3 (Слой 3).


11. Делаем копию слоя Layer 1 (Слой 1) (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")).


12. Располагаем наш ромб (Layer 2 / Слой 2) в самом верху изображения. Делаем слои Layer 1 (Слой 1) и Layer 2 (Слой 2) невидимыми. Делаем активным слой Layer 1 (Слой 1).


Итак, перед самым ответственным шагом наши слои имеют такой вид: ↓


Используем Actions (Операции) в анимации используя Фотошоп

13. Включаем окно анимации Window > Animation (Окно > Анимация) и ставим продолжительность первого и пока единственного кадра 0,1 секунды.


14. Теперь самый ответственный шаг запись главного экшена. Делаем всё внимательно по пунктам.


Начинаем запись Action (Операции) назовем его например «Главный».


14.2. Добавляем новый кадр. Слой Layer 1 copy (Слой 1 копия) делаем невидимым.


14.3. Нажимаем правой кнопкой мыши на слое Layer 1 (Слой 1) и выбираем пункт Duplicate layer (Дубликат слоя), в появившемся окне переименовываем слой Layer 1 copy 2 (Слой 1 копия 2) на Layer 1 copy (Слой 1 копия) (удаляем двойку и лишний пробел). Делаем этот слой видимым. Получим следующее. ↓


Используем Actions (Операции) в анимации используя Фотошоп

14.4. Делаем активным слой Layer 2 (Слой 2), а потом делаем его видимым. Или наоборот, сначала видимым потом активным.


14.5. Теперь вернемся к ранее созданному экшену «Смещение» и воспроизведем его. Слой Layer 2 (Слой 2) сместится вниз. А в окне Actions (Операций) появится соответствующая надпись. В этом шаге можно смещать слой в ручную если вам не нужна точность.


14.6. Удерживая Ctrl нажимаем на Layer 2 (Слой 2) в окне слоев. Получим такое вот выделение: ↓


Используем Actions (Операции) в анимации используя Фотошоп

14.7. Теперь делаем активным видимый слой Layer copy (Слой копия) (свежесозданный слой) и запускаем экшен «Ветер».


14.8. Убираем выделение Ctrl+D. Делаем невидимым слой Layer 2 (Слой 2). Делаем активным слой Layer (Слой).


14.9. Останавливаем запись.


Используем Actions (Операции) в анимации используя Фотошоп

15. Теперь воспроизведем наш «Главный» экшен несколько раз. Увидим как появляются кадры анимации. У меня получилось 17 кадров.


16. Поворачиваем канву обратно против часовой стрелки. (Image > Rotate Canvas > 90° CCW (Изображение > Повернуть холст > 90˚ против часовой стрелки)).


17. Просматриваем и сохраняем получившуюся анимацию.


Используем Actions (Операции) в анимации используя Фотошоп

18. Теперь залазим в самые дебри. Начинаем записывать новый Action (Операцию) в котором повторим все шаги нашего урока с 1 по 12.


Вот что должно получиться в идеале: ↓


Используем Actions (Операции) в анимации используя Фотошоп

Незабываем поставить возле строчки Make text layer (Создать текстовый слой) отметку Toggle dialog on/off (Диалог переключения вк./выкл.), чтобы в следующий раз у нас спросили какой текст вводить.


19. Запускаем один раз экшен «Самый главный» и потом сколько нужно «Главный».


20. Вот и все.


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

Используем Actions (Операции) в анимации используя Фотошоп

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

Используем Actions (Операции) в анимации используя Фотошоп

Автор: badmaster.

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