Учебное пособие по Illustrator: как создавать анимацию в Illustrator

Сегодня я предлагаю вам простой, но полезный урок , в котором вы научитесь создавать Flash-анимации, используя только Illustrator . Illustrator — это программа для векторной графики и дизайна, которая, как и Photoshop, входит в пакет программ Adobe и является одним из ключевых инструментов, благодаря которым компания стала отраслевым стандартом в графическом дизайне.

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

Мы собираемся создать веб-анимацию во Flash ( SWF ), но будем использовать Adobe Illustrator . Для начала откройте новый документ, перейдя в меню «Файл» > «Новый документ» . Появится диалоговое окно с меню; введите имя документа и убедитесь, что выбран профиль «Веб».

Теперь начнём работу над этим в новом документе. Для этой анимации я выбрал векторный рисунок, который скачал из интернета с сайта Freepik, о котором мы говорили в предыдущем посте, — поисковой системы бесплатных фотографий и векторов , — и немного его адаптировал. Перейдём к панели «Слои» и правильно назовём её. Очень важно с самого начала организовать работу со слоями. Назовём её Chicken01.

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

Мы выберем два глаза курицы, находящейся в слое Chicken02 , а затем выберем глаза курицы.

Выбрав векторное изображение глаз курицы на слое выше, Pollo02 , щелкаем правой кнопкой мыши и в соответствующем диалоговом окне следуем по пути Transform-Reflect.

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

Теперь давайте удвоим больше цыплят

Чтобы снова дублировать слои, воспользуемся кнопкой «Новый слой» в меню «Слои». Щелкните по слоям Chicken01 и Chicken02, удерживая клавишу Shift, и перетащите курсор на кнопку «Новый слой».

Нам нужно переименовать всех цыплят, соблюдая последовательность: цыпленок, образованный слоями Chicken01 и Chicken02, будет слева на рабочей области, а цыпленок, образованный слоями Chicken03 и Chicken04, — справа, и так далее, в соответствии с порядком слоев на панели «Слои». Это очень важно, поскольку анимация всегда будет следовать порядку слоев: первый кадр будет первым слоем, а последний — последним.

После того, как все цыплята будут правильно расположены (как описано выше), мы откроем окно «Экспорт документов», перейдя в меню «Файл» > «Экспорт». Там мы выберем формат экспорта SWF или Flash . Появится еще одно диалоговое окно, где мы настроим заключительные шаги. Выбрав параметр «Основные» , мы выберем экспорт как «Слои AI в рамки SWF» , а в качестве версии Flash выберем последнюю доступную — Adobe Flash Player 9. Мы также установим флажок «Обрезать до размера монтажной области». Есть еще несколько интересных параметров, которые мы рассмотрим в другом уроке.

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

Дополнительная информация – Freepik, поисковая система для бесплатных фотографий и векторной графики.