Рисование линий и фигур в Adobe Animate

Чтобы рисовать отрезки прямой линии по одному, используйте инструмент «Линия».

Рисование прямоугольников и овалов

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

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

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

 Чтобы нарисовать фигуру из центра рабочей области, удерживайте нажатой клавишу Alt.

Рисование прямоугольных примитивов

Рисование овальных примитивов

Рисование овалов и прямоугольников

Эти основные геометрические фигуры создаются с помощью инструментов «Овал» и «Прямоугольник».

См. также: Интерактивный просмотр цветов.

Рисование основного персонажа с помощью Animate

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

Как нарисовать базового персонажа с помощью Adobe Animate

Рисование многоугольников и звезд

См. также: Интерактивный просмотр цветов.

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

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

Рисование с помощью инструмента «Карандаш»

Чтобы рисовать линии и фигуры, используйте инструмент «Карандаш» так же, как при рисовании настоящим карандашом. Чтобы применить cглаживание или выпрямление к линиям и фигурам в процессе рисования, выберите для инструмента «Карандаш» режим рисования.

Рисование с использованием инструмента «Кисть»

Инструмент «Кисть» рисует обводку, стилизованную под кисть. Это позволяет использовать разные специальные эффекты, в том числе каллиграфические. Выберите размер и форму кисти с использованием модификатора инструмента «Кисть».

В Animate размер кисти масштабируется пропорционально изменению масштаба рабочей области. Это обеспечивает корректное рисование при изменении уровня масштабирования и предварительном просмотре работы. Если требуется вернуться к прежнему поведению кистей по умолчанию с сохранением постоянного пиксельного размера даже при изменении масштаба рабочей области, необходимо снять флажок «Уровень масштабирования рабочей области» в Инспекторе свойств кисти. 

Если снят флажок «Уровень масштабирования рабочей области», размер кисти для новых штрихов остается постоянным, даже при изменении уровня увеличения для рабочей области. По этой причине один и тот же размер кисти выглядит крупнее, когда увеличение рабочей области меньше. Например, допустим, что установлено 100 %-ное увеличение рабочей области и с помощью инструмента «Кисть» самого малого размера нарисован рисунок. Затем изменим увеличение до 50 % и будем рисовать снова с использованием кисти самого малого размера. Новый штрих будет казаться на 50 % толще, равномернее и точнее по сравнению с предыдущим, а также не будет иметь размытых концов. (При изменении увеличения рабочей области размер существующих мазков кистью не изменяется.)

При рисовании с помощью инструмента «Кисть» в качестве заливки можно использовать импортированное растровое изображение.

Если к вашему компьютеру подключен чувствительный к давлению графический планшет Wacom, вы можете изменить ширину и угол мазков кистью. Это можно осуществить с помощью модификаторов нажима кисти и наклона, а также путем изменения нажима на перо.

Модификатор «Нажим» позволяет изменять ширину мазков кистью при изменении нажима на перо. Модификатор «Наклон» позволяет изменять угол мазков кистью при изменении угла пера по отношению к планшету. При использовании модификатора «Наклон» измеряется угол между верхним (ластик) концом пера и верхним (северным) краем планшета. Например, если держать перо вертикально относительно планшета, то значение наклона равно 90. Модификаторы «Нажим» и «Наклон» также можно использовать в режиме стирания пера.

 На планшете параметры нажима и наклона для инструмента «Кисть» работают только в режиме «Перо». Режим мыши не задействует эти параметры.

Предварительный просмотр рисунка и вывод

Традиционный инструмент Кисть  и Малярная кисть усовершенствованы в выпуске CC 2015.1 и теперь обеспечивают больше точности и плавности при рисовании. Теперь создаваемый окончательный штрих выглядит практически так же, как при интерактивном просмотре. Благодаря этому не возникает непредсказуемого утоньшения и утолщения штрихов кисти. Даже более тонкие кривые, нарисованные с помощью инструмента «Кисть», не имеют разрывов и провалов.

Создание пользовательских кистей

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

Нажим и наклон малярной кисти

Использование модификаторов нажима и наклона

Animate обеспечивает поддержку нажима и наклона для штрихов малярной кисти. Можно рисовать штрихи объектной и узорной кистью с переменной шириной, которая зависит от нажима пера. Для дальнейшего уточнения используйте инструмент «Ширина», чтобы настроить точки ширины.

Дополнительные сведения см. в разделе Работа с инструментом «Малярная кисть». 

 Значки нажима и наклона на панели инструментов отображаются, только если к компьютеру подключен планшет Wacom, чувствительный к нажатию.

Библиотека кистей

Теперь продукт Animate интегрирован с глобальной библиотекой векторных кистей, которая включает огромную коллекцию объектных и узорных кистей. Чтобы запустить панель «Библиотека кистей», выберите Окна > Библиотека кистей или щелкните значок «Кисть» в инспекторе свойств. Прежде чем использовать какую-либо кисть, дважды щелкните ее, чтобы добавить в текущий документ.

Импорт новых векторных кистей из библиотек CC

