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

Использование рабочей области и панели «Инструменты» в 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.

Обзор окна приветствия

Когда Animate (прежнее название Flash Professional CC) запускается без открытых документов, появляется экран приветствия. Экран приветствия делится на четыре следующие области:

Открыть недавний

Позволяет открыть самые недавние документы (щелкните значок «Открыть»).

Создать

Содержит список типов файлов Animate, таких как документы Animate и файлы ActionScript®.

Создать из шаблона

Содержит список шаблонов, часто используемых для создания документов Animate.

Расширить

Содержит ссылки на веб-сайт Animate Exchange, откуда можно загрузить вспомогательные приложения, расширения и связанную информацию.

На экране приветствия также предоставляется быстрый доступ к справочным ресурсам. Можно быстро ознакомиться с возможностями Animate, найти ресурсы с документацией или авторизованного обучающего центра Adobe.

  • Чтобы скрыть экран приветствия, выберите «Больше не показывать».

  • Чтобы отобразить экран приветствия, выберите «Правка» > «Установки» (Windows®) или «Animate» > «Установки» (Macintosh®) и выберите «Экран приветствия» в категории «Общие» меню «При запуске».

Использование рабочей области

Рабочая область представляет собой прямоугольную область, в которой отображается графическое содержимое при создании документов Animate. Рабочая область в среде разработчика представляет собой прямоугольное окно в программе Flash Player или окне веб-браузера, где отображаются документы во время воспроизведения. Черный контур по умолчанию представляет контурный вид рабочей области.

Изменить вид рабочей области во время работы можно изменением масштаба. Сетка, направляющие и линейки помогают при размещении элементов в рабочей области.

Временная шкала и рабочая область с содержимым.

Масштабирование рабочей области

Чтобы увидеть рабочую область на экране целиком или, наоборот, отдельную часть рисунка в большом увеличении, измените ее масштаб. Максимальное увеличение зависит от разрешения монитора и размера документа. Минимальное значение масштаба рабочей области равно 8 %. Максимальное значение масштаба рабочей области равно 2000 %.

 Также можно использовать жесты Multi-touch на совместимых устройствах.

  • Чтобы увеличить масштаб элемента, выберите на панели «Инструменты» инструмент «Масштаб»  и нажмите нужный элемент. Переключение функции инструмента «Масштаб» производится модификаторами «Увеличить»  и «Уменьшить»  (в области параметров на панели «Инструменты», когда выбран инструмент «Масштаб»), либо при нажатой клавише «Alt» (Windows) или «Option» (Macintosh).

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

  • Чтобы изменить масштаб всей рабочей области, выберите меню «Просмотр» > «Увеличить масштаб» или «Просмотр» > «Уменьшить масштаб».

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

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

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

Цвет области вставки

Раньше цвета области вставки фиксировались в зависимости от темы интерфейса пользователя. Начиная с выпуска за январь 2017 г. для области вставки можно использовать тот же цвет, что и для рабочей области. Эта функция позволяет работать с неограниченным холстом. 

 В конечном выводе отображается только содержимое рабочей области.

Перемещение вида рабочей области

Если рабочая область увеличена, она может не поместиться на экране целиком. Изменить вид, не изменяя масштаб рабочей области, позволяет инструмент «Рука», который перемещает рабочую область.

 Также можно использовать жесты Multi-touch на совместимых устройствах.

  • На панели «Инструменты» выберите инструмент «Рука» и перетащите им рабочую область. Чтобы временно переключиться с другого инструмента на инструмент «Рука», нажмите нужный инструмент на панели «Инструменты», удерживая нажатой клавишу ПРОБЕЛ.

Поворот рабочей области

В Animate предусмотрен новый инструмент «Поворот», с помощью которого можно временно изменять ракурс рабочей области для того, чтобы выполнять рисование и закрашивание под нужным углом. При этом положение объектов на рабочей области, как при работе с инструментом «Свободное преобразование», меняться не будет. Рабочую область можно поворачивать при работе с любым инструментом. Для этого одновременно удерживайте клавиши Shift и Пробел и выполняйте поворот рабочей области при помощи мыши.

Как поворачивать рабочую область с помощью инструмента «Поворот»

  1. Выберите инструмент «Поворот»  (H), который сгруппирован с инструментом «Рука»  (H), или одновременно нажмите клавиши Shift и Пробел. Так вы сможете использовать инструмент «Поворот» по время работы с другим инструментом, например «Кисть».

    Инструмент «Поворот» на панели управления

  2. Если выбрать инструмент «Поворот», на экране появится точка вращения, отмеченная перекрестием.Чтобы отрегулировать положение точки вращения, нажмите на нужное место не экране.

    Точка вращения, отмеченная перекрестием

  3. Установив точку вращения, можно поворачивать вид рабочей области вокруг нее при помощи мыши.

    Рабочая область после поворота

  4. С помощью инструмента «Поворот» перетащите рабочую область, чтобы на время повернуть ее. Текущий угол поворота указан на крайней линии на точке вращения.

  5. Чтобы вернуть рабочую область к виду по умолчанию, нажмите клавишу «Центрировать рабочую область».

