Создание убойной анимации в Adobe Edge Animate CC

Складчина: Создание убойной анимации в Adobe Edge Animate CC

Создание убойной анимации в Adobe Edge Animate CC

Спойлер

Курс состоит из 5 модулей с домашними заданиями.

Вы научитесь создавать интерактивную анимацию. Adobe Edge Animate СС — это удобная программа и вся мощь современных технологий. Это будущее, которое вытесняет с рынка Flash. Курс может быть полезен тем, кто давно мечтал научиться создавать анимацию, дизайнерам, которые ещё работают на флеш, или веб-дизайнерам, которые хотят привнести в свои макеты немного изюма и начать их продавать по цене автомобиля. Будьте первым, кто научится этой технологии.

1 модуль: Основы. Анимация лица мультипликационного персонажа

• Создание проекта в Adobe Edge Animate CC.

• Обзор интерфейса программы.

• Работа с импортом подготовленных изображений.

• Сборка композиции ролика на Stage.

• Обзор инструментов создания анимации: Auto Transmission mode, Auto Keyframe mode, Toggle Pin.

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

• Создание вложенной анимации с помощью символов на примере моргания глаз персонажа.

• Анимация движения, прозрачности, вращения, покадровая анимация.

• Зацикливание анимации с помощью триггеров и лэйблов.

• Все исходные файлы, которые используются в проекте.


2 модуль: Создание баннера



• Подготовка изображений в Photoshop для анимации в Adobe Edge Animate CC

• Как сделать чтобы при клике на баннер открывался нужный сайт?

• Покадровая анимация бега на основе спрайт-листа

• Подключение нестандартных шрифтов к ролику

• Создание полосы загрузки для баннера

• Изменение курсора




3 модуль: Создание интерактивной анимации

• Создание композиции сцены в Photoshop

• Горизонтальный parallax-эффект

• Вертикальный parallax-эффект

• Создание кастомизированной фотогалереи для сайта

• Интерактивный элемент с нелинейной анимацией

• Создание интерактивного баннера с видео-эффектом

• Использование обработчика событий нажатием мыши


4 модуль: Создание сайта в Adobe Edge Animate CC



• Взаимодействие Adobe Edge и Adobe Photoshop

• Инструменты сохранения для web

• Slice tool, slice tool selection в Adobe Photoshop

• Работа со шрифтами

• Создание интерактивного меню на сайте


5 модуль: Публикация анимации созданной в Adobe Edge Animate CC

• Понятия хостинг и домен

• Пошаговый процесс регистрации и оплаты своего хостинга и домена

• Установка ftp-клиента FileZilla

• Загрузка анимации в Интернет через FileZilla

• Публикация анимации с помощью Adobe Muse CC

• Встройка анимации в wordpress

• Установка плагина Edge Suite