Основные понятия, виды анимации

Анимация это западное название мультипликации. Это слово произошло от английского animation, что переводится как «оживление, одушевление».

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

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

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

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

Компьютерная анимация - виданимации, создаваемый при помощикомпьютера. В отличие от более общего понятия«графика CGI», относящегося как к неподвижным, так и к движущимся изображениям, компьютерная анимация подразумевает только движущиеся. На сегодня получила широкое применение как в области развлечений, так и в производственной, научной и деловой сферах. Являясь производной откомпьютерной графики, анимация наследует те же способы создания изображений:векторная графика,растровая графика,фрактальнаяграфика,трёхмерная графика(3D)

Так же компьютерную анимацию можно разделить на виды: Flash-анимация, покадровая классическая, 3D анимация.

Flash-анимация

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

Процесс создания мультфильмов состоит из нескольких этапов:

Первый этап - идея и сценарий;

Второй – раскадровка;

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

Четвертый и самый продолжительный – Анимация;

Пятый - чистовая обрисовка;

Шестой - монтаж и сборка фильма.

Введение

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

Internet - глобальная компьютерная сеть, охватывающая весь мир. Сегодня Internet имеет около 30 миллионов абонентов в более чем 180 странах мира. Ежемесячно размер сети увеличивается на 5-7%. Internet образует как бы ядро, обеспечивающее связь различных информационных сетей, принадлежащих различным учреждениям во всем мире, одна с другой.

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

В действительности Internet не просто сеть, - она есть структура, объединяющая обычные сети. Internet - это «Сеть сетей».

Создание компьютерной анимации

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

· Векторный

· Растровый

· Фрактальный

По принципу анимирования можно выделить несколько видов компьютерной анимации.

1) Анимация по ключевым кадрам

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

2) Запись движения

Данные анимации записываются специальным оборудованием с реально двигающихся объектов и переносятся на их имитацию в компьютере. Распространенный пример такой техники - Захват движений («Motion Capture»). Актеры в специальных костюмах с датчиками, совершают перемещения по студии, а их движение записывается камерами и анализируется специальным программным обеспечением. Итоговые данные о перемещении суставов и конечностей актеров применяют к трехмерным скелетам виртуальных персонажей, чем добиваются высокого уровня достоверности их движения.

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

3) Процедуральная анимация

Такая анимация полностью или частично рассчитывается компьютером. Сюда можно включить следующие её виды:

· Симуляция физического взаимодействия твердых тел

· Имитация движения систем частиц, жидкостей и газов

· Имитация взаимодействия мягких тел (ткани, волос)

· Расчет движения иерархической структуры связей (скелета персонажа) под внешним воздействием

· Имитация автономного (самостоятельного) движения персонажа

4) Программы для создания анимации с помощью цифрового фотоаппарата

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

Рис. 1.

История развития компьютерной анимации

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

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

Однако такой способ мультипликации очень трудоемкий: на создание полнометражных мультфильмов уходили годы. Поэтому в послевоенный период возникает так называемая «редуцированная» анимация, с использованием статичных кадров и упрощенной до 4-х кадров в секунду фазовки.

Она включает:

· сохранение большей части картинки неизменной с перерисовкой лишь отдельных её частей

· упрощённое изображение человеческих лиц и фигур

· отсутствие промежуточной анимации - состояния объекта (например, эмоции на лице персонажа) сменяют друг друга моментально

· зацикливание нескольких кадров с целью создания видимости непрерывного движения

Эти приемы получили еще более широкое применение в компьютерной анимации.

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

Покадровая анимация

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

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

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

Анимация движения

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

Раскадровка

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

Macromedia Flash

