Adobe Edge Animate CC Web анимация

3 участника

О чём курс

О курсе

Вы получите навыки создания веб-анимации и интерактивного контента в среде Adobe Edge Animate CC. Этот инструмент ориентирован на современные веб-стандарты и технологии HTML5, благодаря чему готовые проекты корректно работают в современных браузерах, на смартфонах и планшетах.

Чему вы научитесь

В рамках программы рассматриваются:

  • работа с инструментами рисования, создание и трансформация графических объектов внутри программы;
  • импорт и подготовка графики из Adobe Photoshop и Adobe Illustrator;
  • оформление элементов с помощью CSS-фильтров, теней, градиентов и подключение шрифтов из коллекций TypeKit и Google Fonts;
  • построение анимации с применением ключевых кадров, режима Toggle pin, ускорений и сложных трансформаций;
  • анимация спрайтов и создание вложенных анимаций с помощью символов;
  • базовое интерактивное программирование действий через панель Code, добавление событий и триггеров;
  • адаптация контента под разные размеры экранов (resize-контент) и обеспечение совместимости с различными браузерами;
  • экспорт и публикация проектов для веба, iBooks, пакетов .oam и интеграция с другими приложениями Adobe.

Программа обучения

  • Модуль 1. Знакомство с EdgeAnimate (1 ак. час)
    • Задачи Edge Animate и результат работы.
    • Что нового в последней версии программы.
    • Элементы интерфейса программы.
  • Модуль 2. Создание и обработка графики (3 ак. часа)
    • Создание графических объектов в Edge Animate.
    • Инструменты рисования.
    • Рисование линии.
    • Трансформация графических объектов.
    • Создание графических объектов в других программах.
    • Импорт графики.
    • Подготовка графики перед импортом в Edge Animate Работа в Adobe Photoshop, Работа в Adobe Illustrator и пр.
    • Использование CSS фильтров.
    • CSS-градиент.
    • CSS-падающая тень.
    • Работа с текстом.
    • Использование шрифтов.
    • Использование шрифтов из web-коллекций: Adobe TypeKit, Edge Web Fonts, Google и др.
    • Практикум.
  • Модуль 3. Анимация графики в Edge Animate (5 ак. часов)
    • Определение свойств для анимации.
    • Использование ключевых кадров и автоматической модуляции.
    • Режим Toggle pin.
    • Работа с ускорением.
    • Анимация фона и положения клипа.
    • Сложная трансформация объекта.
    • Анимация спрайта.
    • Анимация CSS-фильтров, падающей тени и CSS-градиентов.
    • Работа с символами.
    • Использование символов в Edge Animate.
    • Создание анимированных символов.
    • Управление анимированным символом.
    • Экспорт и импорт символов.
    • Практикум.
  • Модуль 4. Программирование в Edge Animate (5 ак. часов)
    • Программирование в Edge Animate.
    • Слой Actions.
    • Что такое Trigger.
    • Программирование действий объекта.
    • Панель Code.
    • Интерфейс панели Code.
    • Добавление событий.
    • Использование кода html в текстовых блоках.
    • Создание resize-контента.
    • Группировка объектов.
    • Определение минимального и максимального размеров ролика.
    • Использование Edge Animate для улучшения существующего кода html.
    • Добавление видео в композицию.
    • Особенности работы с браузерами. с учётом возможной работы композиции с различными браузерами и с устаревшими версиями браузеров.
    • Добавление предзагрузчика.
    • Практикум.
  • Модуль 5. Публикация и дальнейшее использование композиции (2 ак. часа)
    • Публикация.
    • Публикация для web.
    • Публикация для iBooks.
    • Публикация для Animate Deployment Package (.oam).
    • Использование композиций Edge Animate в других приложениях Adobe: ИнDesign, Dreamweaver, Muse.
    • Практикум.
Складчина создана 19 января 2014 г.

Теги курса

Инструменты

Другие материалы школы 12

С Специалист Все материалы
3 682 ₽ 8 990 ₽