Знакомство с инструментами для анимации

Основным инструментов для создания анимации является панель Frames, которую мы сейчас рассмотрим.

Рис. 6. Панель Frames.

• Если на окне нет панели Frames, то откройте ее, выбрав команду в меню Window – Frames. На экране появится группа панелей Frames and history с открытой панелью Frames. В центральной части панели Frames отображается текущий список кадров анимации. Список кадров удобно редактировать с помощью кнопок в нижней части панели Frames. Кнопка позволяет добавить новый кадр, кнопка – удалить текущий кадр, кнопка – автоматически синтезировать промежуточные кадры по начальному и конечному рисунку.

• Если на окне нет панели Layers, то откройте ее, выбрав команду в меню Window – Layers. В центральной части панели отображается список используемых слоев. В верхней части вкладки расположены выпадающие списки, которые определяют параметры выбранного слоя. Первый слева список позволяет задать степень прозрачности слоя, а второй – указать режим наложения слоев. В нижней части вкладки Layers находится список для работы со слоями. Кнопка создает новый слой, кнопка – удаляет выделенный слой.

Сменяющиеся рисунки

Продолжим создавать баннер.

• Сначала загрузим баннер с диска с помощью пункта меню File – Open. Откройте ранее сохраненный файл с баннером в формате .png.

• Выберите панель Frames

• На палении появилось название первого кадра анимации – Frame 1. Справа от времени кадра отображается время задержки между текущим и следующими кадрами: 150 сотых долей секунды.

Чтобы создать копию первого кадра, выполните следующие шаги:

• Установите указатель мыши на первой строке панели Frames

• Нажмите и удерживайте левую кнопку мыши

• Не отпуская левую кнопку мыши, переместите мышь к кнопке в нижней части панели Frames

• Отпустите левую кнопку мыши. На панели Frames текущим станет второй кадр, а в окне документа появится рисунок баннера – копия первого кадра.

Теперь изменим второй кадр:

• Создайте новый слой, используя панель Layers

• Добавьте на баннер новый текст, используя кнопку с панели Tools. Например, строчку «Ведь от тайги до британских морей».

Чтобы добиться эффекта смены надписей, нужно расположить надписи в одном месте и одну из них делать невидимой. Для этого:

• Перетащите созданную надпись «Ведь от тайги до британских морей» таким образом, чтобы она наложилась на надпись «всех сильней!»

• Нужно сделать невидимой надпись «всех сильней». Для этого на панели Layers щелкните мышью на значке , который расположен слева от имени слоя Layer 3, чтобы данный слой, содержащий надпись «всех сильней», стал невидимым.

• В правой части окна документа одна из надписей исчезнет.

Просмотр и настройка параметров ролика

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

Сначала просмотрим созданную анимацию:

• Нажмите кнопку в нижней части окна документа.

• В окне документа надписи будут сменять друг друга.

• Нажмите кнопку в нижней части окна документа, чтобы остановить воспроизведение анимации.

Теперь изменим скорость смены соседних кадров.

• Выберите панель Frames.

• Щелкните мышью на первой строке панели Frames.

• Нажмите и удерживайте клавишу Shift.

• Щелкните мышью на последней строке вкладки Frames, таким образом, вы выделите все кадры анимации.

• Дважды щелкните мышью на времени задержки справа от имени любого кадра. На экране появится окно для ввода времени задержки.

• В поле ввода Frame Delay введите время задержки 150 сотых секунды. Нажмите клавишу Enter, чтобы закрыть окно. На панели Frames во всех строках появится введенное время задержки. Это означает, что скорость смены соседних кадров изменена.

Теперь зададим количество повторений последовательности кадров в баннере.

• Нажмите кнопку в нижней части вкладки Frames. На экране появится меню для выбора числа повторений анимации. В меню можно выбрать нужное количество повторений. При выборе пункта Forever анимация будет проигрываться безостановочно.

• Щелкните мышью на любом месте экрана вне меню, чтобы закрыть его.

Сохраним созданный баннер в формате .png на диске с помощью пункта меню File – Save As.

а) б)

Рис 7. Результат: а) первый кадр б) второй кадр