Отделения массовых коммуникаций ТГУ имени Г.Р. Державина

Для разработки анимационного рекламного ролика нами было использовано программное обеспечение Adobe Flash CS6. Данная программа удобна для создания рисованных анимационных фильмов благодаря своей простоте и доступности.

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

- инструменты выбора и рисования;

- средства управления просмотром изображения;

- инструменты выбора цвета контура и цвета заливки объектов;

- параметры и дополнительные опции (Таблица 2).

Таблица 2. Инструментарий Adobe Flash CS6.

	Subselection Tool (подвыделение), A	Редактирование кривых Безье
	Free Transform Tool (свободная трансформация), Q	Трансформация объекта
	Поворот 3D-объекта (W)	Поворот и перемещение 3D-объекта
	Lasso Tool (лассо), L	Выделение произвольных областей
	Pen Tool (перо), P	Рисование кривых Безье
	Text Tool (текст), T	Ввод текста
	Line Tool (линия), N	Рисование прямых линий
	Rectangle Tool (прямоугольник), R	Рисование прямоугольника, квадрата, многоугольника
	Pensil Tool (карандаш). Y	Имитация рисования карандаша
	Bruch Tool (кисть), B	Имитация рисования кистью
	Декорирование (U)	Создание узоров
	Кость (M)	Связывание символов, построение каркаса
	Paint Bucket (ведро краски), K	Заливка объекта
	Eytdropper Tool (пипетка), I	Взятие образцов цвета
	Eraser Tool (ластик), E	Удаление/стирание объектов
	Рука (M)	Перемещение по рабочей области
	Масштаб (Z)	Увеличение или уменьшение рабочей области

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

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

Разработку анимационного рекламного ролика мы начали с рисования наброска общего фона инструментами «Линия» и «Прямоугольник». Линия рисует прямые контуры. После того как линия нарисована, ее можно отредактировать при помощи инструмента «Стрелка». Для этого необходимо щелкнуть по линии, после чего изменить параметры в панели свойств: цвет, тип линии, толщину. Если подвести курсор к «середине» линии можно отредактировать кривизну. Инструмент «прямоугольник» состоит из двух составляющих – контура и заливки. Чтобы получить правильную фигуру при рисовании, надо держать нажатой клавишу «Shift» на клавиатуре. Кроме изменения параметров контура и заливки можно изменить величину скругления углов прямоугольника. Для изменения этого параметра следует в «панели свойств» ввести соответствующие значения.

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

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

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

Также следует отметить, что для анимирования объекта необходимо преобразовать его в символ. Во Flash предусмотрено три варианта редактирования символа:

- в режиме редактирования символа (именно такой способ используется при создании нового пустого символа);

- в отдельном окне;

- в контексте сцены, то есть непосредственно на столе.

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

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

- «редактировать» – включение режима редактирования символа;

- «редактировать на месте» – редактирование символа в «сцене»;

- «редактировать в новом окне».

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

Следующий этап – это непосредственно сама анимация. В Adobe Flash, как отмечалась ранее, существуют разные способы анимирования:

- покадровая анимация;

- анимация движения;

- анимация формы.

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

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

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

- Insert Frame (F5) – вставляет обычный кадр;

- Insert Keyframe (F6) – вставляет в отмеченную позицию ключевой кадр и копирует в него содержимое текущего кадра;

- Insert Blank Keyframe (F7) – вставляет в отмеченную позицию пустой ключевой кадр.

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

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

Для надписей «Раскрась обыденность», «ТГУ имени. Г.Р. Державина. Отделение массовых коммуникаций», «Реклама и связи с общественностью, Журналистика, Издательское дело» мы применили эффект подрагивания контурных линий. Для этого выбирается инструмент «Карандаш», в свойствах которых выбираем стиль линии – Ragged line (рваная линия). На отдельном слое пишем текст, по контору которого обводится карандашом. После обводки, задний фон удаляется. Для создания анимации сохраняем получившийся текст в символ. Затем создаем дополнительный ключевой кадр, для каждого состояния мы отводим 2 кадра. Свойства рваной линии такие, что даже при минимальном воздействии на нее, она меняет свою «рваность» в разных местах. Поэтому достаточно немного потянуть мышкой за линии во втором ключевом кадре и места разрывов смещаются. За счет таких операций и получается дрожащая анимация.

Flash не располагает средствами создания звуков, но позволяет импортировать звуковые файлы в различных форматах и затем корректировать параметры звука в соответствии с требованиями ролика. Наиболее часто при озвучивании анимации используются следующие цифровые форматы стереофонического и монофонического звука: «WAV», «AIFF», «MP3». Добавленные в ролик звуки помещаются в библиотеку ролика, наряду с растровыми изображениями и другими символами.

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

1. Импортировали в ролик звуковой файл в формате «MP3».

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

3. Выбрали в звуковом слое ключевой кадр, с которого начали воспроизведение.

4. Переместили из библиотеки звуковой файл на монтажный стол.

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

В раскрывающемся списке «Синхронизация» можно выбрать способ синхронизация звука:

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

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

- остановить – прекращается воспроизведение указанного звука;

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

Также можно установить длительность звучания; она определяется как число повторений звука. Непосредственно после выбора в списке «Звук» одного из звуковых файлов его амплитудная характеристика отображается на временной шкале.

Вся работа по созданию анимационного ролика в Adobe Flash происходит при редактировании файла с расширением FLA. В таком файле хранятся и обрабатываются все нарисованные и импортированные изображении, звуки, библиотека символов. Законченный файл должен пройти процесс визуализации. Основным форматом Flash-ролика, который обеспечивает его просмотр с помощью Flash-плеера, является формат «SWF». Это единственный формат, который поддерживает все интерактивные возможности фильма. Тем не менее, существует масса случаев, когда может потребоваться другой формат при сохранении результата. Чтобы создать «готовую анимацию», достаточно единственной команды «Экспорт» – «Экспортировать ролик», выбрав дальше нужный формат.

Дата добавления: 2015-12-08