Новые объектные и узорные кисти можно импортировать в документ Animate с помощью библиотек CC, чтобы они были доступны вместе с наборами настроек кистей по умолчанию. Чтобы добавить новую объектную или узорную кисть, откройте панель библиотек CC и щелкните любую из поддерживаемых кистей. (Animate в настоящее время поддерживает только кисти Illustrator из библиотек CC.) Чтобы добавить новые кисти в библиотеку CC, используйте приложение «Кисть» для Android и iOS. Щелкните кисть в библиотеке CC Library, чтобы добавить ее и на глобальную панель «Библиотека кистей» и в текущий документ.

Любую кисть можно использовать в качестве объектной или узорной. По умолчанию кисти добавляются как объектные. Для добавления узорных кистей используйте настройку Редактировать кисть и выберите для параметра Тип значение Узорная кисть.

Редактирование кистей

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

Дополнительные сведения см. в разделе Работа с инструментом «Малярная кисть».

Украшение обводок и фигур с помощью инструмента «Переменная ширина»

Инструмент «Ширина» позволяет украсить обводку, придав различным участкам различную толщину. Затем переменную ширину можно сохранить в виде профиля для последующего применения к другим обводкам. Можно выбрать инструмент «Ширина» на панели «Инструменты» или с помощью сочетания клавиш (U).

При наведении курсора мыши на обводку, если выбран инструмент «Ширина», на обводке появятся точки (точки ширины) с рычагами (рычаги ширины). С помощью этих элементов пользователь может изменять ширину обводки, а также перемещать, копировать и удалять точку ширины. При изменении ширины обводки сведения о ширине отображаются на панели «Информация».

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

При наличии нескольких обводок инструмент «Ширина» применяется только к активной обводке. Если требуется скорректировать обводку, наведите на нее указатель мыши, когда выбран инструмент «Ширина».

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

Добавление переменной ширины к обводке инструментом «Ширина»

Для добавления ширины к обводке выполните следующие действия:

1. Нарисуйте обводку или фигуру любым из инструментов. К примеру, инструментом «Линия».

2. Выберите инструмент «Ширина»  на панели инструментов.
3. Выбрав инструмент «Ширина», наведите курсор на обводку. При этом будут отображены потенциальные точки ширины и рычаги ширины. Кроме того, вид инструмента сменится на активный (), показывая, что к этой обводке можно применить переменную ширину.

4. Выбрав точку инструментом «Ширина», потяните ее наружу за маркер ширины.

 Размах ширины ограничен 100 пикселами с обеих сторон точки ширины.

5. Как видно, к обводке теперь применена переменная ширина. Выберите инструмент «Ширина» и наведите курсор на обводку, при этом будет показана новая точка ширины и рычаг ширины.

Перемещение или копирование переменной ширины, примененной к обводке

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

1. Выберите инструмент «Ширина»  на панели инструментов.
2. Наведите курсор на обводку для отображения существующих точек ширины и выберите точку, которую нужно переместить. 
3. Перетащите точку ширины вдоль обводки.

 Движение точки ширины ограничено соседними точками ширины по обеим сторонам.

4. Точка ширины будет перемещена в новое положение, что также изменит толщину обводки.

Для копирования точки ширины выполните следующие действия:

1. Выберите инструмент «Ширина»  на панели инструментов.
2. Наведите курсор на обводку для отображения существующих точек ширины и выберите точку, которую нужно копировать.
3. Удерживайте клавишу Alt (Option  для Mac) и перетащите точку ширины вдоль обводки для копирования выбранной точки ширины.

 Движение точки ограничено соседними точками ширины по обеим сторонам.

4. Точка ширины скопирована. При этом ширина обводки соответствующим образом изменилась.

Изменение переменной ширины обводки

1. Выберите инструмент «Ширина»  на панели инструментов.
2. Наведите курсор на обводку для отображения существующих точек ширины и выберите точку с одного из концов рычага ширины, которую нужно изменить. 
3. Удерживайте клавишу Alt (Option для Mac) и перетащите маркер ширины наружу для изменения выбранной точки ширины.

4. Точка ширины перемещена, ширина обводки изменена соответствующим образом. 

Удаление переменной ширины обводки

Для удаления точки ширины выполните следующие действия:

1. Наведите курсор и выберите точку ширины, которую нужно удалить.
2. Нажмите клавишу Backspace или Delete для удаления точки ширины.

Элементы управления для инструмента «Ширина»

В таблице ниже приведен список комбинаций клавиш для работы с инструментом «Ширина»

Сохранение профилей ширины

После определения ширины обводки можно сохранить профиль переменной ширины с помощью инспектора свойств.

1. Выберите обводку, к которой добавлена переменная ширина.
2. Нажмите кнопку + с правой стороны раскрывающегося меню «Ширина» в инспекторе свойств.
3. В диалоговом окне «Профиль переменной ширины» введите Имя профиля.
4. Нажмите кнопку ОК.

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

Сохранение профиля ширины возможно только тогда, когда в рабочей области выбрана переменная ширина, отличная от профиля ширины по умолчанию. Можно создавать собственные профили обводок при помощи инструмента «Ширина» и сохранять их. Аналогично, значок удаления профиля ширины активен только тогда, когда в меню выбран пользовательский профиль ширины. Эта кнопка удобна в том случае, если нужно удалить один из собственных профилей.

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

Интерактивный предварительный просмотр цвета

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

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

Интерактивный просмотр включен для цветовых образцов на следующих панелях:

• Панель «Инструменты»
• инспектор свойств;
• свойства рабочей области;
• свойства текста;
• сетка;
• направляющие.