1. Палитра Layers

Процесс подготовки анимации в Adobe Photoshop CS5 очень прост. В палитре Animation (Анимация) последовательно создаются кадры. Графическое содержимое каждого кадра определяется с помощью палитры Layers (Слои), находящейся справа от рабочей области.

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

2. Создание и удаление кадров

После определения изображения для первого кадра анимации, следует создать следующий, второй кадр. Для этого надо нажать кнопку - Duplicates current frame (Дублирование текущего кадра) в нижней части палитры Animation (Анимация). В ней появится и будет выделен темной рамкой второй кадр. Темное выделение указывает на то, что теперь этот кадр активный, и к нему будут относиться все операции редактирования. Изображение на втором кадре полностью совпадает с первым, так как был создан дубликат кадра. Нажмите кнопку в правом верхнем углу палитры Animation и в появившемся меню выберите команду New Frame (Новый кадр). В палитре Animation появится и станет активным третий кадр, который представляет собой копию второго.

Действуя описанным способом, вы можете создать для анимации любое количество кадров и для каждого из них определить с помощью палитры Layers (Слои) графическое содержимое.

Удалить любой кадр или группу кадров из палитры Animation (Анимация) можно с помощью кнопки - Deletes selected frames (Удаление выбранных кадров), предварительно выделив их щелчками мыши при нажатой клавише Shift, если кадры смежные (в этом случае достаточно щелкнуть мышью только на крайних кадрах), или при нажатой клавише Ctrl, если кадры несмежные. Удалить выбранные кадры можно также командой меню Delete Frame (Удалить кадр) палитры Animation (Анимация).

3. Время показа кадра

Время задержки каждого кадра на экране по умолчанию равно 0 (ноль) секунд. И это значение отображается в палитре Animation (Анимация) под миниатюрой каждого кадра. Чтобы изменить время отображения кадра, щелкните мышью в палитре Animation на миниатюрном значке-треугольнике - Selects frame delay time (Выбор времени задержки кадра) справа от надписи 0 sec. под миниатюрой первого кадра. На экране появится меню времени задержки.

Создание анимации в виде последовательности кадров

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

В палитре Layers с помощью значков с изображением открытого глаза , вы можете выключить и включить отображение слоев и эффектов на рисунке и на каждом кадре анимации. Допустим в вашем файле 6 слоев, включая белый фон. Для того, чтобы не отображать слой на кадре, щелкните мышью на значке с изображением глаза слева от миниатюры слоя. Указанный слой на рисунке и кадре анимации станет невидимым.

Для каждого слоя можно задавать параметры, в том числе и % прозрачности

В панели анимации создадим новый кадр, для этого следует выделить первый кадр и нажать кнопку Duplicates selected frames

После этого зададим для первого кадра в меню Layers прозрачность слоя 100% (см. рис.).

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

Проделаем аналогичные действия и для остальных слоев с картинками.

На последнем кадре на фоновом белом слое после нажатия кнопки напишем объявление.

С помощью системы меню в верхней части окна необходимо выбрать шрифт, параметры, размер символов, эффекты, выравнивание, цвет текста и т.д.

После этого нажмем кнопку Duplicates selected frames

На втором кадре с помощью кнопки вызовем меню и установим эффект для текста.

В итоге надпись на втором кадре примет вид лосося – «визитной карточки» Камчатского заповедника. Выделим оба кадра с текстом и создадим 10 промежуточных кадров с временем показа 0,05 с.

После этого нажмем кнопку для предварительного просмотра получившейся анимации.