Основы анимации. Какие виды анимаций существуют

Каждому человеку, свойственно стремление отражать свое движение в работе или творчестве. Добиться подобного можно, используя различные анимационные приемы. Термин «анимация» получил перевод с латинского как «одушевление».

Классификация

Давайте попробуем разобраться, какие виды анимации существуют. Их еще называют технологией анимационного процесса.

• Оживление по принципу «стоп-кадра». Оно еще носит название кукольной анимации. Происходит кадровое фиксирование объекта, например, с помощью фотокамеры, затем происходит смена положения объекта в кадре, затем опять происходит фиксирование.
• Морфинг - преобразование объекта. Производится замена существующего на иной, по принципу количественного генерирования кадровой структуры.
• Классический тип - ролик, созданный из ряда отдельных покадровых изображений, с поочередной их сменой. Основным минусом является высокая степень трудоемкости процесса. Это направление - одно из часто используемых. Оно представляет собой те виды анимаций, которые, как правило, использовались (и используются) в большинстве мультипликационных фильмов.
• Цветовое оживление - характеризуется преобразованием цвета без изменения общего пространственного положения.
• Анимация 3D - мультик, созданный при помощи специализированного программного обеспечения (3DS MAX, XSI, MAYA), в которых создаются ключевые сцены для будущего ролика.
• Спрайт - воплощение данного вида анимации производится путем использования языка программирования.
• Захват движения (Capture Motion) - вид, наиболее точно передающий все нюансы естественного передвижения, мимики. Специальные датчики, помещенные на людей-актеров, приводятся в соответствие с контрольными точками модели. При движении координаты переводятся на них. Благодаря таким методам мультипликационные модели оживают.

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

Компьютерная анимация. Принципы

Создание мультика с использованием компьютерных возможностей сопряжено с соблюдением определенных правил. Ключевыми их принципами являются: растровый, фрактальный, векторный. Существует также разделение программного обеспечения 2D- и 3D-анимации. Двухмерные программы обычно используются для Flash-анимации, трехмерные позволяют задавать степень и тип освещения объекта, текстуры, выполнять автоматический рендеринг (визуализацию).

Основные виды компьютерной анимации имеют те же принципы в работе. Все вышеперечисленные виды применимы и к ним.

Методы подготовки компьютерной анимации

• Метод ключевого кадрирования. Позволяет устанавливать объект в необходимое положение, соотносить их относительно временных промежутков. Компьютерная система производит достраивание недостающих кадров в структуре (между опорными кадрами). Происходит воссоздание отсутствующих стадий движения.
• Процедурная мультипликация. Применяется в том случае, если нет возможности добиться воспроизведения определенных действий с помощью ключевых кадров. Характеризует компьютерные виды анимаций с точки зрения последовательного построения отдельных кадровых структур.
• Формирование одиночных кадров. Чаще всего выполняется с помощью различных графических редакторов. Создаются отдельные кадры изображений, которые в дальнейшем будут выстраиваться в определенной последовательности.
• Растровый принцип построения анимации. Наиболее понятный из всех перечисленных ранее. Представляется в виде сохраняющихся в едином файле. Обычно используется формат GIF. Существует ряд программ, позволяющих выпускать подобные файлы, такие, например, как Gimp.

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

Программное обеспечение PowerPoint

Затрагивая данную тему и рассмотрев примеры компьютерных программ, позволяющих создавать нельзя не упомянуть о такой программе, как PowerPoint. Принадлежит она компании Microsoft. Данный пакет предназначен для формирования презентаций. Спрос на презентации имеет неуклонный рост, так как качественное и наглядное представление проектов и работ - один из ключевых моментов развития профессионала. Презентация, созданная в PowerPoint, представляет собой набор слайд-материалов с одновременным их показом на экране. Все необходимые данные после создания их в программе хранятся в одном файле. Подобную направленность также имеет, например, программа Harvard Graphics.

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

Основные возможности программы

Программная структура позволяет прежде всего формировать презентации путем создания слайдов с одновременной их видеодемонстрацией на экране. Создание слайдов может происходить с применением разных шаблонов. Формирование показа слайдов происходит с применением разнообразных эффектов. Используются различные виды анимаций. Возможна регулировка последовательности показа слайдов на экране.

