Настройка и просмотр временной последовательности
Во время просмотра анимации в предыдущем разделе вы, возможно, обратили внимание на то, что движения дельфина нереалистично судорожны. В этом разделе вы смягчите движения дельфина, установив задержку проигрывания каждого кадра анимации. Затем вы снова проиграете анимацию, чтобы проверить результат.
В своих собственных проектах вы можете задавать как равные паузы для всех кадров, так и особые паузы для каждого кадра, но сейчас нам достаточно установить одинаковое время задержки для всех кадров анимации.
В меню палитры Animation (Анимация) выберите команду Select All Frames (Выделить все кадры).
Откройте всплывающее меню Selects frame delay time (Выбирает время отображения кадра), щелкнув мышью на метке времени 0 sec. (0 сек.) под любым кадром анимации, и выберите в меню значение 0.2 (0,2 сек.). (По умолчанию устанавливается задержка времени 0 секунд).
Новое значение задержки появится под каждым эскизом кадра на палитре Animation (Анимация), указывая, что установленная задержка времени применяется ко всем кадрам на палитре.
Просмотрите результат, щелкнув мышью на кнопке Plays/stops animation (Воспроизводит/останавливает анимацию) (►) на палитре Animation (Анимация).
Выберите в меню команду File ♦ Preview In (Файл ♦ Предварительный просмотр в) и выберите в подменю браузер, чтобы проиграть анимацию с точной синхронизацией. Закончив просмотр, вернитесь в программу.
Выберем в меню команду File ♦ Save Optimized As (Файл ♦ Сохранить оптимизированный как).
Убедитесь, что в диалоге Save Optimized As (Сохранить оптимизированный как) указано имя файла Dolphin.gif и для сохранения выбрана папка My_GIFs.
Затем щелкните мышью на кнопке Save (Сохранить) и на кнопке Replace (Заменить), чтобы заменить существующий файл.
Закройте исходное изображение без сохранения изменений с помощью команды меню File ♦ Close (Файл ♦ Закрыть).
Создание анимации настройкой непрозрачности и положения слоя
На этот раз вы используете несколько иной метод для анимации следующего элемента проекта. Вы анимируете сборку текстового логотипа, используя многослойное изображение Photoshop.
В этом проекте вам не придется создавать вручную дополнительные слои для каждого изменения положения объектов и кропотливо создавать и редактировать каждый отдельный кадр. После создания первого и последнего кадров анимационной последовательности вы предоставите программе самостоятельно выполнить всю работу по созданию промежуточных кадров.
Открытие графического файла и начало процесса создания анимации
Сейчас, чтобы начать работу, вы откроете новый графический файл и просмотрите его текущие установки.
В меню выберите команду File ♦ Open (Файл ♦ Открыть) и откройте файл H2O.psd.
Логотип состоит из четырех различных компонентов, расположенных на отдельных слоях. Создадим анимацию из кадров, в которых буквы логотипа будут появляться из разных мест и двигаться к своим конечным положениям. Изображение в исходном файле H2O.psd показывает, как должен выглядеть рисунок в конце анимации.
Убедитесь, что палитры Animation (Анимация) и Layers (Слон) находятся в рабочей области, или откройте их, выбрав в меню команду Window ♦ Workspace ♦ Animation (Окно ♦ Рабочая область ♦ Анимация).
На палитре Animation (Анимация) щелкните мышью на кнопке Duplicates current frame (Создать дубликат текущего кадра), чтобы создать новый кадр анимации.
Теперь, когда у вас есть два кадра, основа для создания новой анимации готова. В вашу задачу входит изменение состояний слоев изображения в различных кадрах анимации.