О рисовании

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

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

Векторная и растровая графика

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

Векторные изображения

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

dr_02leafVectorComp
Линии в векторных объектах.

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

Растровые графические объекты

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

dr_02leafBitComp
Пиксели в растровом объекте.

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

Траектории

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

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

dr_06
Составные части контура

A. Выделенная (сплошная) конечная точка B. Выделенная узловая точка C. Невыделенная узловая точка D. Изогнутый сегмент контура E. Точка направления F. Линия направления. 

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

dr_07
Точки на траектории

A. Четыре точки преломления B. Четыре точки сглаживания C. Комбинация точек преломления и точек смягчения. 

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

dr_08
Точка преломления может соединять как прямые сегменты, так и изогнутые сегменты.

Примечание.

Не путайте точки преломления и точки смягчения с прямыми и изогнутыми сегментами.

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

Линии направления и точки направления

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

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

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

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

dr_11
Изменение линий направления в точке смягчения (слева) и в точке преломления (справа).

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

dr_12
Перемещение и изменение размеров линий приводит к изменению изгиба кривых.

Режимы рисования и графические объекты

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

Примечание.

В Animate под графическими объектами понимаются элементы, находящиеся в рабочей области. Animate позволяет перемещать, копировать, удалять, преобразовывать, выполнять наложение, выравнивать и группировать графические объекты. Не следует путать графические объекты в Animate и объекты ActionScript, которые являются составной частью языка программирования ActionScript ®. В данном случае термин «объекты» применяется к двум совершенно разным понятиям. Дополнительные сведения об объектах в языке программирования см. в разделе «О типах данных» руководства Изучение ActionScript 2.0 в Adobe Animate или Типы данных руководства разработчика ActionScript 3.0.

Режим объединения рисунков

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

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

dr_biteTakenOut
Фигуры, созданные в режиме «Объединение рисунков», при наложении объединяются. Выбор и перемещение фигуры приводит к изменению той фигуры, на которую выполнялось наложение.

Переход в режим объединения рисунков

  1. Выберите «Объединение рисунков» на панели «Инструменты».

  2. Выберите инструмент рисования на панели «Инструменты» и рисуйте в рабочей области

Примечание.

По умолчанию в Animate используется режим «Объединение рисунков».

Режим рисования объектов

Создаются фигуры, называемые графическими объектами. Объектами рисования являются отдельные графические объекты, которые не объединяются друг с другом автоматически при наложении. В этом режиме можно перемещать или изменять порядок отображения наложенных фигур, не меняя их внешнего вида. В Animate каждая фигура является отдельным объектом, с которым можно работать отдельно.

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

Примечание.

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

dr_ObjectDrModel
Фигуры, созданные с использованием режима «Рисование объектов», остаются самостоятельными объектами, с которыми можно работать по отдельности.

Переход в режим рисования объектов

Чтобы рисовать фигуры с использованием режима «Рисование объектов», его нужно предварительно включить.

  1. Выберите инструмент рисования, совместимый с режимом «Рисование объектов» (инструменты «Карандаш», «Линия», «Овал», «Прямоугольник» или «Многоугольник»).

  2. Нажмите кнопку «Рисование объектов» в категории «Параметры» панели «Инструменты» или нажмите клавишу «J», чтобы переключаться между режимами «Объединение рисунков» и «Рисование объектов». Кнопка «Рисование объектов» переключает режимы «Объединение рисунков» и «Рисование объектов». При выборе фигур, созданных с использованием режима «Рисование объектов», можно задать настройки чувствительности к контакту.

  3. Рисуйте в рабочей области.

Преобразование фигуры, созданной с использованием режима «Объединение рисунков», в фигуру режима «Рисование объектов»

  1. Выберите фигуру в рабочей области.

  2. Чтобы преобразовать фигуру в фигуру режима «Рисование объектов», выберите «Модификация» > «Объединить объекты» > «Объединение». После преобразования фигура рассматривается как векторный графический объект, вид которого не меняется в результате взаимодействия с другими фигурами.

Примечание.

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

Примитивные объекты

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

Существует два типа примитивов: прямоугольники и овалы.

  1. Выберите инструмент «Прямоугольный примитив»  или «Овальный примитив»  на панели «Инструменты».

  2. Рисуйте в рабочей области.

Наложение фигур

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

dr_03fill_segment
Заливка, заливка с линией, проведенной через нее, и три отрезка линии, полученные в результате сегментации.

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

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

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

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет