Adobe
- Руководство пользователя 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
- Быстрая публикация анимаций
- Устранение неполадок
Что представляет собой ПО Animate?
Общие рабочие процессы Animate
Создание приложения Animate обычно состоит из следующих основных этапов.
Планирование приложения.
Определение основных задач приложения.
Добавление мультимедийных элементов.
Создание и импорт мультимедийных элементов, то есть изображений, видео, звуков и текста.
Упорядочивание этих элементов.
Упорядочивание элементов мультимедиа в рабочей области и на временной шкале, то есть определение порядка и способа их появления в приложении.
Применение спецэффектов.
Применение графических фильтров (размытия, свечения, скоса и других), переходов и других спецэффектов.
Использование языка ActionScript для управления вариантами поведения.
Программный код на языке ActionScript® позволяет управлять поведением мультимедийных элементов, в том числе их реакцией на взаимодействие с пользователем.
Тестирование и публикация приложения.
Тестирование FLA-файла («Управление» > «Тестировать ролик») требуется для того, чтобы убедиться, что оно работает правильно, а также найти и исправить выявленные ошибки. Приложение должно тестироваться на протяжении всего процесса создания документа. Протестировать файл можно в Animate и AIR Debug Launcher.
FLA-файл публикуется («Файл» > «Опубликовать») в виде SWF-файла, который может быть отображен на веб-странице и воспроизведен с помощью Flash® Player.
В зависимости от проекта и стиля работы эти этапы могут выполняться в разном порядке.
Описание рабочей области
Для создания и управления документами и файлами используются такие элементы интерфейса, как палитры, панели и окна. Расположение этих элементов называется рабочим пространством/средой. Рабочие среды разных приложений Adobe® Creative Suite® 5 выглядят одинаково, что дает возможность пользователю легко перемещаться между ними. Пользователь может настроить каждое приложение в соответствии со своими потребностями, выбрав рабочее пространство/среду из набора или создав новое.
Хотя вид рабочих сред по умолчанию отличается в разных приложениях, работа с ними происходит похожим образом.
Находящаяся в верхней части окна панель приложения содержит переключатель рабочих пространств/сред, меню (только Windows) и другие элементы управления приложением. При работе в некоторых программах Adobe на платформе Mac пользователь может отобразить или скрыть эту панель, используя меню «Окно».
Панель «Инструменты» содержит инструменты для создания и редактирования изображений, графических объектов, элементов страниц и т. д. Связанные инструменты располагаются в группах.
На панели «Управление» выводятся настройки выбранного в данный момент инструмента. В программе Illustrator панель управления содержит параметры для текущего выбранного объекта. (В программе Adobe Photoshop® она также называется панелью параметров. В Adobe Animate®, Adobe Dreamweaver® и Adobe Fireworks® она называется Инспектором свойств и содержит свойства текущего выбранного элемента.)
Окно документа отображает находящийся в работе файл. В окна документа можно поместить закладки, а в некоторых случаях их можно группировать и закреплять.
Палитры упрощают отслеживание и изменение обрабатываемого объекта. Например, временная шкала в Animate, панель «Кисть» в Illustrator, панель «Слои» в Adobe Photoshop® и панель «Стили CSS» в Dreamweaver. Палитры можно группировать, собирать в подборки или закреплять.
Фрейм приложения группирует все элементы рабочей среды в единое интегрированное окно, которое позволяет работать с приложением как с единым целым. При перемещении или изменении размера фрейма приложения или его элементов все элементы внутри него взаимодействуют друг с другом и не перекрываются. Палитры не исчезают при переключении приложений или случайном щелчке за пределами приложения. При работе с несколькими приложениями можно расположить их рядом на экране или на нескольких мониторах.
Если вы предпочитаете традиционный произвольный интерфейс Mac, то можно отключить фрейм приложения. В Adobe Illustrator®, например, выберите «Окно» > «Фрейм приложения», чтобы включить или выключить его. (В Animate фрейм приложения для Mac постоянно включен, а Dreamweaver для Mac не использует фрейм приложения.)
A. Окна документа с закладками B. Панель приложения C. Переключатель рабочих сред D. Строка заголовка панели E. Панель «Управление» F. Панель «Инструменты» G. Кнопка «Свернуть в значки» H. Четыре группы палитр, закрепленные вертикально
Скрытие или отображение всех палитр/панелей
(Приложения Illustrator, Adobe InCopy®, Adobe InDesign®, Photoshop, Fireworks.) Чтобы скрыть или отобразить все палитры и панели, включая панель «Инструменты» и панель «Управление», нажмите клавишу Tab.
(Приложения Illustrator, InCopy, InDesign, Photoshop.) Чтобы скрыть или отобразить все палитры/панели, кроме панели «Инструменты» и панели «Управление», нажмите клавиши Shift+Tab.
Совет. Можно временно отобразить скрытые панели, если в установках интерфейса выбран параметр «Автоматически показывать скрытые палитры». В Illustrator этот параметр всегда активирован. Переместите курсор к краю окна приложения (Windows®) или к краю монитора (Mac OS®) и наведите его на появившуюся полосу.
(Приложения Animate, Dreamweaver, Fireworks.) Чтобы скрыть или показать все палитры/панели, нажмите клавишу F4.
Параметры отображения палитр/панелей
-
Нажмите значок меню палитры/панели в ее правом верхнем углу.
Совет. Меню палитры/панели можно открыть, даже если она свернута.
Совет. В Photoshop можно изменить размер шрифта для текста панелей и всплывающих подсказок. В настройках интерфейса выберите размер в меню «Размер шрифта меню».
(Приложение Illustrator.) Настройка яркости палитры
-
В установках пользовательского интерфейса передвиньте ползунок «Яркость». Этот элемент управления влияет на все палитры/панели, включая панель «Управление».
Перенастройка панели «Инструменты»
Инструменты панели «Инструменты» могут располагаться в один или два столбца (эта возможность недоступна для панели «Инструменты» в Fireworks и Animate).
Кроме того, в приложениях InDesign и InCopy имеется возможность переключения отображения в один столбец на отображение в два столбца (или в один ряд) с помощью соответствующего параметра в установках интерфейса.
-
Щелкните двойную стрелку, расположенную в верхней части панели «Инструменты».
Управление окнами и палитрами/панелями
Пользовательское рабочее пространство/среду можно создать, перемещая и изменяя окна документов и палитр/панелей. Можно сохранить несколько рабочих сред и переключаться между ними. Для программы Fireworks переименование пользовательских рабочих сред может привести к непредсказуемым результатам.
Следующие примеры основаны на использовании приложения Photoshop. Во всех других приложениях рабочее пространство/среда функционирует аналогичным образом.
Упорядочение, прикрепление и свободное перемещение окон документа
Если открыто более одного файла, окна документов снабжаются закладками.
Для изменения порядка окон документов перетащите закладку окна в новое место в группе.
Для открепления (свободного перемещения или отстыковки) окна документа из группы окон перетащите закладку окна из группы.
В Photoshop можно выбрать меню «Окно» > «Упорядочить» > «Свободно перемещать содержимое окна» для перемещения одного окна документа либо «Окно» > «Упорядочить» > «Свободно перемещать все содержимое окон» для перемещения всех окон документа сразу. Более подробную информацию см. в технической записке kb405298.
Dreamweaver не поддерживает прикрепление и открепление окон документов. Используйте кнопку «Свернуть» для создания перемещаемых окон либо выберите меню «Окно» > «Окна по вертикали», чтобы расположить окна документов рядом, по вертикали. Для получения дополнительной информации введите «Окна по вертикали» в строке поиска в справке Dreamweaver. Для пользователей Macintosh рабочий процесс будет немного другим.
Для прикрепления окна документа к другой группе окон перетащите закладку окна в эту группу.
Чтобы создать группы документов, расположенные каскадно или мозаично, перетащите окно к одной из зон перетаскивания, расположенных вдоль верхнего, нижнего или боковых краев другого окна. Также можно выбрать макет для группы с помощью кнопки «Макет» на панели приложения.
Некоторые программы не поддерживают эту функцию. Однако в программе могут присутствовать команды «Каскад» или «Мозаика» в меню «Окно», позволяющие расположить документы нужным образом.
Чтобы переключиться на другой документ в группе со вкладками при перетаскивании выделенной области, перетащите выделенную область на вкладку документа на короткое время.
Некоторые программы не поддерживают эту функцию.
Прикрепление и открепление палитр/панелей
Док — это набор палитр/панелей или групп палитр/панелей, отображаемых вместе, чаще всего вертикально. Палитры/панели можно прикреплять и откреплять перетаскиванием в область дока или из нее.
Чтобы прикрепить палитру/панель, перетащите ее за вкладку в док и поместите сверху или снизу от других палитр/панелей либо между ними.
Чтобы прикрепить группу палитр/панелей, перетащите ее в док за строку заголовка (пустую одноцветную строку над вкладками).
Чтобы удалить палитру/панель или группу палитр/панелей из дока, перетащите ее из дока, удерживая за вкладку или строку заголовка. Можно перетащить палитру/панель в другой док или сделать плавающей.
Можно сделать так, чтобы палитры/панели не заполняли все пространство в доке. Перетащите нижнюю границу дока вверх, чтобы она не соприкасалась с границей рабочего пространства/среды.
Перемещение палитр/панелей
При перемещении палитр/панелей отображаются подсвеченные зоны перетаскивания — зоны, в которые можно поместить палитру/панель. Например, можно переместить палитру/панель выше или ниже в доке. Для этого нужно перетащить ее на узкую синюю зону перетаскивания, которая отображается над другой палитрой/панелью или под ней. Если перетащить палитру/панель в область, не являющуюся зоной перетаскивания, такая палитра/панель станет плавающей.
Активация зоны перетаскивания зависит от позиции указателя мыши (а не положения панели), поэтому если вы ее не видите, попробуйте переместить указатель мыши в то место, где должна быть зона перетаскивания.
Чтобы переместить панель, перетащите ее за вкладку.
Чтобы переместить группу панелей, перетащите строку заголовка.
A. Строка заголовка B. Табуляция C. Зона перетаскивания
Чтобы избежать закрепления панели при перемещении, удерживайте клавишу Ctrl (в Windows) или Command (в Mac OS). Для отмены операции при перемещении палитры/панели нажмите клавишу Esc.
Добавление и удаление палитр/панелей
Если из дока удалить все палитры/панели, то он исчезнет. Можно создать док, перемещая палитры/панели в правый угол рабочего пространства/среды до появления зоны перетаскивания.
Для удаления палитры/панели щелкните ее закладку правой кнопкой (Windows) или щелкните ее, удерживая клавишу Control (Mac), и выберите «Закрыть» или удалите ее из меню «Окно».
Чтобы добавить палитру/панель, выберите ее в меню «Окно» и закрепите в нужном месте.
Управление группами палитр/панелей
Чтобы добавить палитру/панель в группу, перетащите вкладку этой палитры/панели в выделенную зону перетаскивания группы.
Чтобы изменить порядок расположения палитр/панелей в группе, перетащите вкладку палитры/панели на новое место внутри группы.
Чтобы убрать палитру/панель из группы и сделать ее плавающей, перетащите палитру/панель за ее вкладку за пределы группы.
Чтобы переместить группу, перетащите панель заголовка (область над вкладками).
Создание ряда плавающих палитр/панелей
При перетаскивании палитры/панели из дока не в зону перетаскивания палитра/панель становится плавающей. Плавающую палитру/панель можно разместить в любом месте рабочего пространства/среды. Плавающие панели или группы панелей можно собрать в одну подборку, тогда при перетаскивании самой верхней строки заголовка они будут перемещаться как одно целое.
Чтобы создать ряд плавающих палитр/панелей, перетащите палитру/панель за вкладку в зону перетаскивания, расположенную в нижней части другой палитры/панели.
Чтобы изменить порядок палитр/панелей в ряду, перетащите палитру/панель за вкладку вверх или вниз.
Вкладку следует отпустить над тонкой зоной перетаскивания между палитрами/панелями, а не над широкой зоной перетаскивания в строке заголовка.
Чтобы убрать палитру/панель или группу палитр/панелей из ряда и сделать ее плавающей, перетащите палитру/панель за его пределы, удерживая за вкладку.
Изменение размеров палитр/панелей
Чтобы свернуть или развернуть палитру/панель, группу палитр/панелей или ряд палитр/панелей, дважды щелкните вкладку. Также можно дважды щелкнуть область вкладки (пустое пространство рядом с вкладками).
Для изменения размера палитры/панели перетащите любую ее сторону. Размеры некоторых палитр/панелей, например палитры «Цвет» в Photoshop, нельзя изменить таким способом.
Свертывание и развертывание значков панели
Чтобы уменьшить загромождение рабочего пространства/среды, можно свернуть палитры/панели в значки. В некоторых случаях палитры/панели сворачиваются в значки в рабочем пространстве/среде по умолчанию.
Чтобы свернуть или развернуть все значки панели в столбце, щелкните двойную стрелку в его верхней части.
Чтобы развернуть значок одиночной палитры/панели, щелкните его.
Чтобы изменить размер значков палитры/панели так, чтобы видеть только значки (без подписей), изменяйте ширину дока до исчезновения текста. Чтобы восстановить текст, увеличьте ширину дока.
Чтобы свернуть развернутую палитру/панель в значок, щелкните ее вкладку, значок или двойную стрелку в строке заголовка.
Совет. В некоторых приложениях — если выбран параметр «Автоматически сворачивать панели со значками» в разделе установок «Интерфейс» или в установках окна «Параметры интерфейса пользователя», то развернутая палитра/панель будет автоматически сворачиваться по щелчку за ее пределами.
Чтобы добавить плавающую палитру/панель или группу палитр/панелей в док значков, перетащите ее туда за вкладку или строку заголовка (палитры/панели автоматически сворачиваются в значки при добавлении их в док значков).
Чтобы переместить значок палитры/панели (или группу значков палитр/панелей), перетащите значок. Значки панелей можно перетаскивать вниз и вверх в пределах одного дока, в другие доки (где значки будут отображаться в стиле панелей этого дока) либо за пределы дока (где они станут плавающими значками).
Сохранение и переключение рабочих пространств/сред
Если текущий размер и положение панелей сохранены как именованное рабочее пространство/среда, то это рабочее пространство/среду можно восстановить позднее, даже если некоторые палитры/панели были перемещены или закрыты. Названия сохраненных рабочих пространств/сред выводятся в переключателе рабочих пространств/сред на панели приложения.
Сохранение пользовательского рабочего пространства/среды
-
После необходимой настройки рабочего пространства/среды выполните одно из приведенных ниже действий для его сохранения.
(В приложении Illustrator.) Выберите меню «Окно» > «Рабочая среда» > «Сохранить рабочую среду».
(В приложениях Photoshop, InDesign, InCopy.) Выберите меню «Окно» > «Рабочая среда» > «Создать рабочую среду».
(В приложении Dreamweaver.) Выберите «Окно» > «Макет рабочего пространства» > «Создать рабочее пространство».
(В приложении Animate.) Выберите «Создать рабочее пространство» в переключателе рабочих пространств на панели приложения.
(В приложении Fireworks.) Выберите «Сохранить текущее» в переключателе рабочих пространств на панели приложения.
-
Введите имя рабочего пространства/среды.
-
(В приложениях Photoshop, InDesign.) В меню «Запомнить»/«Захват» задайте необходимые параметры.
Расположение палитр/панелей
Сохраняет текущее расположение панелей (только в InDesign).
Комбинации клавиш
Сохраняет текущий набор комбинаций клавиш (только для Photoshop).
Меню или настройка меню
Сохраняет текущий набор меню.
Отображение рабочих пространств/сред и переключение между ними
-
Выберите рабочее пространство/среду в переключателе рабочих пространств/сред на панели приложения.
В Photoshop между различными стилями рабочей среды можно быстро переключаться с помощью комбинаций клавиш.
Удаление пользовательского рабочего пространства/среды
Выберите «Управление рабочими пространствами» или «Управление рабочими средами» в переключателе рабочих пространств/сред на панели приложения, выберите рабочее пространство/среду и нажмите «Удалить» (этот параметр недоступен в Fireworks).
(В приложениях Photoshop, InDesign, InCopy.) Выберите Удалить рабочую среду в переключателе рабочих сред.
(В приложении Illustrator.) Выберите «Окно» > «Рабочая среда» > «Управление рабочими средами», выберите нужную рабочую среду и щелкните значок «Удалить».
(В приложениях Photoshop, InDesign.) Выберите меню «Окно» > «Рабочее пространство» >Удалить рабочее пространство, укажите пространство, которое нужно удалить, и нажмите «Удалить».
Восстановление рабочего пространства/среды по умолчанию
-
Выберите рабочую среду «По умолчанию» или «Основная» с помощью переключателя рабочих сред на панели приложения.
В приложении Dreamweaver «Конструктор» является рабочей средой по умолчанию.
-
(В приложениях InDesign, InCopy.) Выберите «Окно» > «Рабочая среда» > «Сбросить» [имя_рабочей_среды].
(В приложении Photoshop.) Восстановление сохраненной рабочей среды
В Photoshop рабочие среды отображаются автоматически в порядке, который использовался при последнем запуске. Однако можно восстановить исходное (сохраненное) расположение панелей.
Для восстановления отдельной рабочей среды выберите меню «Окно» > «Рабочая среда» > «Сбросить» имя_рабочей_среды.
Для восстановления всех рабочих сред, установленных с Photoshop, нажмите «Восстановление рабочих сред по умолчанию» в настройках интерфейса.
Переупорядочить рабочие среды на панели приложения можно с помощью перетаскивания.