Как работать с фигурами в Adobe Illustrator

Сверстать аккуратную кнопку для сайта, оформить иконку для соцсетей, сделать подложку под текст или подготовить инфографику — все эти задачи в Adobe Illustrator строятся на работе с базовой геометрией. Освоить эти инструменты можно за один вечер. В статье расскажем, как быстро находить и настраивать нужные фигуры, скруглять углы, менять цвета и работать с контурами.

Какие фигуры есть в Illustrator и где они находятся

В Illustrator фигуры — это векторные объекты: прямоугольники, круги, многоугольники, звёзды и линии. Их можно менять без потери качества: растягивать, перекрашивать, скруглять углы, объединять и вычитать друг из друга.

Где находятся инструменты фигур

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

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

«Прямоугольник» используют для фонов, карточек, кнопок и плашек. «Эллипс» — для кругов, маркеров, аватаров и простых иконок. «Многоугольник» помогает быстро сделать треугольник, шестиугольник или другую форму с нужным числом сторон. «Звезда» подходит для стикеров, промо-акцентов и декоративных элементов. «Линия» тоже относится к базовым объектам. С её помощью делают разделители, стрелки, схемы и простые элементы инфографики.

Чем отличаются Выделение (Selection Tool) и Прямое выделение (Direct Selection Tool)

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

«Выделенный фрагмент» (Selection Tool) выбирает объект целиком. С его помощью фигуру перемещают, масштабируют, поворачивают и копируют. Если вокруг фигуры появилась рамка с маркерами по углам, значит активен именно этот инструмент.

«Прямое выделение» (Direct Selection Tool) работает с отдельными точками и сторонами фигуры. Например, с его помощью можно потянуть один угол прямоугольника, изменить форму многоугольника или скруглить углы.

Какие клавиши помогают рисовать фигуры ровно

В Illustrator для аккуратного макета лучше сразу запомнить несколько специальных клавиш.

1. Shift сохраняет пропорции. С ним прямоугольник становится квадратом, а овал — ровным кругом.
2. Alt на Windows или Option на Mac рисует фигуру от центра.
3. Shift + Alt / Option рисует ровную фигуру от центра.
4. Если выбрать инструмент и кликнуть по монтажной области, Illustrator откроет окно с точными размерами. Так можно задать ширину, высоту, радиус или количество сторон.

Как нарисовать простую фигуру

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

Перед созданием фигуры выберите нужный инструмент на панели слева. После этого кликните по монтажной области и потяните мышью в сторону. Illustrator нарисует объект с текущими настройками заливки и обводки.

Как нарисовать прямоугольник или квадрат

Чтобы нарисовать прямоугольник:

1. Выберите «Прямоугольник» (Rectangle Tool) на панели инструментов или нажмите M.
2. Кликните по монтажной области.
3. Потяните мышью в сторону, пока фигура не станет нужного размера.
4. Отпустите кнопку мыши.

Чтобы сделать ровный квадрат, во время рисования зажмите Shift. Illustrator сохранит одинаковую ширину и высоту.

Если нужен прямоугольник точного размера, выберите Rectangle Tool и один раз кликните по монтажной области. Откроется окно, где можно ввести ширину (Width) и высоту (Height) в пикселях, миллиметрах или других единицах. После этого нажмите OK. 

Этот способ пригодится, когда несколько элементов должны быть одинаковыми. Например, если вы собираете карточки для инфографики или делаете набор кнопок для макета сайта.

Как нарисовать круг или овал

Чтобы нарисовать овал или круг:

1. Откройте меню фигур на панели инструментов.
2. Выберите «Эллипс» (Ellipse Tool) или нажмите L.
3. Кликните по монтажной области и потяните мышью.
4. Отпустите кнопку, когда фигура станет нужного размера.

Чтобы получить ровный круг, зажмите Shift во время рисования.

Чтобы нарисовать круг от центра, зажмите Alt на Windows или Option на Mac. Это удобно, когда нужно построить фигуру вокруг уже выбранной точки. Можно совместить обе клавиши: Shift + Alt на Windows или Shift + Option на Mac. Тогда Illustrator нарисует ровный круг от центра.

Для точного размера работает тот же принцип, что и с прямоугольником: выберите Ellipse Tool, кликните по монтажной области и задайте ширину (Width) и высоту (Height).

Как сделать треугольник

Чтобы сделать треугольник:

1. Откройте меню фигур на панели инструментов.
2. Выберите «Многоугольник» (Polygon Tool).
3. Кликните по монтажной области.
4. В поле «Стороны» (Sides) укажите 3.
5. Задайте радиус фигуры в соответствующем поле (Radius) или оставьте значение по умолчанию.
6. Нажмите OK.

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

Чтобы повернуть треугольник, выделите его инструментом «Выделение» (Selection Tool) и подведите курсор к углу рамки. Когда появится значок поворота, потяните мышью в нужную сторону.

Как сделать многоугольник

Чтобы нарисовать многоугольник:

1. Выберите «Многоугольник» (Polygon Tool).
2. Кликните по монтажной области.
3. В поле «Стороны» (Sides) укажите нужное количество сторон.
4. В поле «Радиус» (Radius) задайте размер.
5. Нажмите OK.

Как нарисовать звезду

Чтобы нарисовать звезду:

1. Откройте меню фигур на панели инструментов.
2. Выберите «Звезда» (Star Tool).
3. Кликните по монтажной области и потяните мышкой.
4. Отпустите кнопку, когда звезда станет нужного размера.

Если нужна звезда с точными параметрами, выберите Star Tool и кликните по монтажной области. Illustrator откроет окно настроек. В нём можно задать два радиуса и количество лучей:

• Radius 1 — расстояние до внешних точек звезды;
• Radius 2 — расстояние до внутренних точек;
• Points — количество лучей.

Чем больше разница между Radius 1 и Radius 2, тем острее будут лучи. Если значения близкие, звезда станет мягче и больше похожа на многоугольник с небольшими выступами.

Как нарисовать линию

Чтобы нарисовать линию:

1. Выберите «Отрезок линии» (Line Segment Tool) на панели инструментов.
2. Кликните по монтажной области.
3. Потяните мышью в нужном направлении.
4. Отпустите кнопку.

Чтобы линия была строго горизонтальной, вертикальной или под углом 45 градусов, зажмите Shift. Толщину, цвет, пунктир и стрелки настраивают через «Обводку» (Stroke).

Как менять размер, форму и положение фигуры

После создания фигуру можно редактировать: менять размер, двигать по монтажной области, поворачивать, скруглять углы и менять отдельные точки. Для этого используют «Выделение» (Selection Tool) и «Прямое выделение» (Direct Selection Tool).

Как выделить и переместить фигуру

Выберите «Выделение» (Selection Tool) на панели инструментов или нажмите V. Кликните по фигуре. Вокруг неё появится рамка с маркерами по углам и сторонам. Теперь объект можно двигать по монтажной области: зажмите левую кнопку мыши на фигуре и перетащите её в нужное место.

Если нужно передвинуть фигуру ровно по горизонтали, вертикали или диагонали под углом 45 градусов, зажмите Shift во время перемещения. Так проще выстроить элементы схемы, карточки или иконки.

Для точного положения можно использовать панель «Свойства» (Properties). В ней есть поля X и Y. Они показывают координаты объекта на монтажной области. Если ввести значения вручную, фигура встанет в нужную точку.

Как изменить размер фигуры

Выделите фигуру через «Выделение» (Selection Tool). После этого потяните за один из маркеров на рамке. Угловые маркеры меняют ширину и высоту сразу, боковые — только одну сторону.

Чтобы сохранить пропорции, зажмите Shift. Иначе круг может стать овалом, а квадрат — прямоугольником.

Если нужен точный размер, откройте панель «Свойства» (Properties) и задайте значения в полях W и H:

• W (Width) — ширина объекта;
• H (Height) — высота объекта.

Если нужно изменить размер от центра, зажмите Alt на Windows или Option на Mac и потяните за маркер. Illustrator будет менять фигуру в обе стороны от центральной точки.

Как повернуть фигуру

Выделите объект через Selection Tool и подведите курсор к углу рамки. Когда курсор станет похож на дугу со стрелками, зажмите левую кнопку мыши и поверните фигуру.

Чтобы повернуть объект ровно на 45 или 90 градусов, удерживайте Shift.

Для точного поворота можно использовать панель «Свойства» (Properties). Найдите поле с углом поворота и введите нужное значение. Например, 45°, 90° или 180°.

Как отразить фигуру

Чтобы сделать зеркальную копию объекта, выделите фигуру, кликните по ней правой кнопкой мыши и выберите «Трансформировать» → «Зеркальное отражение» (Transform → Reflect). В открывшемся окне выберите направление:

• Vertical — отражение по вертикали;
• Horizontal — отражение по горизонтали.

Если нужно заменить исходную фигуру, нажмите OK. Если нужна копия, нажмите Copy.

Также можно использовать специальные кнопки на панели «Свойства».

Как скруглить углы

Самый простой способ — потянуть за угловые маркеры. Выделите прямоугольник через «Выделение» (Selection Tool) или нажмите V. Внутри углов появятся маленькие круглые маркеры. Потяните один из них к центру фигуры.

Если нужно скруглить только один угол, выделите этот угол через «Прямое выделение» (Direct Selection Tool) и потяните только его маркер. Остальные углы останутся прежними.

Как изменить отдельные точки фигуры

Базовую фигуру можно превратить в более сложную, если изменить её точки. Для этого выберите «Прямое выделение» можно выбрать одну точку и потянуть её в сторону.

