Как сделать анимацию

gif-анимация

Урок о том, как сделать анимацию в Photoshop для новичков на практическом примере. Уровень знания программы — умение открывать и сохранять графические изображения. Чтобы сделать анимацию в Photoshop, потребуется освоить несложные инструменты, а процесс её создания занимает совсем немного времени.

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

Редактором анимации в Photoshop выступает панель «Анимация», расположенная на правом крае рабочего пространства программы. Она вызывается из основного меню командой: «Окно — Анимация». Это горизонтальная панель — рассмотрим её инструменты:

инструменты для создания gif-анимации
Рис.1 Панель Анимация:
1 — Установка количества показов;
Выбрать первый кадр — 2, предыдущий кадр — 3, следующий кадр — 5;
4 — Запуск анимации (Остановка);
6 — Автоматическая анимация: создание промежуточных кадров;
7 — Создание копии выделенных кадров;
8 — Удаление выделенных кадров;
9 — Установка длительности показа каждого кадра.

Анимированное изображение состоит из кадров. Первоначально, при его создании — это один кадр, который повторяет текущий слой активного документа. Наша задача — создать последующие кадры из других слоёв документа.

Для этого жмём значок дублирования кадра (Рис.1-7) и создаём столько копий, сколько нужно. В нашем примере — создаём 2-ой кадр и выбираем его кликом:

создание кадров анимации

Затем переходим в панель «Слои»: «Окно — Слои» (F7), и выделяем «Слой 2» — он устанавливается во 2-ом кадре панели «Анимация»:

установка слоёв

Далее нужно просто повторить эту процедуру с остальными кадрами и слоями, если они есть. Осталось рассказать о создании промежуточных кадров — это возможность автоматизации процесса создания анимации. В нашем примере используются два слоя — две такие картинки:

автоматизация анимации

Если всё оставить как есть, то при переходе кадров будет скачок. Если использовать промежуточные кадры, то можно сгладить переход — сделать его плавным. Жмём значок (Рис.1-6) и добавляем несколько промежуточных кадров в нашу анимацию, задав их количество в открывающемся окошке:

промежуточные кадры

Для промежуточных кадров устанавливаем близкую к минимальной длительность показа (Рис.1-9) и получаем мягкий переход кадров. В примере я оставил 4 промежуточных кадра, которые, кстати, можно дорабатывать через панель «Слои».

Вот что получилось — анимированное изображение из 6 кадров, зацикленное на постоянный показ (Рис.1-1):

анимированное изображение

Таким образом, можно, применив всего два-три кадра оживить любой объект: сделать шагающего человечка, движущийся автомобиль, летящий самолёт. Или, используя анимацию — создать баннер первоклассного уровня.

Сохранять анимацию необходимо в формате GIF: «Файл - Сохранить для Web и устройств» (Alt+Shift+Ctrl+S). Теперь вы сможете сами редактировать любые готовые анимационные GIF-изображения, в файлах которых сохраняются все слои.

Уроки Photoshop: