- Руководство пользователя Adobe Animate
- Введение в Animate
- Анимация
- Основы анимации в Animate
- Кадры и ключевые кадры в Animate
- Покадровая анимация в Animate
- Работа с классической анимацией движения в Animate
- Инструмент «Кисть»
- Руководство по движению
- Анимация движения и язык ActionScript 3.0
- Сведения об анимации движения
- Анимация движения
- Создание анимации движения
- Использование ключевых кадров свойств
- Положения в анимации движения
- Использование Редактора движения для анимаций
- Редактирование траектории анимации движения
- Управление анимациями движения
- Настраиваемое ускорение и замедление
- Создание и применение стилей движения
- Настройка диапазонов анимации движения
- Сохранение анимации движения в файлах XML
- Анимация движения и классическая анимация
- Анимация формы
- Анимация с использованием инструмента «Кость» в Animate
- Работа с риггингом персонажей в Animate
- Слои-маски в Adobe Animate
- Работа со сценами в Animate
- Интерактивность
- Создание кнопок в Animate
- Преобразование проектов Animate в другие форматы документов
- Создание и публикация документов HTML5 Canvas в Animate
- Добавление интерактивных возможностей с помощью фрагментов кода в Animate
- Создание пользовательских компонентов HTML5
- Использование компонентов в HTML5 Canvas
- Создание пользовательских компонентов: примеры
- Фрагменты кода для пользовательских компонентов
- Рекомендации: реклама в Animate
- Разработка и публикация контента для виртуальной реальности
- Рабочая среда и рабочий процесс
- Создание и использование малярных кистей
- Использование шрифтов Google в документах HTML5 Canvas
- Использование библиотек Creative Cloud Libraries и Adobe Animate
- Использование рабочей области и панели «Инструменты» в Animate
- Рабочие процессы и рабочая среда Animate
- Использование веб-шрифтов в документах HTML5 Canvas
- Временные шкалы и ActionScript
- Работа с несколькими временными шкалами
- Задание настроек
- Использование панелей разработки Animate
- Создание слоев временной шкалы в Animate
- Экспорт анимаций для мобильных приложений и игровых платформ
- Перемещение и копирование объектов
- Шаблоны
- Поиск и замена в Animate
- Отмена/повтор действий и панель «История»
- Сочетания клавиш
- Использование временной шкалы в Animate
- Создание HTML-расширений
- Параметры оптимизации изображений и GIF-анимаций
- Настройки экспорта для изображений и GIF
- Панель «Ресурсы» в Animate
- Мультимедиа и видео
- Преобразование и объединение графических объектов в Animate
- Создание экземпляров символов и работа с ними в Animate
- Трассировка изображения
- Использование звука в Adobe Animate
- Экспорт SVG-файлов
- Создание видеофайлов для использования в Animate
- Добавление видео в Animate
- Рисование и создание объектов в Animate
- Изменение линий и фигур
- Обводки, заливки и градиенты в Animate CC
- Работа с Adobe Premiere Pro и After Effects
- Панели «Цвет» в Animate CC
- Открытие файлов Flash CS6 в Animate
- Работа с классическим текстом в Animate
- Размещение иллюстраций в Animate
- Импортированные растровые изображения в Animate
- Трехмерная графика
- Работа с символами в Animate
- Рисование линий и фигур в Adobe Animate
- Работа с библиотеками в Animate
- Экспорт звуков
- Выделение объектов в Animate CC
- Работа с AI-файлами Illustrator в Animate
- Применение режимов наложения
- Упорядочивание объектов
- Автоматизация задач с помощью меню «Команды»
- Многоязычный текст
- Использование камеры в Animate
- Графические фильтры
- Звук и ActionScript
- Настройки рисования
- Рисование инструментом «Перо»
- Платформы
- Преобразование проектов Animate в другие форматы документов
- Поддержка специализированных платформ
- Создание и публикация документов HTML5 Canvas в Animate
- Создание и публикация документа WebGL
- Упаковка приложений AIR for iOS
- Публикация приложений AIR for Android
- Публикация для Adobe AIR на настольных ПК
- Параметры публикации ActionScript
- Рекомендации: размещение ActionScript в приложении
- Использование ActionScript в Animate
- Специальные возможности в среде Animate
- Создание и использование сценариев
- Обеспечение поддержки специализированных платформ
- Общие сведения о поддержке специализированных платформ
- Работа с плагинами поддержки специализированных платформ
- Отладка сценариев ActionScript 3.0
- Обеспечение поддержки специализированных платформ
- Экспорт и публикация
- Экспорт файлов из Animate CC
- Публикация OAM
- Экспорт SVG-файлов
- Экспорт графики и видео из Animate
- Публикация документов AS3
- Экспорт анимаций для мобильных приложений и игровых платформ
- Экспорт звуков
- Рекомендации: советы по созданию контента для мобильных устройств
- Рекомендации: правила работы с видео
- Рекомендации: руководство по созданию SWF-приложений
- Рекомендации: формирование структуры FLA-файлов
- Рекомендации: оптимизация FLA-файлов для Animate
- Параметры публикации ActionScript
- Задание параметров публикации для Animate
- Экспорт файлов-проекторов
- Экспорт изображений и анимированных файлов GIF
- Шаблоны публикации HTML
- Работа с Adobe Premiere Pro и After Effects
- Быстрая публикация анимаций
- Устранение неполадок
Что такое SVG?
Формат SVG (Масштабируемая векторная графика) — это язык разметки XML для описания двумерных изображений. Файлы SVG обеспечивают независимую от разрешения графику высокой четкости для сетевых ресурсов, печати и мобильных устройств в сжатом формате. SVG-изображениям можно придавать стили с помощью CSS, а поддержка сценариев и анимации делает SVG незаменимой частью веб-платформы.
Распространенные в сети форматы изображений, такие как GIF, JPEG и PNG, занимают много места и обычно имеют низкое разрешение. Формат SVG имеет гораздо больше преимуществ — ведь изображения можно описать с точки зрения векторных фигур, текста и эффектов фильтров. Помимо этого, SVG-файлы компактны и обеспечивают высококачественную графику для Интернета и карманных устройств, имеющих ограничения по ресурсам. Пользователи могут увеличить SVG-изображение на экране без потери резкости, деталей или четкости. Кроме того, формат SVG отлично поддерживает текст и цвета, и пользователи всегда видят изображения таким, как оно выглядит в вашей рабочей области. Формат SVG полностью основан на XML и дает много преимуществ как разработчикам, так и прочим пользователям.
Теперь можно экспортировать файлы SVG из Animate без создания нежелательных определений и идентификаторов. В выпуске Animate 19.1 улучшена компоновка в SVG. Этот параметр экспорта повышает качество файлов SVG, которые импортируются в инструмент «Аниматор персонажей».
Рабочий процесс экспорта SVG в Animate
Animate позволяет экспортировать содержимое в формат SVG версии 1.1. Можно создавать графически насыщенный контент с использованием мощных инструментов для дизайна во Animate, а затем экспортировать его в SVG.
В Animate можно экспортировать выбранные кадры и ключевые кадры анимации. И, поскольку экспортированная графика векторная, разрешение изображения остается высоким даже при масштабировании в другие размеры.
Функция экспорта в SVG заменяет прежнюю функцию экспорта в FXG (которой больше нет в Animate (с июня 2013 г.)). Вы обнаружите, что быстродействие функции экспорта в SVG и качество выходного файла значительно превосходят характеристики старой функции. Кроме того, в сравнении с FXG, формат SVG сводит к минимуму потерю данных.
Рисунок с эффектами фильтров
В SVG эффекты фильтров могут выглядеть несколько иначе, чем во Animate, поскольку нет взаимно однозначного соответствия между фильтрами, доступными в Animate и SVG. Несмотря на это, Animate использует сочетание нескольких примитивных фильтров, доступных в SVG, для имитации похожего эффекта.
Обработка нескольких символов
При экспорте в SVG несколько символов одновременно обрабатываются без потери целостности и без потери данных. Выходное изображение по виду очень близко к графике в рабочей области Animate.
Экспорт графики в формат SVG
- В Animate перетащите или переместите точку воспроизведения к нужному кадру.
- Выберите команду Файл > Экспорт > Экспортировать изображение или выберите Файл > Параметры публикации (вариант Изображение SVG в разделе Другие форматы).
- Укажите путь или перейдите к каталогу, в который нужно сохранить файл SVG. Убедитесь, что в качестве типа «Сохранить как» выбран формат SVG.
- Нажмите кнопку ОК.
- В диалоговом окне «Экспорт SVG» выберите один из вариантов: «Внедрить» графику в SVG файл или привести «Ссылку» на графику.
- Включить скрытые слои экспортирует все скрытые слои в документе Animate. Когда параметр «Экспорт скрытых слоев» отключен, слои, помеченные как скрытые (в том числе слои, вложенные в ролики), не экспортируются в итоговый SVG-файл. Это упрощает тестирование различных версий документов Animate.
- Внедрить: внедряет растровое изображение в SVG-файл. Используйте эту настройку, если в SVG-файл нужно непосредственно внедрить растровые изображения.
- Ссылка: предоставляет ссылку на путь к растровому файлу. Используйте эту настройку, если растровые изображения нужно не внедрить в SVG-файл, а связать по ссылке. При выборе параметра Копировать изображения в папку растровые изображения будут сохранены в папке images, созданной в месте экспорта SVG-файла. Если параметр Копировать изображения в папку не выбран, в SVG-файл будут добавлены ссылки на исходные расположения растровых изображений. В случае, если исходное расположение растрового изображения недоступно, изображение будет внедрено в SVG-файл.
- Копировать изображения в папку /Images: позволяет копировать растровое изображение в папку /Images. Если папка /Images пока не существует, она будет создана в каталоге, выбранном для экспорта SVG.
- Оптимизировать SVG для Character Animator: позволяет экспортировать SVG-файл, совместимый с Character Animator.
- Нажмите кнопку ОК.
Некоторые возможности Animate не поддерживаются форматом SVG. Содержимое, подготовленное с использованием этих возможностей, удаляется или приводится к набору поддерживаемых свойств во время экспорта.
Альтернативное решение состоит в использовании диалогового окна «Параметры публикации» для экспорта SVG-файлов из Animate (Файл > Параметры публикации). Выберите вариант SVG в разделе «Другие форматы», чтобы выполнить экспорт SVG-файлов.
Рекомендуется просматривать SVG-файлы только в современных браузерах с новейшими обновлениями. Это потому, что рендеринг некоторых графических фильтров и цветовых эффектов может неправильно выполняться на старых версиях браузеров, таких как Internet Explorer 9.
Обмен SVG-файлами с Adobe Illustrator
Animate позволяет обмениваться содержимым с приложением Adobe Illustrator. Такой рабочий процесс пришел на смену функции экспорта в FXG, которая была удалена из версии Animate (13.0). SVG-файлы можно экспортировать в приложении Animate, а затем импортировать в приложении Adobe Illustrator. Дополнительная информация о работе с файлами SVG в Adobe Illustrator приведена в этом разделе справки.
Этот рабочий процесс служит для детального редактирования графики и добавления особых украшений. Приложение Illustrator также может использоваться для добавления к графике эффектов, например падающей тени.
Следующие действия позволяют редактировать SVG-файлы в Adobe Illustrator и использовать полученную графику в Animate:
- В Animate выполните экспорт в SVG.
- Отредактируйте графику, открыв SVG-файл в Adobe Illustrator.
- Сохраните SVG-файл как файл ai и импортируйте его обратно в Animate. Для получения дополнительных сведений об использовании файлов Illustrator в Animate.