Выполните масштабирование содержимого в соответствии с размером рабочей области

Параметр Масштабировать содержимое в Инспекторе свойств позволяет масштабировать содержимое в соответствии с размером рабочей области. Когда выбран этот вариант, размер содержимого изменяется пропорционально размеру рабочей области.

Параметр «Масштабировать содержимое» в Инспекторе свойств

Масштабирование размера рабочей области

Параметр «Масштабировать содержимое» в дополнительных настройках теперь можно вызывать напрямую через Инспектор свойств. Когда выбран этот вариант, размер содержимого изменяется пропорционально размеру рабочей области.

В Инспекторе свойств и в диалоговом окне «Параметры документа» имеется параметр «Связать» для пропорционального увеличения размеров рабочей области. По умолчанию свойства высоты и ширины рабочей области не связаны. Если нажать кнопку «Связать» и включить связывание, то при изменении значения свойства высоты или ширины пропорционально изменяется значение второго свойства.

Если установлен флажок «Масштабировать содержимое», размеры рабочей области автоматически связываются и отключаются. Это происходит, так как масштабирование содержимого имеет смысл, если размеры рабочей области изменяются пропорционально.

Кнопка «Связать» для пропорционального масштабирования размера рабочей области

Задать прозрачность холста

Можно включить для холста прозрачный режим, выбрав диапазоны альфа-цвета в виде процентов на образцах цвета. Для этого выберите «Холст» > «Свойства» > Рабочая область» > «Альфа %».

Масштабирование рабочей области на основе выбранной узловой точки

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

Узловые точки, на основе которых можно масштабировать рабочую область

Масштабирование рабочей области: пример

В следующем примере рабочая область размером 550x400 пропорционально масштабируется до размера 750x600 от узловой точки в нижнем правом углу экрана:

Настройка масштабирования рабочей области с использованием правого нижнего угла в качестве узловой точки

Рабочая область масштабируется в заданном направлении от узловой точки в нижнем правом углу экрана

 Также можно использовать жесты Multi-touch на совместимых устройствах.

Использование линеек

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

  • Чтобы показать или скрыть линейки, выберите меню «Просмотр» > «Линейки».

  • Чтобы указать единицу измерения линеек для документа, выберите меню «Модификация» > «Документ», а затем в меню «Единицы измерения линеек» выберите единицу измерения.

Использование направляющих

Если линейки включены (меню «Просмотр» > «Линейки»), с них в рабочую область можно перетаскивать горизонтальные и вертикальные направляющие.

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

Для создания заказных или нестандартных направляющих применяются направляющие слои.

  • Чтобы отобразить или скрыть направляющие, выберите меню «Просмотр» > «Направляющие» > «Показать направляющие».

     Если при создании направляющих отображается сетка и включен режим «Привязка к сетке», то направляющие будут привязаны к сетке.

  • Чтобы включить или отключить привязку к направляющим, выберите меню «Просмотр» > «Привязка» > «Привязка к направляющим».

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

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

  • Для удаления направляющей применяется инструмент «Выделение», который позволяет перетащить разблокированную направляющую на горизонтальную или вертикальную линейку.

  • Чтобы заблокировать направляющие, выберите меню «Просмотр» > «Направляющие» > «Заблокировать направляющие» или включите параметр «Блокировать направляющие» в диалоговом окне «Изменить направляющие» (меню «Просмотр» > «Направляющие» > «Изменить направляющие»).

  • Чтобы удалить направляющие, выберите меню «Просмотр» > «Направляющие» > «Удалить направляющие». Если документ находится в режиме редактирования, то все направляющие в документе будут очищены. Если документ находится в режиме редактирования символов, то очищаются только направляющие, содержащиеся в символах.

Задание настроек направляющей

  1. Выберите меню «Просмотр» > «Направляющие» > «Изменить направляющие» и выполните одно из следующих действий.

    • Для установки цвета щелкните треугольник на панели цветов и выберите цвет направляющей из палитры. По умолчанию направляющие имеют зеленый цвет.

    • Чтобы отобразить или скрыть направляющие, установите или снимите флажок «Показать направляющие».

    • Чтобы включить или отключить привязку к направляющим, установите или снимите флажок «Привязать к направляющим».

    • Установите или снимите флажок «Блокировать направляющие».

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

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

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

  2. Нажмите кнопку «ОК».

Использование сетки

Сетка в документе представляет собой набор линий позади иллюстрации во всех монтажных кадрах.