Macromedia Flash - приложение, предназначенное для создания привлекательных интерактивных мультимедийных презентаций или WЕB-сайтов. В программу встроены средства для реализации интерактивной работы с компонентами для создания WЕB-страниц. С помощью Macromedia Flash возможно создавать анимацию разного рода, самые различные виды презентаций, а также создавать информационно насыщенные программные приложения или же простые «живые» крупные заголовки. Анимация в Macromedia Flаsh создаётся средствами редактирования содержания последовательности кадров. Можно создавать перемещение объекта, его вращение, изменение размера, формы, цвета, прозрачности. Причем эти операции можно выполнять как одновременно друг с другом, так и по отдельности. Macromedia Flash позволяет создавать интерактивные фильмы, что позволяет пользователю управлять их поведением с помощью клавиатуры или мыши. Фильмы Flаsh используют векторную графику, но могут также включать точечную графику и звук.

Microsoft GIF-Animator

Microsoft GIF Animator - бесплатная программа, разработанная Microsoft для создания анимированных GIF-файлов. Программу можно скачать как отдельно, так и получить в составе Microsoft Image Composer и MicrosoftFrontPage.

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

Image Ready

Adobe ImageReady - растровый графический редактор, разработанным и распространяемым фирмой Adobe Systems и поставлявшийся вместе с Adobe Photoshop с 1998 по 2007 годы. ImageReady поставлялся в двух версиях: для платформ Microsoft Windows и Mac OS X.

ImageReady имела меньше возможностей, чем Photoshop, и была предназначена для быстрого редактирования веб-графики. Для этого ImageReady имеет специальные функции, такие как создание анимированных GIF, оптимизация изображения, нарезка изображения и генерация HTML. На панели инструментов Photoshop имелась кнопка для быстрой передачи текущего изображения (с версии 5.5) в ImageReady.

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

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

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

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

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

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

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

Пластилиновая анимация . Фильмы делаются путем покадровой съемки пластилиновых объектов с модификацией в промежутках между кадрами.

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

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

Масляная живопись по стеклу . Получается что-то вроде картины, переложенной на пленку, по силе воздействия, присутствию воздуха и света сравнимой с полотнами импрессионистов. Каждый кадр уникален: будучи заснятым на кинопленку, он тут же стирается и на его месте возникает другой. Причем рисует художник на стекле не только кистью, но и пальцами. Самый во всех смыслах живописный пример мультфильма, выполненного в этой технике - «Старик и море» (1999 год) режиссера Александра Петрова. Этот фильм стал первым в истории кино мультфильмом для кинотеатров большого формата IMAX, а в 2000 году был удостоен премии Американской киноакадемии .

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

Ротоскопирование (метод «Эклер»). Техника была изобретена еще в 1914 году, но пользуется популярностью и теперь. Мультфильм создается путем обрисовки кадр за кадром натурного фильма (с реальными актерами и декорациями). Первоначально заранее снятый фильм проецировался на кальку и вручную обрисовывался художником, сейчас для этих целей активно используется компьютер. Эта техника применяется и тогда, когда от полностью рисованного персонажа требуется очень реалистичное, точное и живое взаимодействовие с реальными актерами и предметами обстановки. В этом случае цифрового персонажа сначала играет реальный человек, а потом его целиком, «бесшовно» заменяют анимированным персонажем (мультяшные герои в фильме «Кто подставил кролика Роджера»). Уолт Дисней и его художники успешно использовали ротоскопирование в таких мультфильмах, как «Белоснежка и семь гномов» (1937 год) и «Золушка» (1950 год). Отечественные мультики, снятые с помощью этой техники, - «Вечера на хуторе близ Диканьки», «Сказка о рыбаке и рыбке», «Сказка о мертвой царевне и семи богатырях», «Каштанка», «Аленький цветочек», «Золотая антилопа». Компьютерное ротоскопирование еще называют пикселизацией. Один из самых ярких примеров такого фильма-мультика - «Беовульф», где Рей Уинстон, Энтони Хопкинс, Робин Райт Пенн, Анджелина Джоли и Джон Малкович предстали в виде симпатичных и очень реалистичных мультяшек.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В первом уроке базового мини-курса «Основы анимации в 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, чтобы увидеть комментарии.