Руководство пользователя Отмена

Рабочие процессы и рабочее пространство Animate

  1. Руководство пользователя Adobe Animate
  2. Введение в Animate
    1. Новые возможности Animate
    2. Визуальный глоссарий
    3. Системные требования Animate
    4. Сочетания клавиш Animate
    5. Работа с несколькими типами файлов в Animate
  3. Анимация
    1. Основы анимации в Animate
    2. Кадры и ключевые кадры в Animate
    3. Покадровая анимация в Animate
    4. Работа с классической анимацией движения в Animate
    5. Инструмент «Кисть»
    6. Руководство по движению
    7. Анимация движения и язык ActionScript 3.0
    8. Сведения об анимации движения
    9. Анимация движения
    10. Создание анимации движения
    11. Использование ключевых кадров свойств
    12. Положения в анимации движения
    13. Использование Редактора движения для анимаций
    14. Редактирование траектории анимации движения
    15. Управление анимациями движения
    16. Настраиваемое ускорение и замедление
    17. Создание и применение стилей движения
    18. Настройка диапазонов анимации движения
    19. Сохранение анимации движения в файлах XML
    20. Анимация движения и классическая анимация
    21. Анимация формы
    22. Анимация с использованием инструмента «Кость» в Animate
    23. Работа с риггингом персонажей в Animate
    24. Слои-маски в Adobe Animate
    25. Работа со сценами в Animate
  4. Интерактивность
    1. Создание кнопок в Animate
    2. Преобразование проектов Animate в другие форматы документов
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
    5. Создание пользовательских компонентов HTML5
    6. Использование компонентов в HTML5 Canvas
    7. Создание пользовательских компонентов: примеры
    8. Фрагменты кода для пользовательских компонентов
    9. Рекомендации: реклама в Animate
    10. Разработка и публикация контента для виртуальной реальности
  5. Рабочая среда и рабочий процесс
    1. Создание и использование малярных кистей
    2. Использование шрифтов Google в документах HTML5 Canvas
    3. Использование библиотек Creative Cloud Libraries и Adobe Animate
    4. Использование рабочей области и панели «Инструменты» в Animate
    5. Рабочие процессы и рабочая среда Animate
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Временные шкалы и ActionScript
    8. Работа с несколькими временными шкалами
    9. Задание настроек
    10. Использование панелей разработки Animate
    11. Создание слоев временной шкалы в Animate
    12. Экспорт анимаций для мобильных приложений и игровых платформ
    13. Перемещение и копирование объектов
    14. Шаблоны
    15. Поиск и замена в Animate
    16. Отмена/повтор действий и панель «История»
    17. Сочетания клавиш
    18. Использование временной шкалы в Animate
    19. Создание HTML-расширений
    20. Параметры оптимизации изображений и GIF-анимаций
    21. Настройки экспорта для изображений и GIF
    22. Панель «Ресурсы» в Animate
  6. Мультимедиа и видео
    1. Преобразование и объединение графических объектов в Animate
    2. Создание экземпляров символов и работа с ними в Animate
    3. Трассировка изображения
    4. Использование звука в Adobe Animate
    5. Экспорт SVG-файлов
    6. Создание видеофайлов для использования в Animate
    7. Добавление видео в Animate
    8. Рисование и создание объектов в Animate
    9. Изменение линий и фигур
    10. Обводки, заливки и градиенты в Animate CC
    11. Работа с Adobe Premiere Pro и After Effects
    12. Панели «Цвет» в Animate CC
    13. Открытие файлов Flash CS6 в Animate
    14. Работа с классическим текстом в Animate
    15. Размещение иллюстраций в Animate
    16. Импортированные растровые изображения в Animate
    17. Трехмерная графика
    18. Работа с символами в Animate
    19. Рисование линий и фигур в Adobe Animate
    20. Работа с библиотеками в Animate
    21. Экспорт звуков
    22. Выделение объектов в Animate CC
    23. Работа с AI-файлами Illustrator в Animate
    24. Применение режимов наложения
    25. Упорядочивание объектов
    26. Автоматизация задач с помощью меню «Команды»
    27. Многоязычный текст
    28. Использование камеры в Animate
    29. Графические фильтры
    30. Звук и ActionScript
    31. Настройки рисования
    32. Рисование инструментом «Перо»
  7. Платформы
    1. Преобразование проектов Animate в другие форматы документов
    2. Поддержка специализированных платформ
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Создание и публикация документа WebGL
    5. Упаковка приложений AIR for iOS
    6. Публикация приложений AIR for Android
    7. Публикация для Adobe AIR на настольных ПК
    8. Параметры публикации ActionScript
    9. Рекомендации: размещение ActionScript в приложении
    10. Использование ActionScript в Animate
    11. Специальные возможности в среде Animate
    12. Создание и использование сценариев
    13. Обеспечение поддержки специализированных платформ
    14. Общие сведения о поддержке специализированных платформ
    15. Работа с плагинами поддержки специализированных платформ
    16. Отладка сценариев ActionScript 3.0
    17. Обеспечение поддержки специализированных платформ
  8. Экспорт и публикация
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Рекомендации: советы по созданию контента для мобильных устройств
    9. Рекомендации: правила работы с видео
    10. Рекомендации: руководство по созданию SWF-приложений
    11. Рекомендации: формирование структуры FLA-файлов
    12. Рекомендации: оптимизация FLA-файлов для Animate
    13. Параметры публикации ActionScript
    14. Задание параметров публикации для Animate
    15. Экспорт файлов-проекторов
    16. Экспорт изображений и анимированных файлов GIF
    17. Шаблоны публикации HTML
    18. Работа с Adobe Premiere Pro и After Effects
    19. Быстрая публикация анимаций
  9. Устранение неполадок
    1. Исправленные неполадки
    2. Известные проблемы

 

Что представляет собой ПО Animate?

Adobe

Общие рабочие процессы 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 не использует фрейм приложения.)

 

Рабочая среда Illustrator по умолчанию

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.

Параметры отображения палитр/панелей

  1. Нажмите значок меню палитры/панели в ее правом верхнем углу.

    Совет. Меню палитры/панели можно открыть, даже если она свернута.

    Совет. В Photoshop можно изменить размер шрифта для текста панелей и всплывающих подсказок. В настройках интерфейса выберите размер в меню «Размер шрифта меню».

(Приложение Illustrator.) Настройка яркости палитры

  1. В установках пользовательского интерфейса передвиньте ползунок «Яркость». Этот элемент управления влияет на все палитры/панели, включая панель «Управление».

Перенастройка панели «Инструменты»

Инструменты панели «Инструменты» могут располагаться в один или два столбца (эта возможность недоступна для панели «Инструменты» в Fireworks и Animate).

 Кроме того, в приложениях InDesign и InCopy имеется возможность переключения отображения в один столбец на отображение в два столбца (или в один ряд) с помощью соответствующего параметра в установках интерфейса.

  1. Щелкните двойную стрелку, расположенную в верхней части панели «Инструменты».

Управление окнами и палитрами/панелями

Пользовательское рабочее пространство/среду можно создать, перемещая и изменяя окна документов и палитр/панелей. Можно сохранить несколько рабочих сред и переключаться между ними. Для программы Fireworks переименование пользовательских рабочих сред может привести к непредсказуемым результатам.

 Следующие примеры основаны на использовании приложения Photoshop. Во всех других приложениях рабочее пространство/среда функционирует аналогичным образом.

Упорядочение, прикрепление и свободное перемещение окон документа

