Рисование и создание объектов в Animate

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

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

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

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

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

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

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

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

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

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

Траектории

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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