Цветовые шаблоны в PowerPoint

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

Специальные эффекты

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

Особенности программы

Все презентации, созданные в программе PowerPoint, имеют возможность сохранения в формате HTML. При этом сохраняются все используемые аудио- и видеоданные. Также в программе существуют инструменты для создания таблиц и диаграмм путем рисования, а также специальная разметка, позволяющая вставлять готовые рисунки с дальнейшим их сохранением. Еще одной отличительной особенностью является функция автоматического формирования альбомов. Имеется возможность использования музыкального сопровождения.

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

Когда мы слышим слово «анимация», прежде всего, на ум приходят любимые мультфильмы, и мы испытываем чувство благодарности за доставленное в детстве удовольствие (да и не только в детстве!) к людям, которые их создают. Но анимация в широком понимании этого слова - не только мультики.

Так что такое анимация? Определение этого понятия во всем мире трактуется как "оживление". Вообще же слово анимация - заимствованное, оно произошло от латинского "анима", что в переводе с этого мертвого языка - душа, а «анимация», соответственно, - оживление, одухотворение, воодушевление. Вот что такое анимация, значение слова этого, вернее.

Анимация = мультипликация?

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

Именно этим анимация и отличается от видео, где снимается действительно непрерывное движение.

Синоним слова "анимация" - "мультипликация". Это более привычное для русскоязычного человека слово, оно образовалось от латинского "мульти", что в переводе означает «много». И это понятно: чтобы герой «ожил», его движение нужно много раз повторить. Сколько? Не менее 10 кадров в секунду.

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

Корни «оживления» картинок уходят в древность...

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

В Иране нашли сосуд из глины, на стенках которого изображено 5 рисунков козла в движении. Возраст этого сосуда определен в 5 тысяч лет!

Подобные рисунки, отнесенные к 2000 году до нашей эры, были найдены в Египте.

Чем не первые примеры анимации?

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

Впервые такие устройства упоминаются во втором веке нашей эры. Где-то в 180 году в Китае Дин Хуань изобрел для этой цели зоотроп. В XVIII веке были изобретены фенакистископ, кинеограф и праксиноскоп. Это были первые популярные устройства для анимации. Что это за приборы?

Действие фенакистоскопа основано на использовании набора вращающихся щелей.

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

А вот праксиноскоп использовал с целью оживления картинок вращающиеся зеркала внутри большого цилиндра. Изображения «смотрели» в сторону зеркал.
С помощью этих приборов мог видеть оживленные картинки только один зритель.

Прообразы анимации

Первый известный истории пример показа анимации зафиксирован в 1828 году. Продемонстрировал вращающийся диск, на одной стороне которого была изображена птица, а на другой - клетка для нее, француз Пауль Рогет. При движении этого диска создавалось впечатление, что птица сидит в клетке.

В 1892 году впервые состоялся сеанс «световых пантомим», это было в оптическом театре Эмиля Рейно - французского изобретателя и художника. Рейно сделал аппарат для своего театра на основе зоотропа, усовершенствовав его системой зеркал, а еще изобретатель соединил аппарат с фонарем. Благодаря его «волшебному» свету изображение демонстрировалось на экране, и его могли уже видеть одновременно много зрителей.

Настоящая анимация стала возможной после создания фотокамеры и проектора изобретателем Томом А. Едисоном.

История мультипликации

Многие историки считают первым настоящим аниматором англичанина Джеймса Стюарта Блэктона, его первый анимационный фильм под названием «Волшебные рисунки» увидел свет в 1900 году. Аниматор создавал свои шедевры так: рисовал на доске изображение, затем фотографировал его, а после стирал. И так по кругу: снова рисовал, фотографировал, стирал...

Наиболее известен среди аниматоров Уолт Дисней, который не только технологию производства мультфильмов разработал, но и мультипликационную империю создал.

В 1923 году Уолт Дисней выпустил сериал "Алиса в стране мультипликации", чем произвел в анимации настоящую революцию. Затем появлялись один за одним завоевавшие любовь детей всего мира Микки Маус, утенок Дональд Дак и другие «мультяшные» герои. Студия Диснея за свои работы получила целых 12 «Оскаров»!

