в ,

Как сделать анимацию прелоадера в Adobe Illustrator

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

Начнём с создания часов. Как видно из скриншота, сделать это очень просто. Песочные часы собираются из прямоугольников как из конструктора.

loader tut 01

Затем слепляем все чёрные прямоугольники в один объект с помощью функции Unite(Add) в панели PathFinder. Либо второй вариант – просто сгруппируйте все объекты.

loader tut 02

Берём инструмент Text Tool и пишем надпись. Шрифт можно поменять, сделав правый клик и выбрав в контекстном меню пункт Font.

loader tut 03

Теперь нужно просто расставить объекты в нужные места. Все они находятся в первом и пока единственном слое. В дальнейшем нам нужно будет довольно тесно поработать со слоями.

loader tut 04

Копируем объекты из первого слоя Ctrl+C. Создаём второй слой. Выключаем видимость первого слоя, нажав на иконку глазика. Вклеиваем объекты во второй слой точно на ту позицию, откуда их скопировали Ctrl+F.

loader tut 05

Далее поворачиваем часы во втором слое на 45 градусов.

loader tut 06

Затем опять копируем объекты из второго слоя Ctrl+C. Создаём третий слой. Выключаем видимость второго, чтобы ничего нам не мешало. Вклеиваем объекты в третий слой Ctrl+F. И поворачиваем часы ещё на 45 градусов.

loader tut 07

Соответственно дальше нужно сделать четвертый слой, скопировать всё туда и повернуть часы ещё на 45 градусов.

loader tut 08

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

loader tut 09

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

loader tut 10

Затем создайте ещё несколько копий этого слоя. Это нужно, чтобы сделать задержку между поворотами часов.

loader tut 11

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

loader tut 12

Сохраняем анимацию прелоадера. Для этого идём File > Export и выбираем формат Flash (SWF). В настройках экспорта устанавливаем Export As: AI Layers to SWF Frames, чтобы преобразовать слои в кадры анимации. Галочка Clip to Artboard Size нужна, чтобы иллюстратор учитывал размеры рабочей области. Далее нажмите кнопку Advanced.

countdown tut 18

В открывшемся окне нужно установить частоту кадров Frame Rate. У меня стоит 12 кадров в секунду. Галочка Looping отвечает за цикличность анимации. И опция Layer Order: Bottom Up воспроизводит слои иллюстратора снизу вверх.

countdown tut 19

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

На этом у меня все. До скорого!

Подписывайтесь на канал Иллюстратор, чтоб не пропускать новые интересные уроки.


Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
photo 2020 11 19 13 00 03

Плагин – Select Menu

shablon illyustrator

Телефонная трубка для мессенджера