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

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

 

Цветовые модели используются для описания отображаемых в цифровой графике цветов, с которыми можно работать. Каждая цветовая модель, такая как RGB, HSB или CMYK, представляет отдельный метод описания и классификации цвета. В цветовых моделях используются числовые значения для представления видимых цветов спектра. Цветовое пространство является вариантом цветовой модели и характеризуется определенным охватом (диапазоном) цветов. Например, в цветовой модели RGB есть ряд цветовых пространств: Adobe® RGB, sRGB и Apple® RGB. В каждом из этих цветовых пространств цвет определяется с использованием одних и тех же трех осей (R, G и B), но предусмотренные в них цветовые охваты разные.

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

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

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

Adobe Animate позволяет применять, создавать и модифицировать цвета с помощью цветовых моделей RGB или HSB. С помощью палитры по умолчанию или созданной пользователем палитры можно выбирать цвета, которые применяются к обводке или заливке создаваемого или уже созданного объекта.

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

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

  • Создать контур фигуры без заливки, используя значение параметра заливки «Нет цвета».

  • Создать фигуру с заливкой без контура, используя значение параметра обводки «Нет цвета».

  • Применить сплошной тон заливки к тексту.

С помощью панели «Цвет» можно создавать и редактировать сплошные тона и заливки градиентом в режимах RGB и HSB.

Для получения доступа к палитре цветов системы выберите значок палитры цветов  в элементе управления «Цвет обводки» или «Цвет заливки» на панели «Цвет», панели «Инструменты» или в инспекторе свойств фигуры.

Панель «Цвет»

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

  • Импорт, экспорт, удаление или другие изменения цветовой палитры для FLA-файла с помощью панели «Образцы».

  • выбирать цвета в шестнадцатеричном формате.

  • создавать многоцветные градиенты.

  • Использовать градиенты, чтобы сформировать широкий диапазон эффектов, например эффект глубины двумерного объекта.

Панель «Цвет» содержит следующие элементы управления:

Цвет обводки

Изменяет цвет обводки или границы графического объекта.

Цвет заливки

Изменяет цвет заливки. Заливка — это область цвета, который заполняет фигуру.

Меню «Тип цвета»

Изменяет стиль заливки:

Не задано

Удаляет заливку.

Чистый цвет

Обеспечивает сплошной единый цвет заливки.

Линейный градиент

Создает градиент, который линейно изменяется вдоль контура.

Радиальный градиент

Создает градиент, который меняется от центральной фокальной точки в круговом контуре к краям.

Растровая заливка

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

HSB

Позволяет изменить цветовой тон, насыщенность и яркость цвета заливки.

RGB

Позволяет изменить плотность красного, зеленого и синего (RGB) цветов в заливке.

Альфа-канал

Устанавливает прозрачность для сплошной заливки или устанавливает текущий выбранный ползунок для заливки градиентом. Значение альфа-канала, равное 0 %, задает невидимую (прозрачную) заливку. Значение альфа-канала, равное 100 %, задает непрозрачную заливку.

Текущий образец цвета

Отображает текущий выбранный цвет. Если в меню «Тип заливки» выбрать тип заливки градиентом (линейный или радиальный), то текущий образец цвета отображает переходы цвета внутри создаваемого градиента.

Системная палитра цветов

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

Шестнадцатеричное значение

Отображает шестнадцатеричное значение текущего цвета. Чтобы изменить цвет с помощью шестнадцатеричного значения, введите новое значение. Шестнадцатеричные значения цвета — это шестизначные буквенно-цифровые сочетания, которые представляют цвет.

Нажим

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

Расширить цвет

Применяет указанные цвета до конца градиента (по умолчанию).

Отразить цвет

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

Повторить цвет

Повторяет градиент от начала градиента к концу до тех пор, пока выбранная фигура не заполнится.

 Режимы переполнения поддерживаются только в Adobe Flash Player 8 и более поздней версии.