Отображение и скрытие сетки рисунка

  1. Выполните одно из следующих действий.

    • Выберите меню «Просмотр» > «Сетка» > «Показать сетку».

    • Нажмите клавиши CTRL+" (двойная кавычка) (Windows) или CMD+" (двойная кавычка) (Macintosh).

Включение и отключение привязки к линиям сетки

  1. Выберите меню «Просмотр» > «Привязка» > «Привязать к сетке».

Настройка установок сетки

  1. Выберите меню «Просмотр» > «Сетка» > «Изменить сетку» и выберите нужные параметры.

  2. Чтобы сохранить текущие настройки в качестве параметров по умолчанию, выберите «Сохранить значение по умолчанию».

О главной панели «Инструменты» и панели редактирования

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

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

Настраиваемая панель инструментов

В выпуске Animate 2020 предоставлена возможность добавления, удаления, комбинирования инструментов и изменения их порядка в соответствии со своими предпочтениями. Нажмите значок «Дополнительные параметры» (…) на панели инструментов, чтобы открыть палитру инструментов. 

Панель инструментов Animate
Панель инструментов Animate

Палитра панели инструментов
Палитра панели инструментов

Вы можете перетащить инструменты с панели инструментов на палитру инструментов, чтобы удалить их. Аналогичным образом вы можете перенести инструменты из палитры инструментов на панель инструментов, перетащив их в нужное место. 

Кроме того, благодаря этим улучшениям вы можете сделать следующее.

  • Добавить или удалить инструменты на панели инструментов и палитре инструментов. 
  • Объединить инструменты в группу, перетащив инструмент на другой инструмент или в группу.
  • Разместить инструмент выше или ниже определенного инструмента или группы путем перетаскивания.

Логическая группировка инструментов

Разделитель
Логическая группировка с помощью разделителя

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

Открепление панели инструментов

Открепление панели инструментов
Открепление панели инструментов

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

Переворот
Переворот открепленной группы

Ориентацию открепленной группы можно изменить на вертикальную или горизонтальную нажатием нижней части, выделяемой при наведении курсора мыши.  

Сброс панели инструментов
Сброс панели инструментов

Сброс панели инструментов

Выберите пункт «Сбросить» в меню палитры инструментов, чтобы восстановить состояние по умолчанию панели инструментов.

Параметры подпанели инструментов

Цвет заливки и обводки

Раздел цвета заливки и обводки панели инструментов был изменен так же, как и на панелях инструментов Photoshop и Illustrator, для обеспечения согласованности и простоты доступа. 

Доступ к режимам кисти и ластика

Теперь можно добавлять сочетания клавиш для доступа к режимам кисти и ластика. Создавайте сочетания клавиш на компьютерах Mac (Animate > «Сочетания клавиш») и компьютерах под управлением Windows («Правка» > «Сочетания клавиш»). Получайте доступ к следующим параметрам одним нажатием клавиши, если инструмент включен.

Цвет заливки и обводка
Цвет заливки и обводка

Режим ластика
Режим ластика

Режим кисти
Режим кисти

Использование панели «Инструменты»

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

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

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

Выбор инструментов

  1. Выполните одно из следующих действий.

    • Нажмите инструмент на панели «Инструменты». Для некоторых инструментов в области параметров в нижней части панели «Инструменты» может появиться набор параметров.

    • Нажмите назначенную для инструмента комбинацию клавиш. Чтобы просмотреть комбинацию клавиш, выберите меню «Правка» > «Сочетания клавиш» (Windows) или «Animate» > «Сочетания клавиш» (Macintosh). На компьютерах Macintosh может потребоваться перемещение мыши, чтобы появился новый курсор.

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

Нажим и наклон малярной кисти

Animate обеспечивает поддержку нажима и наклона для штрихов малярной кисти. Можно рисовать штрихи объектной и узорной кистью с переменной шириной, которая зависит от нажима пера. Для дальнейшего уточнения используйте инструмент «Ширина», чтобы настроить точки ширины.

Дополнительные сведения см. в разделе Работа с инструментом «Малярная кисть»

 Значки нажима и наклона на панели инструментов отображаются, только если к компьютеру подключен планшет Wacom, чувствительный к нажатию.

Использование контекстных меню

Контекстные меню содержат команды, относящиеся к текущему выделению. Например, если в окне временной шкалы выделен кадр, то контекстное меню будет содержать команды создания, удаления и изменения обычных и ключевых кадров. Контекстные меню существуют для многих объектов и элементов управления, включая рабочую область, временную шкалу, панель «Библиотека» и панель «Действия».

  1. Щелкните элемент правой кнопкой мыши (Windows) или щелкните его, удерживая нажатой клавишу CONTROL (Macintosh).

 Adobe

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

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