Добро пожаловать на новую ступень, друзья! Следуйте за нами, не пропуская ни одного шага!

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

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

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

Анимация во Flash – это некоторое количество изображений (кадров), при последовательном просмотре которых возникает иллюзия движения или изменения свойств объекта.

В программе AdobeFlash можно:

• создавать покадровую анимацию;

• создавать расчетную анимацию.

ХОД РАБОТЫ над модулем:

1. Знакомимся с теоретическим материалам и практическими заданиями модуля. В данном модуле Вашему внимание будет предложено несколько технологических карт разных по технике исполнения анимированных сюжетов.

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

2. Публикуем ссылку на свою разработку в общую копилку (сетевая таблица продвижения.)

3. Наблюдаем за ходом своего продвижения по мастер-классу (сетевая таблица продвижения.)

• общаться мы с Вами будем через виртуальную доску Linoit, делимся впечатлениями, задаем вопросы. на странице виртуальной доски МОДУЛЯ 3

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

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

Достоинства:

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

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

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

Недостатки:

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

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

Расчётная анимация

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

Расчётная анимация может быть реализована двумя способами:

• Анимация движения — Tween Motion (анимация движения по прямой, анимация движения объекта по траектории).

• Анимация (трансформация) формы — Tween Shape.

АНИМАЦИЯ ДВИЖЕНИЯ ПО ПРЯМОЙ

Классическая анимация движения по прямой, безусловно является лидером Flash-анимации. Для создания анимации движения по прямой необходимо наличие двух кадров: 1-й начальная точка объекта, последний - конечная точка движения объекта. Промежуточные кадры будут созданы программой автоматически. О том, что у нас используется анимация движения по прямой можно судить по голубому фону между кадрами и направленной стрелке:

А теперь, усложним нашу работу ... Я предлагаю Вам вместе со мной сделать следующую анимацию "Яхты на море".

Анимация движения по траектории

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

АНИМАЦИЯ (ТРАНСФОРМАЦИЯ) ФОРМЫ

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

Возможны варианты:

Движение объекта (motion tweening). То есть объект перемещается из одной точки в другую. При этом он может менять размеры, поворачиваться и т.д. Возможно движение объекта по заданной траектории.

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

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

ССЫЛКА на совместную виртуальную доску "Модуль 3"