Если нужно добавить новую точку, используйте «Добавить опорную точку» (Add Anchor Point Tool). Если точка лишняя, используйте «Удалить опорную точку» (Delete Anchor Point Tool).

Как настроить заливку и обводку фигуры

После создания фигуры нужно настроить её внешний вид: выбрать цвет, добавить контур, убрать лишнюю обводку или сделать пунктир. За это отвечают два параметра: «Заливка» (Fill) и «Обводка» (Stroke).

«Заливка» (Fill) — это цвет внутри фигуры.

«Обводка» (Stroke) — это линия по контуру фигуры.

Эти настройки есть в нескольких местах:

• на панели инструментов слева;
• в панели «Свойства» (Properties);
• в верхней панели управления, если она включена;
• в отдельных панелях «Цвет» (Color), «Образцы» (Swatches) и «Обводка» (Stroke).

Как изменить цвет заливки

Заливку меняют, когда нужно покрасить фигуру внутри: сделать цветную плашку, кнопку, фон для текста, круглый маркер или элемент иконки.

Чтобы изменить заливку:

1. Выделите фигуру через «Выделение» (Selection Tool) или нажмите V.
2. Нажмите на квадрат «Заливка» (Fill).
3. Выберите цвет через «Палитру цветов» (Color Picker), «Цвет» (Color) или «Образцы» (Swatches).
4. Нажмите OK, если открывали «Палитру цветов».

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

Как изменить цвет и толщину обводки

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

Чтобы изменить цвет обводки:

1. Выделите фигуру.
2. Нажмите на квадрат «Обводка» (Stroke).
3. Выберите цвет.
4. Проверьте толщину обводки: если она равна 0 pt или слишком маленькая, контур может быть незаметен.

Чтобы изменить толщину обводки:

1. Выделите фигуру.
2. Откройте панель «Обводка» (Stroke). Если её не видно, выберите «Окно» → «Обводка» (Window → Stroke).
3. Найдите поле Weight.
4. Укажите толщину в пунктах, например 1 pt, 2 pt, 4 pt.

Как убрать заливку или обводку

Чтобы убрать заливку:

1. Выделите фигуру.
2. Активируйте «Заливку» (Fill).
3. Выберите вариант Нет (None). Он выглядит как белый квадрат с красной диагональной линией.

Чтобы убрать обводку:

1. Выделите фигуру.
2. Активируйте «Обводку» (Stroke).
3. Выберите «Нет» (None).

Как сделать пунктирную линию или пунктирную обводку

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

Чтобы сделать пунктир:

1. Выделите линию или фигуру.
2. Откройте «Окно» → «Обводка» (Window → Stroke).
3. Включите параметр «Пунктирная линия» (Dashed Line).
4. В поле Dash укажите длину штриха.
5. В поле Gap укажите расстояние между штрихами.

Частые ошибки при работе с фигурами и как их исправить

Большинство проблем решаются за пару действий: проверить заливку и обводку, выбрать правильный инструмент, поменять порядок объектов. Ниже — частые проблемы, с которыми сталкиваются новички, и способы быстро их исправить.

Фигура не видна на монтажной области. У фигуры нет ни заливки, ни обводки. Ещё один вариант — белая фигура стоит на белом фоне или скрыта за другим объектом.

Как исправить: выделите фигуру и проверьте «Заливку» (Fill) и «Обводку» (Stroke). Включите хотя бы один параметр. Если объект перекрыт другой фигурой, измените порядок через «Объект» (Object) → «Монтаж» (Arrange) → «На передний план» (Bring to Front).

Не получается нарисовать ровный круг или квадрат. Вы рисуете фигуру без зажатой клавиши Shift, поэтому Illustrator создаёт произвольный овал или прямоугольник.

Как исправить: во время рисования обязательно зажмите Shift. Если нужен точный размер, кликните по монтажной области и задайте одинаковые значения Width и Height.

Меняется обводка, а не заливка. В панели инструментов активна «Обводка» (Stroke), а не «Заливка» (Fill). Illustrator применяет цвет к тому параметру, который выбран сейчас.

Как исправить: перед выбором цвета проверьте два квадрата Fill и Stroke. Кликните по Fill, если хотите изменить цвет внутри фигуры. Кликните по Stroke, если нужно изменить контур.

Не получается сделать треугольник. В Illustrator нет отдельного инструмента «Треугольник». Его делают через «Многоугольник» (Polygon Tool).

Как исправить: выберите «Многоугольник», кликните по монтажной области и в поле Sides укажите 3. После этого нажмите OK. Готовый треугольник можно повернуть, изменить по размеру и перекрасить.

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

Как исправить: выберите «Прямое выделение» (Direct Selection Tool) или нажмите A. После этого кликните по фигуре и выберите нужную точку или угол. Если объект не редактируется, проверьте, не сгруппирован ли он с другими элементами и не заблокирован ли слой.