WEB Анимация

       

Анимация формы


Метод расчета промежуточных кадров (shapes-tweened) позволяет преобразовывать одну форму в другую, изменяя при этом ее размер, положение и цвет. При создании анимации формы следует учесть, что Flash не может выполнить такую анимацию для групп, символов, текстовых блоков и растровых изображений.

Анимация формы фигур позволяет создать эффект метаморфозы, когда одна форма превращается в другую. Для управления этими изменениями служат специальные идентификаторы формы (shape hints), которые позволяют создавать сложные изменения и превращения отдельных частей исходной фигуры в новые. Идентификаторы формы отмечают отдельные точки фигуры до и после изменения ее формы. Каждая из них обозначается буквой латинского алфавита, что позволяет задать до 26 идентификаторов. Таким образом можно создать изменение выражения нарисованных лиц, превращения одних животных в других и т. п. Для фигур сложной формы желательно задать промежуточные состояния в виде дополнительных ключевых кадров, что позволит контролировать фазы превращения. Лучше все анимируе-мые фигуры размещать в отдельных слоях, хотя можно выполнять одновременную анимацию для слоя, содержащего сразу несколько фигур.

Рис. 4.15. Преобразование формы: автоматическое и с использованием идентификаторов

Для применения анимации формы (shapes-tweened) к группам, символам, текстовым блокам и растровым изображениям их предварительно следует преобразовать командой Modify > Break Apart (Изменить > Разбить на части). По этой команде разрывается связь между экземпляром и символом, превращая экземпляр в набор несвязанных линий и фигур, что позволяет изменять его, не оказывая воздействия на другие экземпляры. Изменения символа в дальнейшем также не будут влиять на данный экземпляр.