Линейный RGB

Создает SVG-совместимый (SVG — формат масштабируемой векторной графики) линейный или радиальный градиент.

Палитра «Образцы»

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

  1. Выберите пункт Окно > Цвет.

  2. На вкладке Образцы панели Цвета выберите цвет, который требуется преобразовать в образец с тегами, затем нажмите кнопку Преобразовать в образец с тегами в нижней части панели.

  3. В диалоговом окне Определение цвета с тегами задайте следующие параметры:

    • Имя нового образца
    • Тип образцы: сплошной цвет, линейный градиент или радиальный градиент
    • Цвет в виде значения HSB (цветовой тон, насыщенность и яркость) или RGB (красный, зеленый и синий)
    Диалоговое окно «Определение цвета с тегами»

    Новый образец с тегами отображается на вкладках Цвета и Образцы панели Цвета и на панели Инструменты.

    Вновь созданный образец с тегами на панелях «Цвета», «Образцы» и «Инструменты»

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

  5. Дважды щелкните образец или выделите его и нажмите кнопку Изменить, чтобы открыть диалоговое окно Определение цвета с тегами и внести изменения в цвет образца.

  6. Чтобы отвязать фигуру, использующую образец, от цвета образца, выберите ее, а затем нажмите кнопку Отменить связь. Для фигуры можно выбрать новый цвет в палитре цветов.

    Параметр «Отменить связь»

    Выбор другого цвета в палитре цветов для фигуры

Добавьте цвета своим снимкам с помощью Animate

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

  1. В окне «Свойства» щелкните панель «Цвет».

  2. Выберите необходимый цвет обводки и цвет заливки.

  3. Выберите «Добавить в образцы» и щелкните панель «Образцы».

Как добавить цвет на снимки в Animate

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

Цветовые палитры

Каждый файл Animate содержит свою собственную цветовую палитру, хранимую в документе Animate. Animate отображает палитру файла в виде цветовых образцов в элементах «Цвет заливки» и «Цвет обводки» и на панели «Образцы». Палитра цветов по умолчанию — это палитра, состоящая из 216 безопасных цветов Web. Для добавления цветов в текущую цветовую палитру используйте панель «Цвет». Также возможен импорт и экспорт как сплошной, так и градиентной цветовой палитры между файлами Animate, а также между Animate и другими приложениями.

Палитра по умолчанию и палитра веб-совместимых цветов

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

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

    Загрузить цвета по умолчанию:

    замещает текущую палитру палитрой по умолчанию.

    Сохранить как значение по умолчанию:

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

  • Чтобы сохранить палитру из 216 веб-совместимых цветов, на панели «Образцы» в меню в верхнем правом углу выберите «Веб 216».
  1. На панели «Образцы» выберите в меню в правом верхнем углу «Сортировать по цвету».

Организация и повторное использование цветов

На панели «Образцы» предусмотрена организация цветов в иерархическую структуру при помощи папок и цветовых палитр.

Создание папки

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

  1. В Animate выберите «Окно» > «Образцы»

  2. На панели «Образцы» нажмите кнопку .
  3. Введите описательное имя для папки цветовых образцов.

Кроме того, папку можно создать, выбрав какую-либо папку, цветовую палитру или образец и щелкнув пункт «Дублировать в виде папки» из контекстного меню.

Создание цветовой палитры (группы образцов)

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

  1. В Animate выберите «Окно» > «Образцы».

  2. На панели «Образцы» выберите любую папку и нажмите кнопку для создания пустой палитры.
  3. В эту цветовую палитру можно перетащить существующие образцы или добавить новые с помощью кнопки .

Кроме того, цветовую палитру можно создать, выбрав какую-либо папку, цветовую палитру или образец и щелкнув пункт «Дублировать в виде палитры» из контекстного меню.

