Как начать рисовать в иллюстраторе
Основные компоненты иллюстрации
Стремитесь улучшить свои художественные навыки или собираетесь нарисовать что-то новенькое? Изучите базовые и ключевые компоненты для создания визуальных объектов.
Создавайте базовые фигуры и контуры с помощью инструментов.
Добавляйте текстовые эффекты на логотипы, плакаты и в другие объекты.
Добавляйте спецэффекты в изображения.
Фигуры и контуры
В программе Illustrator можно комбинировать векторные объекты, создавая фигуры разными способами.
Создание и изменение фигур и контуров
Выравнивание, Привязка, Указатель контура, Глобальное изменение — это параметры для размещения или компоновки вашего рисунка
Создание параллельного контура
Выберите эффекты из меню Эффект.
Свободная трассировка или рисование
См. также
Текст и шрифты
Стилизованный текст придает иллюстрации художественную выразительность. Illustrator предоставляет бесконечные возможности для стилизации контента: ретро, размытие, дымчатость, 3D и многое другое.
Панель «Символ» или панель «Абзац»
Тонкая настройка набора шрифтов (Текст > Глифы)
Изменение ориентации текста, создание текста по контуру, вписывание текста в геометрическую или естественную фигуру
Преобразование текста в векторную фигуру (Текст > Преобразовать в кривые)
Преобразование в кривые
См. также
Цвета и узоры
Illustrator поставляется с наборами настраиваемых узоров, доступ к которым предоставляется на панели «Цветовые образцы». Важно выбрать правильную цветовую модель и режим.
Узоры для заливки объектов (узоры заливки), отличаются по виду и распределению элементов от узоров, предназначенных для применения к контуру с помощью палитры «Кисти» (узоры кисти). Для получения наилучших результатов используйте узоры заливки для заливки объектов и узоры кисти для обводки объектов.
Добавление цветов заливки и обводки
Добавление цветов и узоров из библиотек
Создание собственного набора цветовых образцов из изображений или векторных объектов
Изменение одного или нескольких цветов в иллюстрации
Наложение смеси из двух или более цветов
Применение цветов и создание реалистичных иллюстраций
Раскрашивание разных сегментов контура и заполнение замкнутых контуров с использованием разных цветов, узоров или градиентов
Создание сложных фигур путем объединения простых фигур
Безграничные возможности для творчества
Создание обводок с переменной шириной, подчеркивающих очертания
Основы рисования
Вы начинаете работу над своим творческим проектом с создания наброска или прототипа на iPad или iPhone?
Представляем Adobe Illustrator Draw — приложение для iPad и iPhone. Это приложение содержит все популярные инструменты и функции для создания векторных изображений с помощью современного оптимизированного интерфейса. Вы сможете рисовать линии, фигуры и любые иллюстрации, используя десять слоев для рисования и один фотослой. А затем вы сможете доработать проект в приложении Illustrator или Photoshop благодаря подключению к Creative Cloud.
Важная информация!
Adobe Illustrator Draw больше не будет доступен для загрузки в App Store и Google Play Store с 19 июля 2021 года. Если приложение уже установлено, вы можете продолжать использовать его до 10 января 2022 года. Чтобы без перебоев пользоваться аналогичными и расширенными функциями, попробуйте Adobe Fresco бесплатно. Ваши ресурсы из приложения Draw будут автоматически перенесены при первом входе в Fresco.
Сведения о векторных изображениях
Векторные изображения (иногда называемые векторными фигурами или векторными объектами) состоят из линий и кривых, определяемых векторами — математическими объектами, которые описывают изображение в соответствии с его геометрическими характеристиками.
Векторные изображения можно свободно перемещать и изменять без потери детализации ичеткости,поскольку такие изображения не зависят от разрешения: их края остаются четкими при изменении размера, печати на принтере PostScript, сохранении в файле PDF и импорте в векторные графические приложения. Таким образом, векторные изображения — это наилучший выбор для иллюстраций, которые выводятсянаразличные носители и размер которых приходится часто изменять, например логотипы.
О контурах
При рисовании создается линия, называемая контуром. Контур состоит из одного или нескольких сегментов прямой или кривой. Начало и конец каждого сегмента отмечаются опорными точками, напоминающими кнопки, на которых закреплена проволока. Контур может быть замкнутым (например, круг) или открытым, имеющим отдельные конечные точки (например, волнообразная линия).
Форму контура можно изменять путем перетаскивания его опорных точек, управляющих точек на концах управляющих линий, которые отображаются рядом с опорными точками, или самого сегмента контура.
A. Выделенная (сплошная) конечная точка B. Выделенная опорная точка C. Невыделенная опорная точка D. Сегмент кривой в контуре E. Управляющая линия F. Управляющая точка
У контуров бывают опорные точки двух видов: угловые точки и гладкие точки. В угловой точке контур резко меняет направление. В гладкой точке сегменты контура соединены в виде непрерывной кривой. Контуры можно рисовать, используя любые сочетания угловых и гладких точек. Если была нарисована точка не того типа, ее всегда можно заменить.
A. Четыре угловые точки B. Четыре гладкие точки C. Сочетание угловых и гладких точек
В угловой точке могут соединяться любые два сегмента прямой или кривой, в то время как в гладкой точке соединяются только два сегмента кривой.
Не следует путать угловые точки и гладкие точки с сегментами прямой или кривой.
Линия контура называется обводкой. Цвет или градиент, примененный к внутренней области открытого или замкнутого контура называется заливкой. Обводка обладает такими свойствами, как толщина линии, цвет и пунктирный узор (в Illustrator и InDesign) или стилизованный узор линии (в InDesign). После создания контура или фигуры можно изменять характеристики обводки и заливки.
В InDesign для каждого контура всегда отображается центральная точка, которая находится в центре фигуры, но не является частью самого контура. С помощью этой точки можно перетаскивать контур, выравнивать его по отношению к другим элементам или выбирать все опорные точки контура. Центральная точка видна всегда, ее нельзя скрыть или удалить.
Об управляющих линиях и точках
Если выделить опорную точку, соединяющую сегменты кривой (или выделить сам сегмент), на опорных точках соединенных сегментов отображаются управляющие маркеры, которые состоят из управляющих линий, оканчивающихся управляющими точками. Форма кривой определяется длиной и углом управляющих линий. Кривые перерисовываются путем перемещения управляющих точек. Управляющие линии не отображаются при окончательном выводе.
У гладкой точки всегда есть две управляющих линии, которые перемещаются вместе как единый прямой элемент. При перемещении управляющей линии в гладкой точке сегменты кривой по обе стороны точки изменяются одновременно, при этом непрерывность кривой в данной опорной точке сохраняется.
С другой стороны, у угловой точки может быть две, одна или ни одной управляющей линии, в зависимости от того, сколько сегментов кривой связано с этой точкой: соответственно, два, один или ни одного. Управляющие линии угловой точки поддерживают преломление с помощью различных углов. При перемещении угловой точки настраивается только кривая с той стороны точки, где расположена управляющая линия.
Рисование простых линий и фигур
Рисование прямых линий
Чтобы нарисовать один прямой отрезок линии, используйте инструмент «Отрезок линии». Обучающую игру с демонстрацией инструмента «Отрезок линии» см. в разделе Использование инструмента «Отрезок линии».
Выберите инструмент «Отрезок линии» .
Выполните одно из следующих действий:
Поместите указатель в ту точку, где должна начинаться линия, и перетащите его в точку ее окончания.
Рисование дуг
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Дуга»
.
Выполните одно из следующих действий:
Поместите указатель в ту точку, где должна начинаться дуга, и перетащите его в точку ее окончания.
Длина по оси Х. Определяет ширину дуги.
Длина по оси Y. Определяет высоту дуги.
Тип. Определяет, каким контуром будет этот объект: замкнутым или открытым.
Вдоль. Определяет направление дуги. Выберите «Ось X» или «Ось Y» в зависимости от того, вдоль какой оси должна располагаться база дуги: горизонтальной (x) или вертикальной (y).
Наклон: определяет направление наклона дуги. Чтобы получить вогнутую дугу, введите отрицательное значение. Чтобы получить выгнутую дугу, введите положительное значение. При нулевом значении наклона получается прямая линия.
Окрашивать дугу в цвет заливки. Дуга окрашивается в текущий цвет заливки.
Примечание. Для динамического просмотра дуги по мере ввода параметров дважды щелкните инструмент «Дуга» на панели «Инструменты».
Видеоролик с инструкциями по использованию инструментов для рисования фигур см. в разделе Рисование основных фигур.
Рисование спиралей
Нажмите и удерживайте инструмент «Отрезок линии» ( ). Выберите инструмент «Спираль»
.
Выполните одно из следующих действий:
Перетащите курсор, пока не получите спираль нужного размера. Чтобы повернуть спираль, перетащите указатель в дуге.
Радиус. Определяет расстояние от центра до самой дальней точки спирали.
Рост. Определяет величину, на которую каждый виток спирали будет уменьшаться по сравнению с предыдущим витком.
Число сегментов. Определяет количество сегментов в спирали. Каждый полный виток спирали состоит из четырех сегментов.
Стиль. Определяет направление спирали.
Видеоролик с инструкциями по использованию инструментов для рисования фигур см. в разделе Рисование основных фигур.
Рисование сеток
Инструменты сеток используются для быстрого рисования прямоугольных и полярных сеток. Инструмент «Прямоугольная сетка» создает прямоугольные сетки заданного размера с заданным количеством разделителей. Инструмент «Полярная сетка» создает концентрические круги заданного размера с заданным количеством разделителей.
Рисование прямоугольных сеток
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Прямоугольная сетка»
.
Выполните одно из следующих действий:
Перетащите курсор, пока не получите сетку нужного размера.
Размер по умолчанию. Определяет ширину и высоту всей сетки.
Горизонтальные разделители. Определяет количество горизонтальных разделителей между верхним и нижним краями сетки. Значение «Асимметрично» позволяет распределять горизонтальные разделители неравномерно с увеличением их частоты в сторону верхнего или нижнего края сетки.
Вертикальные разделители. Определяет количество вертикальных разделителей между левым и правым краями сетки. Значение «Асимметрично» позволяет распределять вертикальные разделители неравномерно с увеличением их частоты в сторону левого или правого края сетки.
Использовать внешний прямоугольник в качестве рамки. Заменяет верхний, нижний, левый и правый сегменты отдельным прямоугольным объектом.
Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).
Рисование круговых (полярных) сеток
Нажмите и удерживайте инструмент «Отрезок линии» (). Выберите инструмент «Полярная сетка»
.
Выполните одно из следующих действий:
Перетащите курсор, пока не получите сетку нужного размера.
Размер по умолчанию. Определяет ширину и высоту всей сетки.
Концентрические разделители. Определяет количество круговых концентрических разделителей в сетке. Значение «Асимметрично» позволяет распределять концентрические разделители неравномерно с увеличением их частоты в сторону внутренней или внешней части сетки.
Радиальные разделители. Определяет количество радиальных разделителей между центром и периферической частью сетки. Значение «Асимметрично» позволяет распределять радиальные разделители неравномерно с увеличением их частоты по часовой стрелке или против часовой стрелки.
Создать составной контур на основе эллипсов. Преобразует концентрические круги в отдельные составные контуры и добавляет в них заливку через один.
Окрашивать сетку в цвет заливки. Сетка окрашивается в текущий цвет заливки (в противном случае заливка не задается).
Рисование с помощью инструментов «Перо», «Кривизна» и «Карандаш»
Рисование с помощью инструмента «Перо»
Рисование отрезков прямых линий инструментом «Перо»
Простейший контур, который можно нарисовать инструментом «Перо» — это прямая линия с двумя опорными точками, которые создаются нажатием инструмента «Перо». Продолжая нажимать инструмент, можно создать контур, состоящий из отрезков прямых линий, соединенных угловыми точками.
Выберите инструмент «Перо» ().
Примечания
Нажмите необходимое число раз, чтобы создать опорные точки для дополнительных прямых отрезков.
Последняя добавленная опорная точка будет выглядеть как закрашенный квадрат, что означает ее выделение. При добавлении новых опорных точек выделение предыдущих точек отменяется, поэтому соответствующие значки будут пустыми.
Рисование кривых инструментом «Перо»
Кривая создается путем добавления опорной точки в том месте, где изменяется направление кривой, с последующим перетаскиванием управляющих линий, формирующих кривую. Форма кривой определяется длиной и наклоном управляющих линий.
Чем меньше кривая содержит опорных точек, тем проще ее редактировать и тем быстрее она будет отображаться и выводиться на печать. При использовании слишком большого числа точек на кривой могут возникать ненужные выпуклости. Опорные точки следует размещать с большими промежутками, а форму кривых рекомендуется изменять корректировкой длины и углов наклона управляющих линий.
Поместите инструмент «Перо» в том месте, где должна начинаться кривая, и удерживайте кнопку мыши. Появится первая опорная точка, и указатель инструмента «Перо» изменится на стрелку
Как правило, управляющую линию следует растягивать примерно на одну треть от расстояния до следующей опорной точки, которую вы собираетесь нарисовать (позднее можно скорректировать управляющую линию с одной или с обеих сторон).
A. Расположение инструмента «Перо» B. Начало перетаскивания (с нажатой кнопкой мыши) C. Растягивание управляющих линий путем перетаскивания
Для того чтобы создать С-образную кривую, перетащите инструмент в направлении, противоположном предыдущей управляющей линии. Отпустите кнопку мыши.
Для того чтобы создать S-образную кривую, перетащите инструмент в направлении предыдущей линии. Отпустите кнопку мыши.
Нажмите Command или Ctrl при перетаскивании манипуляторов точки сглаживания, чтобы сделать манипуляторы разной длины.
A. Противоположные маркеры равны и попарно связаны друг с другом B. Нажата клавиша Cmd или Ctrl, противоположные маркеры разной длины и попарно связаны друг с другом
Для того чтобы развернуть управляющие линии опорной точки, перетащите указатель, удерживая клавишу Alt (Windows) или Option (macOS).
Замыкающую кривую можно с точностью откорректировать. Для этого выполните следующие действия.
A. Изменение положения замыкающей опорной точки B. Нарушение связывания манипуляторов для изменения замыкающей опорной точки
Перемещение опорных точек при рисовании
После создания опорной точки с помощью нажатия удерживайте кнопку мыши, нажмите пробел и, также удерживая ее, перетащите опорную точку в нужное место.
Завершение рисования контура
Рисование прямых линий, за которыми следуют кривые
Поместите инструмент «Перо» над выбранной конечной точкой. В Illustrator при правильном размещении указателя появляется значок преобразования точки рядом с инструментом «Перо». Для того чтобы задать наклон отрезка кривой, который будет создан далее, нажмите опорную точку и перетащите появившуюся управляющую линию.
A. Завершенный прямой отрезок B. Размещение инструмента «Перо» над конечной точкой C. Перемещение управляющей точки
A. Расположение инструмента «Перо» B. Перетаскивание управляющей линии C. Новый отрезок кривой завершен
Рисование кривых, за которыми следуют прямые линии
A. Первая точка сглаживания в отрезке кривой готова, инструмент «Перо» помещен над конечной точкой B. Перетаскивание, завершающее кривую
A. Размещение инструмента «Перо» над существующей конечной точкой B. Нажатие конечной точки C. Нажатие следующей угловой точки
Рисование двух отрезков кривой, соединенных углом
Переместите инструмент «Перо» и перетащите указатель для создания кривой со второй точкой сглаживания. Затем для настройки наклона следующей кривой перетащите управляющую линию в сторону ее противоположного конца, удерживая клавишу Alt (Windows) или Option (macOS). Отпустите клавишу и кнопку мыши.
В результате разделения управляющих линий точка сглаживания преобразуется в угловую точку.
A. Перетаскивание новой точки сглаживания B. Разделение управляющих линий при перетаскивании с помощью клавиши Alt или Option и изгиб управляющей линии вверх C. Результат после перемещения и перетаскивания в третий раз
Рисование с помощью инструмента «Кривизна»
Инструмент «Кривизна» упрощает создание контуров и процесс рисования. Этот инструмент позволяет создавать, отображать, изменять, добавлять и удалять точки сглаживания и угловые точки. Быстрая и точная работа с контурами теперь не требует переключения между различными инструментами.
Выберите инструмент «Кривизна» ().
Поместите две точки в монтажной области. Форма полученного контура отображается в режиме предварительного просмотра на «резиновой» ленте в зависимости от положения указателя мыши.
A. По умолчанию точки сглаживания создаются для кривых B. Для создания угловой точки дважды нажмите мышью или поместите точку, удерживая клавишу Alt
Вы можете выполнять различные действия.
Предварительный просмотр на «резиновой» ленте
Для инструментов «Перо» и «Кривизна» теперь отображается предварительный просмотр контура, который будет нарисован от предыдущей опорной точки до текущей позиции указателя.
Выбрав инструмент «Перо» или «Кривизна», нажмите один раз в монтажной области, чтобы нарисовать точку сглаживания, а затем переместите указатель мыши для создания манипуляторов.
Примечание. При рисовании точки сглаживания противоположные манипуляторы всегда одинаковы и отображаются парно. Нажмите Command или Ctrl при перетаскивании манипуляторов точки сглаживания, чтобы создать манипуляторы разной длины (попарная связь при этом остается без изменений).
Отпустите кнопку мыши. При перемещении указателя мыши по монтажной области отображается контур, указывающий на то, что будет нарисовано, если разместить опорную точку в позиции указателя мыши.
A. Первая опорная точка с манипуляторами B. Предварительный просмотр «резиновой» ленты контура между первой опорной точкой и указателем мыши
Когда при предварительном просмотре отобразится желаемый контур, нажмите в позиции указателя мыши, после чего приложение Illustrator нарисует контур так, как это было показано при предварительном просмотре.
При включенном режиме предпросмотра нажатие клавиши Esc останавливает предпросмотр и заканчивает прорисовку контура. То же самое действие выполняется при нажатии клавиши P при работе с инструментом «Перо» (с отключенной функцией предпросмотра).
Включение и отключение предпросмотра на «резиновой» ленте
Откройте диалоговое окно Установки ( Ctrl + K )
Перейдите на вкладку Отображение выделения и опорных точек
Установите или снимите нужный флажок:
Рисование с помощью инструмента «Карандаш»
С помощью инструмента «Карандаш» можно рисовать замкнутые и незамкнутые контуры, аналогично рисованию настоящим карандашом на бумаге. С помощью инструмента «Карандаш» удобнее всего быстро создавать эскизы или придавать элементам вид нарисованных от руки. Нарисованный контур можно сразу редактировать требуемым образом.
При рисовании инструментом «Карандаш» опорные точки появляются автоматически, их расположение не приходится определять вручную. Однако после того как контур нарисован, их можно скорректировать. Число опорных точек определяется длиной и сложностью контура и параметрами допуска в диалоговом окне «Параметры инструмента «Карандаш»». Эти параметры управляют чувствительностью инструмента «Карандаш» к движению мыши или пера на графическом планшете.
Рисование контуров произвольной формы с помощью инструмента «Карандаш»
Нажмите и удерживайте инструмент «Мастер фигур» (). Выберите инструмент «Карандаш»
.
Поместите инструмент в предполагаемом начале контура и нарисуйте контур, перетаскивая инструмент. При рисовании инструментом «Карандаш» () в качестве указателя отображается крестик, говорящий о том, что выполняется создание контура произвольной формы.
При перетаскивании за указателем остается пунктирная линия. На обоих концах и в различных точках контура появляются опорные точки. При рисовании контура используются текущие атрибуты обводки и заливки; созданный контур по умолчанию остается выделенным.
Рисование прямых отрезков с ограничением и без него с помощью инструмента «Перо»
Инструмент «Карандаш» можно использовать для рисования прямых отрезков с ограничением и без него.
Рисование замкнутых контуров с помощью инструмента «Карандаш»
Выберите инструмент «Карандаш» ().
Поместите инструмент в предполагаемом начале контура и нарисуйте контур. Для этого начните перетаскивать инструмент.
Начав перетаскивание, удерживайте клавишу Alt (Windows) или Option (macOS). Инструмент «Карандаш» будет отображаться в виде маленького круга (), говорящий о том, что выполняется рисование замкнутого контура.
Для того чтобы создать замкнутый контур, не нужно помещать указатель на начальную точку контура. Если отпустить кнопку мыши в другом месте, инструмент «Карандаш» замкнет фигуру кратчайшей линией до начальной точки.
Редактирование контуров с помощью инструмента «Карандаш»
С помощью инструмента «Карандаш» можно редактировать любой контур и добавлять линии и фигуры произвольной формы в любую фигуру.