Создание убойной анимации в Adobe Edge Animate CC 2014 (Данил Фимушкин)

[Олег КО]

Ссылка на картинку

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

Вы научитесь создавать интерактивную анимацию. 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