В Японии первые анимационные эксперименты датируются 1913 годом. А в 1932 году в этой стране была создана первая анимационная студия. В 1933 году появился первый анимационный фильм со звуковым сопровождением.

В 1943 году в Японии снят первый полнометражный анимационный фильм под названием "Момотаро, морской орел".

Родоначальником объемной анимации стал российский режиссер Владислав Старевич, который был также художником и оператором.

Об истории мультипликации можно говорить бесконечно. Но нам ее трудно представить без добрых и поучительных советских мультфильмов. Один из самых известных - «Ну, погоди!» Этот многосерийный мультик начали снимать с 1969 года на "Союзмультфильме".

Когда «оживили» слово мертвого языка

Первый раз термин «анимация» был употреблен во Франции в начале ХХ века, когда в этой стране вводился закон о создании ассоциаций.

Тогда и возник термин «анимация»? Что такое это значило? Термин означал действие или деятельность, призванные усиливать живой интерес к художественному творчеству и культуре в целом.

Уже во второй половине этого века термин «анимация» начали использовать в нескольких значениях. Именно тогда впервые это понятие стало трактоваться как творческая деятельность по производству мультфильмов.

А в конце ХХ века анимация стала представлять отдельное направление культурного досуга.

Теперь читателю известны перевод слова «анимация», определение понятия, история создания первых «живых картинок». Осталось дать более конкретные определения этого термина.

Анимация - что такое...

Как же сегодня можно объяснить этот термин? «Анимация» - что такое скрывается за этим словом? Существует несколько определений, в которых один и тот же термин обозначает разные виды деятельности. Итак, анимация - это:

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

• Организация досуга на различных мероприятиях, в том числе на детских праздниках, в детских оздоровительных лагерях, в гостиницах. Направление досуга, которое предполагает непосредственное участие самих отдыхающих в массовых мероприятиях. Совместное с организаторами действо предполагает повышение жизненных сил и воодушевление людей, принимающих в нем участие.

Значение анимации трудно переоценить. И как синоним мультипликации, и как форма организации досуга анимация призвана дарить людям радость и оживлять их духовно.

Анимация представляет собой процесс создания движущихся изображений из серии статичных изображений. В кинопроизводстве это можно использовать при создании кадра или серии кадров, которые невозможно заснять на камеру.

Существует множество используемых техник создания анимации, включая рисование, фотографии ("пиксилизация" - используются живые актеры как покадровые объекты), 3D (модели или куклы), 2D и 3D компьютерная анимация.

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

В современном кинопроизводстве наиболее часто используется 3D компьютерная анимация, т.к. она позволяет максимально приблизиться к изображению на других кадрах, что дает огромную гибкость.

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

Часто компании приглашают даже студентов для работы над своими проектами.

Виды анимации

• Графическая (рисованная) анимация - классический вид анимации, где объекты рисуются вручную (сегодня часто рисунки переносят на компьютер).
• Объемная (материальная) анимация - объекты с отдельными элементами материального мира (куклы, пластилин, иголки, др.).
• Компьютерная анимация - вид анимации, в котором объекты создаются с помощью компьютера. Разделяют 3D и 2D (включая также flash-анимацию)

Технологии

По методу анимирования

• Покадровая анимация - технология, по которой каждый кадр рисуется отдельно. Наиболее сложная и продолжительная, требует высокого мастерства, опыта и интуиции. При этом она позволяет реализовать любые изменения объекта и осуществить сложнейшие задумки.
• Технология ключевых кадров - основана на том, что создаются не все, а только "ключевые кадры", а промежуточные кадры между ними рисуются автоматически. К этому типу относится и компьютерная тип анимации, когда главный аниматор занимается ключевыми кадрами, а помощники - промежуточными.
• Технология захвата движений (motion picture) - относительно молодая технология, где объекты двигаются или меняют форму вследствие аналогичных действий реальных живых или неживых объектов, к которым прикреплены датчики, передающие данные о пространственном перемещении на компьютер. Эта технология позволяет получить наиболее сложные реалистичные движения.

По типу изменяющихся параметров

• Технологии движения - позволяют передать движение объекта либо его части.
• Технологии формы "Морфинг" - технологии изменения формы. Часто используются для перехода из одного объекта в другой. Обычно реализовывается с помощью технологии "ключевых кадров".
• Цветовая анимация - технология трансформации закраски объекта.

Эта глава содержит введение в основы анимации Maya. В ней описано, что означает установка ключевых кадров (keyframing) в Maya, а также обсуждаются инструменты соз­ дания и манипулирования ключевыми кадрами (keyframe). Обучение анимации в Maya проходит по нарастающей, от простых способов установки ключевых кадров для отдель­ ных атрибутов до "оживления" персонажей с помощью анимации их действий; создания специальных эффектов с использованием анимации частиц (particle), меха (fur) и т.д.; создания выражений и сценариев MEL, предоставляющих аниматору абсолютный кон­ троль над каждым аспектом анимационного контекста; а также управления и редактиро­ вания сеансов захвата движений (motion capture), позволяющих создать чрезвычайно реалистичную анимацию для игр, телепередач или фильмов. Эта глава посвящена сле­ дующим фундаментальным концепциям.

Типы анимации

Отскакивающий мяч

Преобразование циклической анимации в кривые

Типы анимации

Maya предлагает широкий выбор типов анимации.

Анимация с использованием ключевых кадров (keyframe animation) записывает из­ менения значений атрибутов во времени. Записанные значения, расположенные на ани­ мационной кривой, называют ключами (key). Наиболее известными формами этого типа анимации являются развевающиеся логотипы и символы.

Динамическая анимация (dynamic animation), или анимация эффектов (effects animation), включает в себя имитацию объектов или природных явлений с использова­ нием законов физики на основании внутренних процессоров моделирования Maya. Примерами являются жидкости (fluid), эффекты частиц (particle effect) (такие, как дым), а также волосы (hair), мех (fur) и ткань (cloth).

Анимация вдоль траектории (path animation) позволяет задать кривую NURBS в ка­ честве траектории движения объекта или персонажа. Благодаря этому типу анимации можно получить передвижение автомобиля по земле или полет космического корабля в пространстве по указанному маршруту.

Захват движения (motion capture) - тип анимации, в котором движения живого пер­ сонажа записываются в виде набора данных, используемых при управлении скелетом, который в свою очередь способен управлять персонажем. При создании спортивных игр, например, разработчики зачастую используют захват движений спортсменов.

Нелинейная анимация (nonlinear animation) позволяет аниматору в редакторе доро­ жек Майя манипулировать группами ключевых кадров, известных как клипы (clip), и ре- дактировать их почти как при редактировании видеоклипов в нелинейном видеоприло­ жении (video application). Зацикливание и смешение клипов позволяет аниматору из не­ большой по объему анимации получать более длинные анимационные действия. Более подробная информация о нелинейной анимации и использовании редактора дорожек приведена в главе 10, "Нелинейная анимация".

Техническая анимация (technical animation) включает в себя использование управ­ ляемых ключей (driven key), связей узлов (node connections) и выражений (expression) для создания элементов управления анимацией (animation control), позволяющих аниматору с высокой степенью точности управлять персонажами и эффектами. Поэтому квалифи­ цированным аниматорам нужны глубокие знания встроенного языка Майя (Майя Embedded Language - MEL), описанного в главе 16, "Встроенный язык Maya (MEL)".

В этой главе основное внимание уделяется анимации с использованием ключевых кадров и анимации вдоль траектории. Другие способы анимации рассматриваются в по­ следующих главах.

Анимация с использованием ключевых кадров

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

Создание ключевых кадров

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

Клавиша является наиболее популярным способом создания ключевых кадров при установленных в значения по умолчанию параметрах, доступных в окне, которое открывается после выбора пункта меню Animat e => Set Key (Анимировать => Установить ключевой кадр ) . После нажатия этой клавиши ключевой кадр уста­ навливается для всех допускающих установку ключевых кадров (keyable) атрибутов конкретного объекта. Благодаря удобству использования (только одна клавиша) этот метод стал основным средством создания ключевых кадров при анимации.

В панели каналов можно устанавливать ключевые кадры для отдельных атрибутов, непосредственно щелкая на выделенном атрибуте правой кнопкой мыши и выбирая в появившемся контекстном меню пункт Key Selecte d (Установить ключевой кадр для выбранного). Это позволяет с большой степенью точности управлять ключевы-

ми кадрами, устанавливая их непосредственно для выделенного атрибута или груп­ пы атрибутов. Выбор пункта меню Key Selecte d представлен на рис. 7.1.

Рис. 7.3. Элементы управления воспроизведением анимации

Ползунок времени (Tim e Slider) ‘ и связанные с ним элементы управления представ­ ляют собой непосредственные, хотя и не самые точные, элементы управления анимацией и занимают совсем небольшую часть экрана, в отличие от двух других редакторов. Пол­ зунок времени в сочетании с ползунком диапазона (rang e Slider) позволяют задавать начало и конец диапазона воспроизведения анимации, а также установить текущее время в числовом виде и интерактивно.

Щелчок на ползунке времени перемещает индикатор текущего времени (Curren t Time Indicator) на указанный кадр, который становится при этом текущим. Щелчки и перетаскивание левой кнопкой мыши ползунка времени позволяют интерактивно пере­ меститься на нужный кадр (jog) или вручную управлять воспроизведением (scrub) ани­ мации. При этом качество воспроизведения зависит от сложности сцены. Наличие на сцене большого количества многоугольников, деформаторов, текстур высокого разреше­ ния (high-resolution texture) или источников света уменьшает плавность воспроизведе­ ния, но именно возможность перехода на нужный кадр сцены лучше всего позволяет оценить перемещения объекта.

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

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

Вложенное меню Display Ke y Tick s (Показать отметки ключевых кадров) позволяет отображать отметки ключевых кадров для текущего объекта или выделенных в пане­ ли каналов атрибутов или полностью отключать их отображение.

Вложенное меню Playbac k Loopin g (Циклическое воспроизведение) позволяет за­ ставить Майя воспроизводить анимацию однократно, повторять непрерывно или, как маятник, воспроизводить сначала вперед, а потом назад между начальным и конеч­ ным моментом времени.

С помощью вложенного меню Set rang e То (Установить диапазон равным) можно разнообразными способами управлять диапазоном воспроизведения. В нем имеется

Так теперь называется временная шкала. - Примеч. ред.

одна полезная установка - Soun d Lengt h (Длительность звукового сопровождения), которую можно также использовать для определения длительности звукового файла, который был импортирован на сцену.

Вложенное меню Soun d (Звук) позволяет отображать, скрывать или переименовы­ вать любые импортированные звуковые файлы.

Функция Playblast реализует предварительный просмотр получившейся анимации в виде мультипликационных клипов реального времени. Такой предварительный про­ смотр широко используется в главе 9, "Анимация персонажа".

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

Концепция рабочего процесса анимации

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

Начинайте с установки предпочтений для удобства создания конкретной анимации.

Анимации для Web, телевидения и кино имеют разные параметры; и для каждого типа получаемой анимации нужны разные настройки рабочего пространства и вре­ менных параметров. Чтобы упростить создание конкретной анимации, в самом начале процесса измените эти параметры в окне, которое открывается после щелчка на кнопке Animation Preferences (Предпочтения анимации). Если необходимо получить резуль­ тат для нескольких типов вывода, то установите предпочтения для вывода самого вы­ сокого качества, чтобы сначала получить результат для него (например, у вывода для телевидения качество выше, чем для Web, поэтому ориентировать свои предпочтения при анимации для обеих мультимедийных систем следует по телевидению).

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

И наконец, уточните и откорректируйте движения с помощью редактора анимаци­ онных кривых (Grap h Editor). В следующем упражнении, используя тангенциальные манипуляторы (tangent handle) и изменяя их типы, перенастроим интерполяцию значений атрибутов на промежуточных кадрах, расположенных между ключевыми.

Теперь давайте на практике ознакомимся с элементами управления анимацией Майя и применим обсуждавшийся ранее рабочий процесс к классическому упражнению "отскакивающий мяч".

В первом уроке базового мини-курса «Основы анимации в Actionscript 3.0» вы узнаете о том:

1. Что такое анимация
2. Как добиться иллюзии движения с помощью кадров
3. О возможностях покадровой анимации
4. Об особенностях и преимуществах программной анимации

Adobe Flash , по сути, является своеобразной машиной для анимации. Уже в своих самых первых версиях он создавал ее с помощью концепции Tween . Она представляет из себя следующее:

• на шкале времени создаются два ключевых кадра с разным содержанием (изменяются положения объектов, их форма, цвет и т.д.);
• все промежуточные (переходные) кадры Flash создает самостоятельно (рис. 1).

Вот как это выглядит в программе Adobe Flash CS6 .

Но, этот урок и курс в целом не только о Tween, а о мощном языке, который встроен во Flash и называется ActionScript . Изучая его, вы узнаете много полезного и практичного, особенно в таких разделах как имитация физических явлений реального мира и математические вычисления . Очевидно, что подобные знания дадут вам полный контроль при создании интерактивных приложений, чего вы никогда не смогли бы добиться только с помощью Tween.

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

Что же такое анимация?

Итак, чем же, по сути, является анимация? Определение этого понятия можно найти во многих словарях. Вот, например, одно из них, которое дает Wikipedia:

В переводе на обыденный язык анимация означает движение . Если же несколько расширить это определение, то можно сказать, что анимация - это изменение во времени . В особенности это касается визуальных (видимых) изменений. Движение же - это изменение положения во времени . В один момент времени объект находился в одном месте, а через минуту в другом. Теоретически, он также находился и в промежуточных точках между начальной и конечной по мере движения времени.

Но объект не обязательно должен менять свое положение для того чтобы считаться анимированным. Он может просто изменить свою внешнюю форму. В 90-х годах (страшно сказать, прошлого века!) были популярны компьютерные программы, которые делали морфинг .

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

При создании этого флеш-ролика использовалась программа Sqirlz Morph 2.1

При морфинге объект также может изменять свой размер или местоположение. Например, таким образом можно создавать иллюзию растущего дерева, вращающегося мяча или изменение цвета у объекта.

Привязка анимации ко времени - это важная концепция.

Без видимого движения или изменения анимации нет, а, следовательно, отсутствует и ощущение времени у зрителя!

Вы, наверняка, много раз видели съемку камерой, на которой отсутствует всякое движение, например, пустой комнаты или городского пейзажа.

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

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

Все помнят картину Леонардо да Винчи «Мона Лиза» - шедевр живописи, одну из самых известных картин в мировой истории искусств.

Можно с большой долей вероятности предположить, что обычный человек заскучает уже после нескольких минут осмотра и очень скоро начнет искать следующий объект для «изучения». Но, начните показывать ему последний голливудский блокбастер и он не заметит как пролетит пара часов. Вот в чем сила анимации!

Как создается иллюзия движения в покадровой анимации

Давайте на секунду вернемся к определению анимации, с которым мы познакомились выше:

Анимация - это технические приёмы создания иллюзии движущихся изображений (движения и/или изменения формы объектов - морфинга) с помощью последовательности неподвижных изображений (кадров), сменяющих друг друга с некоторой частотой.

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

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

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

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

Тогда почему же мы должны называть это иллюзией движения?

Если вы видите девушку, которая идет по улице на экране вашего монитора, это что не является движением? Конечно, это только изображение девушки, а не реальный объект, но это не главная причина по которой мы считаем такое движение иллюзией.

Помните, я говорил об объекте, который в один момент времени находится в одном месте, а через минуту уже в другом? Я при этом сказал, что он движется в реальном пространстве. Вот только такой род движения мы и можем называть реальным. Объекты двигаются в пространстве плавно, а не скачками, как это происходит во всех видах покадровой анимации . В них объект не движется от одного места к другому; он исчезает, а затем появляется в другом месте в следующем кадре. Чем быстрее он двигается, тем длиннее такие прыжки.

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

Если бы я показал вам несколько ее фотографий в процессе движения, то вы все равно сказали бы, что это лишь серия фотографий.

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

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

После проведенных исследований было установлено, что при скорости показа 24 кадра в секунду , зритель воспринимает их как единую движущуюся картинку. Если показывать медленнее, то изображение начинает раздражающе «скакать» и иллюзия движения разрушается. Если же ускориться до 50 кадров в секунду, то реализма изображению это не добавит (хотя в программной анимации при интерактивном взаимодействии зрителя с картинкой ответ будет более быстрым и движение объектов на больших скоростях более «гладким»).

Концепция кадров делает возможными три вещи:

• хранение
• передачу
• и показ

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

Настало время дать более общее определение кадру. До сего момента, говоря о нем, мы имели в виду фотографию, картинку или рисунок. Теперь давайте считать следующим образом: кадр - это запись системы в определенный момент времени .

Этой системой может быть:

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

Программирование кадров

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

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

Только представьте себе какое количество места вы могли бы сэкономить, используя такой подход! Картинки всегда занимают приличный объем дискового пространства и пропускной способности сетей. А 24 картинки в секунду могут стать просто «неподъемными». Если вам удастся свести все к одному описанию и определению правил, у вас появляется возможность уменьшить размер файла в сотни раз.

В 90 случаях из 100 даже самая объемная программа с правилами того, как объекты должны двигаться и взаимодействовать занимает меньше места, чем одна картинка среднего размера. Поэтому, один из первых эффектов, который был отмечен при изучении программной анимации - это ее экономичность с точки зрения размера файла .

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

Если вы стараетесь поддерживать определенную частоту кадров, то она порой не оставляет времени вашему процессору (миллисекунды) все это «переварить». Поэтому если компьютер не может просчитать сцену вовремя, то качество воспроизведения (частота кадров) будет страдать. С другой стороны, обычная анимация, основанная на картинке, мало заботится о том, что находится на сцене и насколько эта картинка сложна. Она просто вовремя показывает следующую картинку и все.

Преимущества программной анимации

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

Вы, наверняка, смотрели фильм «Терминатор 2: Судный день». В конце фильма, каждый раз Терминатор исчезает в плавильном котле с фразой «I’ll be back». Он делает это в кинотеатрах, по телевизору и на DVD. Даже нажимая на кнопку «Стоп» или «Пауза», вы не в состоянии его остановить. И это потому, что обычный фильм - это не более чем последовательность картинок . В конце этого фильма они (картинки) показывают исчезающего в пекле Терминатора и это все на что они способны.

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

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

Тогда подобные вещи были в новинку, поэтому и хотелось воскликнуть: «Круто!» Справедливости ради, нужно сказать, что не все из подобных сайтов были действительно крутыми. Вспоминая сегодня то, что я видел тогда, можно сказать, что только два или три из них, действительно, врезались в память.

По длительности анимация на них была не более минуты. Этого хватало только на то, чтобы я просмотрел их раза три подряд. Они что были плохими? Нет, просто после нескольких просмотров внимание слабело, потому что смотреть уже было больше нечего, как в фильме о Терминаторе. И здесь можно говорить об определенном парадоксе - в фильмах такого рода анимация не меняется, каждый кадр, от первого до последнего заранее предопределен.

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

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

Но есть и третий вариант. После запуска ролика будут определяться время дня, месяц и год и на основании этих данных строиться сцена, например, зимнее утро, летний полдень или сентябрьский вечер?

А вот и четвертый. Во время фильма, зритель, с помощью мыши или клавиатуры, по своему желанию, мог бы изменять некоторые факторы? Это позволило бы ему взаимодействовать с объектами на сцене. Такой фильм был бы уже далеко не таким каким мы его привыкли видеть, правда? Можно было бы, даже, спасти Терминатора!

Виртуальная реальность

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

После этого вы могли бы разрешить пользователю взаимодействовать с ним:

• «взять» его мышью
• или перемещать с помощью клавиатуры.

После того, как пользователь начнет взаимодействовать с ним таким способом, у него возникнет полное ощущение, что это реальный физический объект.

Вы можете в этом убедиться сами, поиграв с красным мячом ниже.

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

Итоги

В этом вступительном уроке мы обсудили:

• основы анимации;
• отличия покадровой и программной анимации;
• основные преимущества динамической анимации.

Это концептуальные, базовые знания, на основе которых будет строиться весь последующий материал бесплатного мини-курса «Основы анимации в Actionscript 3.0 ».

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

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

А какой вид анимации вызывает больший интерес лично у Вас? Напишите об этом, оставив комментарий ниже. Также если у Вас появились вопросы во время изучения этого урока, то задавайте, не стесняйтесь, я с удовольствием на них отвечу.

До встречи в следующем уроке!

Пожалуйста, включите JavaScript, чтобы увидеть комментарии.