Если открыто более одного файла, окна документов снабжаются закладками.

  • Для изменения порядка окон документов перетащите закладку окна в новое место в группе.

  • Для открепления (свободного перемещения или отстыковки) окна документа из группы окон перетащите закладку окна из группы.

     В Photoshop можно выбрать меню «Окно» > «Упорядочить» > «Свободно перемещать содержимое окна» для перемещения одного окна документа либо «Окно» > «Упорядочить» > «Свободно перемещать все содержимое окон» для перемещения всех окон документа сразу. Более подробную информацию см. в технической записке kb405298.

     Dreamweaver не поддерживает прикрепление и открепление окон документов. Используйте кнопку «Свернуть» для создания перемещаемых окон либо выберите меню «Окно» > «Окна по вертикали», чтобы расположить окна документов рядом, по вертикали. Для получения дополнительной информации введите «Окна по вертикали» в строке поиска в справке Dreamweaver. Для пользователей Macintosh рабочий процесс будет немного другим.

  • Для прикрепления окна документа к другой группе окон перетащите закладку окна в эту группу.

  • Чтобы создать группы документов, расположенные каскадно или мозаично, перетащите окно к одной из зон перетаскивания, расположенных вдоль верхнего, нижнего или боковых краев другого окна. Также можно выбрать макет для группы с помощью кнопки «Макет» на панели приложения.

     Некоторые программы не поддерживают эту функцию. Однако в программе могут присутствовать команды «Каскад» или «Мозаика» в меню «Окно», позволяющие расположить документы нужным образом.

  • Чтобы переключиться на другой документ в группе со вкладками при перетаскивании выделенной области, перетащите выделенную область на вкладку документа на короткое время.

     Некоторые программы не поддерживают эту функцию.

Прикрепление и открепление палитр/панелей

Док — это набор палитр/панелей или групп палитр/панелей, отображаемых вместе, чаще всего вертикально. Палитры/панели можно прикреплять и откреплять перетаскиванием в область дока или из нее.

  • Чтобы прикрепить палитру/панель, перетащите ее за вкладку в док и поместите сверху или снизу от других палитр/панелей либо между ними.

  • Чтобы прикрепить группу палитр/панелей, перетащите ее в док за строку заголовка (пустую одноцветную строку над вкладками).

  • Чтобы удалить палитру/панель или группу палитр/панелей из дока, перетащите ее из дока, удерживая за вкладку или строку заголовка. Можно перетащить палитру/панель в другой док или сделать плавающей.

При перетаскивании в новый док палитра/панель «Навигатор» выделяется синей вертикальной линией.

Теперь палитра/панель «Навигатор» располагается в собственном доке

 Можно сделать так, чтобы палитры/панели не заполняли все пространство в доке. Перетащите нижнюю границу дока вверх, чтобы она не соприкасалась с границей рабочего пространства/среды.

Перемещение палитр/панелей

При перемещении палитр/панелей отображаются подсвеченные зоны перетаскивания — зоны, в которые можно поместить палитру/панель. Например, можно переместить палитру/панель выше или ниже в доке. Для этого нужно перетащить ее на узкую синюю зону перетаскивания, которая отображается над другой палитрой/панелью или под ней. Если перетащить палитру/панель в область, не являющуюся зоной перетаскивания, такая палитра/панель станет плавающей.

 Активация зоны перетаскивания зависит от позиции указателя мыши (а не положения панели), поэтому если вы ее не видите, попробуйте переместить указатель мыши в то место, где должна быть зона перетаскивания.

  • Чтобы переместить панель, перетащите ее за вкладку.

  • Чтобы переместить группу панелей, перетащите строку заголовка.

Зона перетаскивания, обозначенная узкой синей линией, означает прикрепление одиночной палитры/панели «Цвет» над группой палитр/панелей «Слои».

A. Строка заголовка B. Табуляция C. Зона перетаскивания 

 Чтобы избежать закрепления панели при перемещении, удерживайте клавишу Ctrl (в Windows) или Command (в Mac OS). Для отмены операции при перемещении палитры/панели нажмите клавишу Esc.

Добавление и удаление палитр/панелей