Рассмотрим последовательность действий при создании анимации формы:

  • Выделим слой и пустой ключевой кадр на нем, с которого начнется анимация.
  • Создадим объект для первого кадра последовательности с помощью любого инструмента рисования.
  • Выделим требуемый заключительный кадр последовательности и превратим его в ключевой.

  • Создаем новый объект в этом кадре, к которому должен быть преобразован исходный объект.


  • Выполним команду Window > Panels > Frame (Окно > Панели > Кадр), чтобы открыть панель Frame (Кадр).


  • Из раскрывающегося списка Tweening (Расчет) выбирем значение Shape (Форма).




  • Зададим значение Easing (Плавность) в диапазоне от -100 до 100, определяя скорость изменений во времени. Отрицательные значения соответствуют медленным изменениям вначале и быстрым в конце. Положительные — быстрым вначале и замедляющимся к концу анимации. По умолчанию скорость постоянна. Регулировка производится ползунком, открывающимся щелчком на стрелке.


  • В раскрывающемся списке Blend (Переход) выбираем значение Distributive (Распределенный) — для гладких промежуточных форм или значение Angular (Острый) — для сохранения четких углов и прямых линий в промежуточ ных формах. Последнее значение применимо только к формам, имеющим острые углы и прямые линии, в противном случае автоматически будет задано значение Distributive (Распределенный).




  • Рис. 4.16. Задание параметров анимации формы

    Чтобы контролировать сложные превращения формах, используют идентификаторы формы (shape hints). Они определяют точки, которые в исходной и завершающей формах должны соответствовать друг другу.

    Идентификаторы формы (shape hints), помеченные буквой латинского алфавита, представлены желтым цветом в начальном и зеленым цветом в конечном ключевых кадрах. Красный цвет идентификатора означает, что он расположен не на кривой и не может участвовать в трансформации. При использовании идентификаторов формы следует придерживаться нескольких правил:

  • Идентификаторы располагают на фигуре в определенной последовательности, например против часовой стрелки, начиная с левого верхнего угла объекта.


  • Порядок идентификаторов должен сохраняться как в начальном положении фигуры, так и в конечном положении, чтобы не нарушалась их логическая последовательность (например, если на первом ключевом кадре abc, на следующем не должно быть acb).




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




  • Рис. 4.17. Изменение цвета идентификаторов при правильном размещении

    Чтобы использовать идентификаторы формы, выполняют следующие действия:

  • Выделяют первый ключевой кадр в последовательности и выполняют команду Modify > Transform > Add Shape Hint (Изменить > Трансформировать > Добавить идентификатор). На объекте появится первый идентификатор красного цвета с буквой внутри.


  • Идентификатор перемещают в точку на контуре фигуры, которую хотят отметить.


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


  • Выполняют просмотр фильма, чтобы убедиться, что форма изменяется желаемым образом. В противном случае перемещают идентификатор для более точной настройки изменения формы.


  • Повторяют процесс, добавляя новые идентификаторы (b, с и т. д.).


  • Если идентификаторы формы не отображаются на экране, то выполняют команду View > Show Shape Hints (Вид > Показать идентификаторы формы), которая доступна, если выделенный слой и ключевой кадр содержат идентификаторы формы.

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

    Лишний идентификатор формы, размещенный на фигуре, можно удалить, щелкнув по нему правой кнопкой мыши и выбрав из контекстного меню команду Remove Hint (Удалить идентификатор). Делать это следует на первом ключевом кадре последовательности. Для удаления всех идентификаторов формы достаточно выполнить команду Modify > Transform > Remove All Hints (Изменить > Трансформировать > Убрать все идентификаторы).

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





    Рис. 4.18. Пример покадровой анимации с использованием рисунков

    Редактирование анимации

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



    Рис. 4.19. Одновременное отображение ключевых кадров при анимации формы

    Для отображения и редактирования нескольких кадров одновременно следует использовать режим кальки (onion skin), позволяющий увидеть содержимое нескольких последовательных кадров. Этот режим особенно удобен при редактировании пошаговой анимации. Чтобы его активизировать, нужно выполнить щелчок по кнопке Onion Skin (Режим кальки) окна. В этом режиме текущий кадр отображается ярко, а все остальные — как полупрозрачные с наложением друг на друга. Редактировать при этом можно только текущий кадр. Чтобы обеспечить доступ ко всем кадрам, отмеченным маркерами диапазона, следует щелкнуть по кнопке Edit Multiple Frames (Правка нескольких кадров), также расположенной в окне Timeline (Ось времени).

    При перемещении текущего кадра одновременно изменяется положение маркеров диапазона отображаемых полупрозрачных кадров. Ухватив указателем мыши один из маркеров, можно расширить диапазон в ту или иную сторону. Чтобы избежать путаницы при большом количестве слоев, можно блокировать или скрыть те слои, содержание которых не требуется отображать в данный момент. Заблокированные слои, отмеченные значком замка в окне оси времени, не отображаются в режиме кальки.

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



    Можно также выполнить изменение порядка следования анимированных кадров на противоположный, для чего следует выделить кадры последовательности в одном или нескольких слоях и выполнить команду Modify > Frames > Reverse (Изменить > Кадры > Обратный). В этом случае в начале и в конце выделенной последовательности обязательно должны присутствовать ключевые кадры.

    В окне Timeline (Ось времени) имеются следующие кнопки, управляющие режимом кальки:



    Рис. 4.20. Кнопки управления режимом кальки

  • Кнопка Onion Skin (Режим кальки) включает отображение на рабочем столе содержимого группы кадров, заключенных между маркерами диапазона Start Onion Skin и End Onion Skin, расположенными на оси времени.


  • Кнопка Onion Skin Outlines (Контуры на кальке) задает отображение контуров объектов группы кадров, заключенной между маркерами диапазона.


  • Кнопка Edit Multiple Frames (Правка нескольких кадров) делает доступным для редактирования содержимое всех кадров диапазона.


  • Кнопка Modify Onion Markers (Изменить маркеры диапазона) открывает меню со следующими командами для изменения представления маркеров диапазона:


    • Always Show Markers (Всегда отображать маркеры) — отображает положение маркеров диапазона в заголовке оси времени и при выключенном режиме кальки (onion skin);


    • Anchor Onion Marks (Закрепить маркеры) — блокирует маркеры диапазона на текущей позиции, что препятствует их обычному перемещению вместе с указателем текущего кадра;


    • Onion 2 (показать два кадра) — включает в диапазон по 2 кадра с каждой стороны от указателя текущего кадра;


    • Onion 5 (показать пять кадров) — включает в диапазон по 5 кадров с каждой стороны от указателя текущего кадра;


    • Onion All (показать все кадры) — включает в диапазон все кадры фильма.


    • При работе над фильмом может возникнуть необходимость переместить всю анимацию в новое положение на рабочем столе. В этом случае, чтобы избежать повторного размещения и выравнивания объектов, их следует перемещать все вместе и одновременно. Предварительно необходимо разблокировать все слои анимации (для заблокированных слоев перемещения объектов не произойдет). Затем щелчком на кнопке Edit Multiple Frames (Правка нескольких кадров) задают режим редактирования всех кадров диапазона и перемещают маркеры диапазона в нужное положение. Например, для выбора всех кадров щелкают по кнопке Modify Onion Markers (Изменить маркеры диапазона) и выбирают команду Onion All (Показать все кадры). Далее выделяют все объекты командой Edit > Select All (Правка > Выделить все) и перемещают всю анимацию в новую позицию на рабочем столе.


      Содержание раздела