1. Общая часть

В данной части описаны теоретические вопросы, возможности проекта.

1.1. Цель разработки

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

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

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

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

Основная задача проекта - создание видеороликов на тему инфографики в сжатые сроки.

Для создания проекта была использована программа Adobe After Effects.

Adobe After Effects — программное обеспечение компании Adobe Systems для редактирования видео и динамических изображений, разработки композиций (композитинг), анимации и создания различных эффектов.

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

Изначально After Effects был создан фирмой Company of Science and Art, версия 1.0 была выпущена в январе 1993 года. Затем, в июле 1993 года, CoSA вместе с продуктом After Effects была приобретена корпорацией Aldus; в свою очередь, в 1994 году эта компания вместе с Page Maker и After Effects была приобретена компанией Adobe.

1.2. Анализ средств программирования

Очень важен правильный подбор программного обеспечения. Моушн дизайн обычно совмещает в себе сразу несколько пакетов программ: 3d редакторы и софт для создания и обработки 2d графики.

Если же среди 3d пакетов есть большой выбор (Autodesk 3ds max, Autodesk Maya, Maxon Cinema 4d, Luxology Modo, то среди моушена выбор только один - After effects, т.к. эта программа не имеет аналогов на базе операционной системы Windows, поэтому на сегодняшний день - это незаменимый инструмент дизайнера.

1.2.1. Обзор методов решения

Т.к. на базе операционной системы Windows не существует аналогов программы, то была использована программа Adobe After Effects.

1.2.2. Описание языка.

Adobe After Effects - среда программирования, которая была изучена для работы и создания видеороликов. Знакомство с программой началось с того момента, когда только появилась цель создания видео рекламы. After Effects отличается простым и в то же время эргономичным интерфейсом - все всегда под рукой. Рассмотрим элементы рабочей области в программе.

Рис.1. Интерфейс программы

Рис.2. Основное меню и панель инструментов

Рис.3. Браузер объектов проекта, контроллер эффектов

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

Рис.4. Вьюпорт

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

Рис.5. Специальное окно для работы со шрифтами, с браузером эффектов и пресетов, панелью возпроизведения и т.д.

Рис.6. Таймлайн

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

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

Встроенный язык программирования, на котором пишутся необходимые функции (экспрешены - выражения (с англ. expressions)) в проекте имеет огромное сходство с C++. Написание функций происходит в специальном окне, которое может быть вызвано щелчком по "часикам" сочетанием клавиш [ALT] + ЛКМ.

Рис. 7. Окно создания и редактирования экспрешенов (expression box)

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

1.2.2.1. Общие сведения

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

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

Рассмотрим две ситуации. Человеку необходимо создать простую анимацию слоя, а именно анимацию его прозрачности (данный параметр вычисляется в процентах - от 0 до 100). Допустим дизайнеру нужно создать плавное появление слоя. Для этого будут установлены ключи (контрольные точки анимации) на 0-й секунде со значением 0% и на 2-й секунде в 100%. Такое действие быстрее и правильнее выполнять вручную.

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

1.2.2.2. Способы структурирования программы

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

Данная работа представляет собой проект программы Adobe After Effects CS5.

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

Заранее все необходимые файлы были разложены по папкам, из которых проект и берет нужный материал.

Рис. 8. Браузер объектов проекта

Структура выглядит таким образом:

- Compositions (30 композиций)

- Music (музыка)

- Photos (фотографии)

- PNG (PNG изображения: иконки, логотипы)

- PSD (PSD изображения)

- Render Videos (видеозаписи, отрендеренные (просчитанные и сохраненные на ПК), которые участвуют в редактировании подготовленного видеоматериала на основе обработанных композиций)

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

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

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

1.2.2.3. Дополнительные средства языка

При создании проекта использовались следующие плагины:

Boris Continuum Complete 7 – эффект Scanline для создания эффекта штрихов на графических формах.

Trapcode Particular – эффект частиц.

Magic Bullet Looks – универсальная цветокоррекция.