Если из дока удалить все палитры/панели, то он исчезнет. Можно создать док, перемещая палитры/панели в правый угол рабочего пространства/среды до появления зоны перетаскивания.

  • Для удаления палитры/панели щелкните ее закладку правой кнопкой (Windows) или щелкните ее, удерживая клавишу Control (Mac), и выберите «Закрыть» или удалите ее из меню «Окно».

  • Чтобы добавить палитру/панель, выберите ее в меню «Окно» и закрепите в нужном месте.

Управление группами палитр/панелей

  • Чтобы добавить палитру/панель в группу, перетащите вкладку этой палитры/панели в выделенную зону перетаскивания группы.

панели в группу панелей

  • Чтобы изменить порядок расположения палитр/панелей в группе, перетащите вкладку палитры/панели на новое место внутри группы.

  • Чтобы убрать палитру/панель из группы и сделать ее плавающей, перетащите палитру/панель за ее вкладку за пределы группы.

  • Чтобы переместить группу, перетащите панель заголовка (область над вкладками).

Создание ряда плавающих палитр/панелей

При перетаскивании палитры/панели из дока не в зону перетаскивания палитра/панель становится плавающей. Плавающую палитру/панель можно разместить в любом месте рабочего пространства/среды. Плавающие панели или группы панелей можно собрать в одну подборку, тогда при перетаскивании самой верхней строки заголовка они будут перемещаться как одно целое.

Ряд плавающих палитр/панелей

  • Чтобы создать ряд плавающих палитр/панелей, перетащите палитру/панель за вкладку в зону перетаскивания, расположенную в нижней части другой палитры/панели.

  • Чтобы изменить порядок палитр/панелей в ряду, перетащите палитру/панель за вкладку вверх или вниз.

     Вкладку следует отпустить над тонкой зоной перетаскивания между палитрами/панелями, а не над широкой зоной перетаскивания в строке заголовка.

  • Чтобы убрать палитру/панель или группу палитр/панелей из ряда и сделать ее плавающей, перетащите палитру/панель за его пределы, удерживая за вкладку.

Изменение размеров палитр/панелей

  • Чтобы свернуть или развернуть палитру/панель, группу палитр/панелей или ряд палитр/панелей, дважды щелкните вкладку. Также можно дважды щелкнуть область вкладки (пустое пространство рядом с вкладками).

  • Для изменения размера палитры/панели перетащите любую ее сторону. Размеры некоторых палитр/панелей, например палитры «Цвет» в Photoshop, нельзя изменить таким способом.

Свертывание и развертывание значков панели

Чтобы уменьшить загромождение рабочего пространства/среды, можно свернуть палитры/панели в значки. В некоторых случаях палитры/панели сворачиваются в значки в рабочем пространстве/среде по умолчанию.

Палитры/панели, свернутые в значки

Развернутые палитры/панели

  • Чтобы свернуть или развернуть все значки панели в столбце, щелкните двойную стрелку в его верхней части.

  • Чтобы развернуть значок одиночной палитры/панели, щелкните его.

  • Чтобы изменить размер значков палитры/панели так, чтобы видеть только значки (без подписей), изменяйте ширину дока до исчезновения текста. Чтобы восстановить текст, увеличьте ширину дока.

  • Чтобы свернуть развернутую палитру/панель в значок, щелкните ее вкладку, значок или двойную стрелку в строке заголовка.

    Совет. В некоторых приложениях — если выбран параметр «Автоматически сворачивать панели со значками» в разделе установок «Интерфейс» или в установках окна «Параметры интерфейса пользователя», то развернутая палитра/панель будет автоматически сворачиваться по щелчку за ее пределами.

  • Чтобы добавить плавающую палитру/панель или группу палитр/панелей в док значков, перетащите ее туда за вкладку или строку заголовка (палитры/панели автоматически сворачиваются в значки при добавлении их в док значков).

  • Чтобы переместить значок палитры/панели (или группу значков палитр/панелей), перетащите значок. Значки панелей можно перетаскивать вниз и вверх в пределах одного дока, в другие доки (где значки будут отображаться в стиле панелей этого дока) либо за пределы дока (где они станут плавающими значками).