Создание или добавление цветов в цветовую палитру

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

  1. В Animate выберите «Окно» > «Образцы».

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

Кроме того, образец можно создать, выбрав какую-либо папку, цветовую палитру или образец и щелкнув пункт Дублировать в виде образца из контекстного меню.

  1. На панели «Образцы» выберите в меню в правом верхнем углу одну из следующих команд:
    • Чтобы добавить импортируемые цвета в текущую палитру, выберите «Добавить цвета».

    • Чтобы заменить текущую палитру импортируемыми цветами, выберите «Заменить цвета».

  2. Перейдите к нужному файлу, выберите его и нажмите ОК.
  1. На панели «Образцы» выберите в меню в правом верхнем углу «Сохранить цвета» и введите имя цветовой палитры.
  2. Для параметра «Сохранить как» (Windows) или «Format» (Macintosh) выберите значение «Палитра Animate» или «Таблица цветов». Нажмите кнопку «Сохранить».

Создание и изменение сплошного цвета

С помощью панели «Цвет» можно создать любой цвет. Если в рабочей области выбран объект, то изменения цвета, сделанные на панели «Цвет», будут применены к выделению. Можно выбрать цвета в режимах RGB или HSB либо расширить панель и использовать шестнадцатеричный режим. Можно также указать альфа-значение, чтобы определить степень прозрачности цвета. Кроме того, можно выбрать цвет в существующей палитре цветов.

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

  1. Чтобы применить цвет к существующей иллюстрации, выберите объект в рабочей области и выберите пункт «Окно» > «Цвет».

  2. Щелкните значок «Обводка» или «Заливка», чтобы указать, какой атрибут необходимо модифицировать.

     Щелкните значок, а не элемент цвета, иначе откроется палитра цветов.

  3. Если на шаге 3 был выбран значок «Заливка», проверьте, что в меню «Тип» выбрано значение «Сплошная».

  4. Если в рабочей области выбран объект, то изменения цвета, сделанные на панели «Цвет», будут применены к выделению. Выполните одно из следующих действий.

    • Чтобы выбрать цвет, щелкните мышью цветовое пространство на панели «Цвет». Чтобы настроить яркость цветов, перетащите ползунок «Яркость».

       Чтобы создать цвет, отличный от черного или белого, убедитесь, что ползунок «Яркость» не установлен в какое-либо из крайних положений.

    • Введите значения в поля значений цветов: значения красного, зеленого и синего канала для отображения RGB, значения цветового тона, насыщенности и яркости для отображения HSB либо шестнадцатеричные значения для шестнадцатеричного отображения. Введите значение альфа-канала, чтобы указать степень прозрачности: от 0 для полной прозрачности до 100 для полной непрозрачности.

    • Для возвращения параметров цвета по умолчанию (черная обводка и белая заливка) нажмите на кнопку «Черно-белый» .

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

    • Чтобы не применять цвет к обводке или заливке, нажмите кнопку «Нет цвета» .

       Невозможно применить настройку заливки или обводки «Нет цвета» к существующему объекту. Вместо этого выберите существующую обводку или заливку и удалите ее.

    • Нажмите элемент «Цвет обводки» или «Цвет заливки» и выберите цвет.

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

Дублирование, удаление и очистка цветов

Дублирование цветов в палитре, удаление отдельных цветов и очистка всех цветов в палитре.

  • Чтобы дублировать или удалить цвет, выберите пункт «Окно» > «Образцы», щелкните дублируемый или удаляемый цвет и в меню панели выберите пункт «Дублировать образец» или «Удалить образец». При дублировании образца появляется символ заливки. Щелкните мышью пустую область панели «Образцы» символом заливки, чтобы сделать копию выбранного цвета.

  • Чтобы удалить все цвета на цветовой палитре, на панели «Образцы» выберите «Удалить цвета» в меню панели. Все цвета, кроме черного и белого, будут удалены из палитры.

 Adobe

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

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