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

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

 

О рисовании

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

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

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

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

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

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

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

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

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

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

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

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

Траектории

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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