Сохранение и переключение рабочих пространств/сред

Если текущий размер и положение панелей сохранены как именованное рабочее пространство/среда, то это рабочее пространство/среду можно восстановить позднее, даже если некоторые палитры/панели были перемещены или закрыты. Названия сохраненных рабочих пространств/сред выводятся в переключателе рабочих пространств/сред на панели приложения.

Сохранение пользовательского рабочего пространства/среды

  1. После необходимой настройки рабочего пространства/среды выполните одно из приведенных ниже действий для его сохранения.

    • (В приложении Illustrator.) Выберите меню «Окно» > «Рабочая среда» > «Сохранить рабочую среду».

    • (В приложениях Photoshop, InDesign, InCopy.) Выберите меню «Окно» > «Рабочая среда» > «Создать рабочую среду».

    • (В приложении Dreamweaver.) Выберите «Окно» > «Макет рабочего пространства» > «Создать рабочее пространство».

    • (В приложении Animate.) Выберите «Создать рабочее пространство» в переключателе рабочих пространств на панели приложения.

    • (В приложении Fireworks.) Выберите «Сохранить текущее» в переключателе рабочих пространств на панели приложения.

  2. Введите имя рабочего пространства/среды.

  3. (В приложениях Photoshop, InDesign.) В меню «Запомнить»/«Захват» задайте необходимые параметры.

    Расположение палитр/панелей

    Сохраняет текущее расположение панелей (только в InDesign).

    Комбинации клавиш

    Сохраняет текущий набор комбинаций клавиш (только для Photoshop).

    Меню или настройка меню

    Сохраняет текущий набор меню.

Отображение рабочих пространств/сред и переключение между ними

  1. Выберите рабочее пространство/среду в переключателе рабочих пространств/сред на панели приложения.

 В Photoshop между различными стилями рабочей среды можно быстро переключаться с помощью комбинаций клавиш.

Удаление пользовательского рабочего пространства/среды

  • Выберите «Управление рабочими пространствами» или «Управление рабочими средами» в переключателе рабочих пространств/сред на панели приложения, выберите рабочее пространство/среду и нажмите «Удалить» (этот параметр недоступен в Fireworks).

  • (В приложениях Photoshop, InDesign, InCopy.) Выберите Удалить рабочую среду в переключателе рабочих сред.

  • (В приложении Illustrator.) Выберите «Окно» > «Рабочая среда» > «Управление рабочими средами», выберите нужную рабочую среду и щелкните значок «Удалить».

  • (В приложениях Photoshop, InDesign.) Выберите меню «Окно» > «Рабочее пространство» >Удалить рабочее пространство, укажите пространство, которое нужно удалить, и нажмите «Удалить».

Восстановление рабочего пространства/среды по умолчанию

  1. Выберите рабочую среду «По умолчанию» или «Основная» с помощью переключателя рабочих сред на панели приложения.

     В приложении Dreamweaver «Конструктор» является рабочей средой по умолчанию.

  2. (В приложениях InDesign, InCopy.) Выберите «Окно» > «Рабочая среда» > «Сбросить» [имя_рабочей_среды].

(В приложении Photoshop.) Восстановление сохраненной рабочей среды

В Photoshop рабочие среды отображаются автоматически в порядке, который использовался при последнем запуске. Однако можно восстановить исходное (сохраненное) расположение панелей.

  • Для восстановления отдельной рабочей среды выберите меню «Окно» > «Рабочая среда» > «Сбросить» имя_рабочей_среды.

  • Для восстановления всех рабочих сред, установленных с Photoshop, нажмите «Восстановление рабочих сред по умолчанию» в настройках интерфейса.

 Переупорядочить рабочие среды на панели приложения можно с помощью перетаскивания.

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?