Adobe Edge Animate CC 2015 + уроки создания анимации

Adobe Edge Animate CC 2015

С Adobe Edge Animate CC  вы создадите любую анимацию которую можно себе представить. Adobe Edge Animate это создание веб-графики, анимации и интерактивности на сайтах.

Animate позволяет веб-дизайнерам и разработчикам легко создавать привлекательный анимированный и интерактивный контент, подходящий для смартфонов, планшетов и современных браузеров ПК с использованием HTML, JavaScript и CSS. Edge Animate доступен, прост в использовании и обладает мощным потенциалом.

Adobe Edge Animate CC 2015

Скачать саму программу тут

Скачать курс обучения Анимация с нуля в Adobe Edge Animate

Для кого эта программа?

Edge Animate идеален для использования веб-дизайнерами, дизайнерами интерактивного контента и веб-разработчиками, которые хотят добавить энергии и привлекательности своим сайтам.

  • Собственная поддержка аудио
  • Адаптивное масштабирование
  • Загрузка скриптов других компаний
  • Точная анимация
  • Инструменты рисования и вывода текста
  • Траектории движения
  • Повторно используемые символы
  • Высокая степень интерактивности
  • Содержимое, готовое для просмотра на мобильных устройствах
  • Собственный контент

Поддержка видео HTML5

Импорт таблиц спрайтов из Flash Pro, Photoshop и других инструментов разработки

Поддержка ссылок для статей DPS

Обновленный редактор действий

Копирование и вставка SVG-работ из Illustrator

Инструменты «Рука» и «Масштаб»

Содержание видеокурса

Содержание видеокурса

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

Скачать саму программу тут

Скачать курс обучения Анимация с нуля в Adobe Edge Animate

Если публикация была полезна вам, просим нажать на иконки социальных сетей!

Похожие записи

Оставить комментарий