Выберите пункт Окно > Цвет.
- Руководство пользователя 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
- Быстрая публикация анимаций
- Устранение неполадок
Цветовые модели используются для описания отображаемых в цифровой графике цветов, с которыми можно работать. Каждая цветовая модель, такая как 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, то при изменении цвета в образце с тегами автоматически обновится все содержимое, для которого этот образец используется.
-
-
На вкладке Образцы панели Цвета выберите цвет, который требуется преобразовать в образец с тегами, затем нажмите кнопку Преобразовать в образец с тегами в нижней части панели.
-
В диалоговом окне Определение цвета с тегами задайте следующие параметры:
- Имя нового образца
- Тип образцы: сплошной цвет, линейный градиент или радиальный градиент
- Цвет в виде значения HSB (цветовой тон, насыщенность и яркость) или RGB (красный, зеленый и синий)
Новый образец с тегами отображается на вкладках Цвета и Образцы панели Цвета и на панели Инструменты.
-
Когда вы открываете панель «Цвет» после выбора объекта, который использует образец с тегами, отображаются параметры для редактирования свойств цвета. Если вы вносите изменения в свойства цвета, они автоматически отражаются во всех элементах на рабочей области, которые используют образец с тегами.
-
Дважды щелкните образец или выделите его и нажмите кнопку Изменить, чтобы открыть диалоговое окно Определение цвета с тегами и внести изменения в цвет образца.
-
Чтобы отвязать фигуру, использующую образец, от цвета образца, выберите ее, а затем нажмите кнопку Отменить связь. Для фигуры можно выбрать новый цвет в палитре цветов.
Добавьте цвета своим снимкам с помощью Animate
Ваш контент будет неполным без нужного цвета и наложения. Хотите узнать, как добавить заливку и обводку в снимок? Посмотрите учебный видеоролик в конце этого примера и выполните следующие шаги.
-
В окне «Свойства» щелкните панель «Цвет».
-
Выберите необходимый цвет обводки и цвет заливки.
-
Выберите «Добавить в образцы» и щелкните панель «Образцы».
Как добавить цвет на снимки в Animate
Цветовые палитры
Каждый файл Animate содержит свою собственную цветовую палитру, хранимую в документе Animate. Animate отображает палитру файла в виде цветовых образцов в элементах «Цвет заливки» и «Цвет обводки» и на панели «Образцы». Палитра цветов по умолчанию — это палитра, состоящая из 216 безопасных цветов Web. Для добавления цветов в текущую цветовую палитру используйте панель «Цвет». Также возможен импорт и экспорт как сплошной, так и градиентной цветовой палитры между файлами Animate, а также между Animate и другими приложениями.
Палитра по умолчанию и палитра веб-совместимых цветов
Сохраните текущую палитру в качестве палитры по умолчанию, замените текущую палитру палитрой по умолчанию, определенной для файла, или загрузите палитру безопасных цветов Web, чтобы заменить текущую палитру.
- Чтобы загрузить или сохранить палитру по умолчанию,
на панели «Образцы» выберите
в меню в правом верхнем углу одну из следующих команд.
Загрузить цвета по умолчанию:
замещает текущую палитру палитрой по умолчанию.
Сохранить как значение по умолчанию:
сохраняет текущую палитру цветов в качестве палитры по умолчанию. При создании новых файлов используется новая палитра по умолчанию.
- Чтобы сохранить палитру из 216 веб-совместимых цветов, на панели «Образцы» в меню в верхнем правом углу выберите «Веб 216».
-
На панели «Образцы» выберите в меню в правом верхнем углу «Сортировать по цвету».
Организация и повторное использование цветов
На панели «Образцы» предусмотрена организация цветов в иерархическую структуру при помощи папок и цветовых палитр.
Создание папки
По умолчанию все цвета располагаются в папке «Образцы по умолчанию». Существующие цвета можно перемещать между папками на панели «Образцы». Для создания новой папки выполните следующие действия.
-
В Animate выберите «Окно» > «Образцы»
-
На панели «Образцы» нажмите кнопку .
-
Введите описательное имя для папки цветовых образцов.
Кроме того, папку можно создать, выбрав какую-либо папку, цветовую палитру или образец и щелкнув пункт «Дублировать в виде папки» из контекстного меню.
Создание цветовой палитры (группы образцов)
Цветовая палитра — это группа цветовых образцов, характеризующая цветовое решение вашего содержимого. Цветовые палитры можно создавать внутри папок и добавлять в них образцы. Для создания цветовой палитры выполните следующие действия.
-
В Animate выберите «Окно» > «Образцы».
-
На панели «Образцы» выберите любую папку и нажмите кнопку для создания пустой палитры.
-
В эту цветовую палитру можно перетащить существующие образцы или добавить новые с помощью кнопки .
Кроме того, цветовую палитру можно создать, выбрав какую-либо папку, цветовую палитру или образец и щелкнув пункт «Дублировать в виде палитры» из контекстного меню.
Создание или добавление цветов в цветовую палитру
Для цветовой палитры можно создать новые образцы или добавить существующие. Для создания образца выполните следующие действия.
-
В Animate выберите «Окно» > «Образцы».
-
На панели «Образцы» выберите любую цветовую палитру в одной из папок и нажмите кнопку для создания цветового образца. Новый образец будет соответствовать цвету заливки, выбранному на данный момент на панели «Цвет». Также можно выбрать существующий образец и нажать кнопку для дублирования этого образца внутри данной палитры.
Кроме того, образец можно создать, выбрав какую-либо папку, цветовую палитру или образец и щелкнув пункт Дублировать в виде образца из контекстного меню.
-
На панели «Образцы» выберите в меню в правом верхнем углу одну из следующих команд:
Чтобы добавить импортируемые цвета в текущую палитру, выберите «Добавить цвета».
Чтобы заменить текущую палитру импортируемыми цветами, выберите «Заменить цвета».
-
Перейдите к нужному файлу, выберите его и нажмите ОК.
-
На панели «Образцы» выберите в меню в правом верхнем углу «Сохранить цвета» и введите имя цветовой палитры.
-
Для параметра «Сохранить как» (Windows) или «Format» (Macintosh) выберите значение «Палитра Animate» или «Таблица цветов». Нажмите кнопку «Сохранить».
Создание и изменение сплошного цвета
С помощью панели «Цвет» можно создать любой цвет. Если в рабочей области выбран объект, то изменения цвета, сделанные на панели «Цвет», будут применены к выделению. Можно выбрать цвета в режимах RGB или HSB либо расширить панель и использовать шестнадцатеричный режим. Можно также указать альфа-значение, чтобы определить степень прозрачности цвета. Кроме того, можно выбрать цвет в существующей палитре цветов.
Панель «Цвет» можно развернуть, так что на ней будут отображаться большее цветовое пространство на месте цветовой шкалы, отдельный образец цвета, показывающий текущий и предыдущие цвета, и ползунок «Яркость», позволяющий модифицировать яркость цвета во всех цветовых режимах.
-
Чтобы применить цвет к существующей иллюстрации, выберите объект в рабочей области и выберите пункт «Окно» > «Цвет».
-
Щелкните значок «Обводка» или «Заливка», чтобы указать, какой атрибут необходимо модифицировать.
Щелкните значок, а не элемент цвета, иначе откроется палитра цветов.
-
Если на шаге 3 был выбран значок «Заливка», проверьте, что в меню «Тип» выбрано значение «Сплошная».
-
Если в рабочей области выбран объект, то изменения цвета, сделанные на панели «Цвет», будут применены к выделению. Выполните одно из следующих действий.
Чтобы выбрать цвет, щелкните мышью цветовое пространство на панели «Цвет». Чтобы настроить яркость цветов, перетащите ползунок «Яркость».
Чтобы создать цвет, отличный от черного или белого, убедитесь, что ползунок «Яркость» не установлен в какое-либо из крайних положений.
Введите значения в поля значений цветов: значения красного, зеленого и синего канала для отображения RGB, значения цветового тона, насыщенности и яркости для отображения HSB либо шестнадцатеричные значения для шестнадцатеричного отображения. Введите значение альфа-канала, чтобы указать степень прозрачности: от 0 для полной прозрачности до 100 для полной непрозрачности.
Для возвращения параметров цвета по умолчанию (черная обводка и белая заливка) нажмите на кнопку «Черно-белый» .
Чтобы поменять местами цвета обводки и заливки, нажмите кнопку «Поменять местами цвета» .
Чтобы не применять цвет к обводке или заливке, нажмите кнопку «Нет цвета» .
Невозможно применить настройку заливки или обводки «Нет цвета» к существующему объекту. Вместо этого выберите существующую обводку или заливку и удалите ее.
Нажмите элемент «Цвет обводки» или «Цвет заливки» и выберите цвет.
-
Чтобы добавить новый цвет к списку образцов цвета для текущего документа, выберите в меню в правом верхнем углу «Добавить образец».
Дублирование, удаление и очистка цветов
Дублирование цветов в палитре, удаление отдельных цветов и очистка всех цветов в палитре.
Чтобы дублировать или удалить цвет, выберите пункт «Окно» > «Образцы», щелкните дублируемый или удаляемый цвет и в меню панели выберите пункт «Дублировать образец» или «Удалить образец». При дублировании образца появляется символ заливки. Щелкните мышью пустую область панели «Образцы» символом заливки, чтобы сделать копию выбранного цвета.
Чтобы удалить все цвета на цветовой палитре, на панели «Образцы» выберите «Удалить цвета» в меню панели. Все цвета, кроме черного и белого, будут удалены из палитры.