Скругление углов Adobe Illustrator

Обновлено: 03.07.2024

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

Для изменения формы объектов можно использовать следующие эффекты:

Преобразовать в форму

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

Позволяет быстро изменить форму векторных объектов.

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

Тянет опорные точки векторного объекта наружу, изгибая сегменты внутрь (Сморщивание) или внутрь, изгибая сегменты наружу (Раздувание). Оба варианта тянут опорные точки относительно центральной точки объекта.

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

Изменяет форму объекта, изменяя его размер, перемещая, вращая, отражая (переворачивая) и копируя его.

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

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

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

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

Эффект «Скругленные углы» преобразует угловые точки векторного объекта в плавные кривые.

Если вы хотите скруглить определенный атрибут объекта, например его заливку или обводку, укажите объект на панели «Слои», а затем выберите атрибут на панели «Внешний вид».

[Примечание редактора. В этой статье 2007 года описывается, как сделать закругленные углы в Illustrator CS6 и более ранних версиях. Если вы используете Illustrator CC, есть гораздо более простой метод, как показано Чадом Челиусом в его публикации 2016 года «Работа с живыми фигурами в Adobe Illustrator».]
Округление некоторых Углы
Недавно я получил запрос от человека, который хотел использовать Illustrator для создания кнопок с динамически изменяемым размером для веб-сайта. Чтобы усложнить ситуацию, он хотел, чтобы стиль кнопки был достаточно гибким, чтобы левые углы могли быть закруглены, а правые углы могли быть прямоугольными или наоборот (рис. 1).

Рис. 1.

Я даже не могу передать вам, как часто я слышу просьбы от людей, которые хотят скруглить только некоторые углы объекта в Illustrator. (Я слышу, как пользователи FreeHand хихикают, потому что FreeHand может это делать.)
Итак, как я это сделал? В двух словах, я начинаю с обычного прямоугольника. Я использую одну заливку с применением эффекта закругленного угла и одну без него. Затем я использую эффект «Трансформация», чтобы немного сместить заливку, чтобы закругленные углы были видны только с одной стороны или только сверху или снизу (рис. 2)

Ещё больше после прыжка! Продолжить чтение можно ниже↓
Подписчики Free и Premium видят меньше рекламы! Зарегистрируйтесь и войдите сегодня.

Вот как сделать это самостоятельно:

Нарисуйте прямоугольник. Залейте его своим любимым цветом.
Используйте панель «Внешний вид», чтобы добавить новую заливку.
Выбрав новую заливку, выберите «Эффект» > «Стилизация» > «Скругленные углы». Делайте свое дело и сделайте себе красивые закругленные углы. (Если вы работаете с текстом, используйте параметр «Эффект» > «Преобразовать в фигуру» > «Прямоугольник со скругленными углами».)
Оставаясь нацеленной на эту заливку, выберите «Эффект» > «Исказить и преобразовать» > «Преобразовать».В разделе «Перемещение» немного отрегулируйте заливку, чтобы она смещалась от исходной заливки. Используйте горизонтальные движения, чтобы добавить закругленные углы слева или справа, и вертикальные движения, чтобы добавить закругленные углы вверху или внизу.

Если вы хотите, чтобы все было по центру, примените эффект «Преобразование» к другой заливке (без закругленных углов) с прямо противоположными настройками.
Все вы, FreeHanders, все еще хихикаете, потому что FreeHand может скруглять только один угол и противоположные углы. Что ж, у меня есть новости для вас. Я могу использовать ту же технику, которую я только что использовал, чтобы сделать это: скруглить любой конкретный угол, некоторые или все. И, конечно же, когда это стиль, его можно применить одним щелчком мыши.
Выберите угол… Любой угол
В Illustrator (больше, чем в любой другой программе) всегда есть множество способов выполнить любую дизайнерскую задачу. Некоторые из них более эффективны, чем другие. Некоторые из них легче реализовать. У каждого есть свои плюсы и минусы, и каждый предлагает преимущества для определенных задач проектирования. Имея это в виду, я предлагаю свое решение для создания прямоугольников с закругленным углом (или тремя) на ваш выбор.
На рис. 3 показан прямоугольник со скругленными углами на двух противоположных сторонах.

Рисунок 3.
Чтобы создать эту фигуру, я создал обычный прямоугольник и применил обычный эффект «Скругленные углы» (в меню «Эффект» > «Стилизация»). Затем я добавил дополнительную заливку, у которой не было закругленных углов. Нацелившись на вторую заливку, я применил эффект Transform, который применил к заливке масштаб 50%, и дал указание применить Transform из определенной исходной точки — угла по моему выбору. Это действие эффективно закрыло закругленный угол квадратным углом. Если бы я расширил фигуры, результат выглядел бы так, как показано на рис. 4.

Рисунок 4.
Ключ здесь в эффекте Transform. Давайте посмотрим, как я это сделал, шаг за шагом:

Нарисуйте прямоугольник. Примените заливку и удалите обводку.
Выберите «Эффект» > «Стилизация» > «Скругленные углы» и примените эффект.
В раскрывающемся меню панели «Внешний вид» добавьте новую заливку.
Выбрав новую заливку, выберите «Эффект» > «Исказить и преобразовать» > «Преобразовать». В разделе «Масштаб» установите значения по горизонтали и вертикали на 50%. Теперь самое главное — используя 9-точечный прокси, выберите один из 4 углов, чтобы применить масштаб (рис. 5). Выбранный вами угол не будет иметь закругленного угла. Нажмите OK, чтобы применить эффект. Рис. 5.
Дублируйте заливку и дважды щелкните эффект «Преобразование» в этой заливке. Измените исходную точку в этой заливке, чтобы указать другой угол, который должен иметь прямоугольный угол. Повторите, чтобы добавить третью заливку, если хотите. Панель «Внешний вид» должна выглядеть примерно так, как показано на рис. 6.Рис. 6.

Вы можете сохранить это как графический стиль, чтобы применить его одним щелчком мыши. Вы даже можете создать целую библиотеку стилей, в которой различные углы объекта будут храниться как закругленные, для любой дизайнерской задачи. Разумеется, это все графические стили с множественными заливками и эффектами. А иногда вам нужен всего один простой плоский объект с закругленным углом. Конечно, вы можете нарисовать свой прямоугольник, быстро применить стиль, расширить внешний вид, а затем использовать Pathfinder, чтобы создать единую окончательную форму. Но это много кликов. Так что лучше иметь действие, которое сделает все это за вас с помощью простого сочетания клавиш.
На самом деле, поскольку наступили праздники, я решил сделать всем своим преданным читателям подарок. Два, на самом деле.
Первая — это библиотека графических стилей (рис. 7), которую вы можете загрузить. Эта библиотека содержит множество стилей с различными эффектами скругления углов. Все, что вам нужно сделать, это загрузить библиотеку стилей, и все готово. Один щелчок даст вам закругленные углы по вашему выбору. Не стесняйтесь настраивать параметры по своему усмотрению. Я использовал довольно большой круглый угол, в основном для того, чтобы предварительный просмотр на панели «Стили графики» четко отображал каждый эффект.

Рис. 7.

Второй загружаемый подарок — это Действие, которое расширяет и объединяет эффект, оставляя вам плоский объект. Как только вы загрузите действие, вы можете использовать сочетание клавиш, которое я назначил (Command-Shift-F12), или вы можете применить свое собственное.

При желании вы также можете скопировать и вставить любую из этих фигур в InDesign.

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

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

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

Как это работает?

В этом уроке вы найдете два очень простых способа сделать закругленные углы фигур и текста в Adobe Illustrator.

Оглавление

2 быстрых способа сделать закругленные углы в Adobe Illustrator

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

Примечание. Скриншоты взяты из версии Adobe Illustrator CC 2021 для Mac. Windows или другие версии могут выглядеть иначе.

Способ 1. Инструмент «Прямоугольник со скругленными углами»

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

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

Шаг 2. Щелкните монтажную область и перетащите ее, чтобы создать прямоугольник со скругленными углами.

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

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

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

Если вы хотите выбрать несколько углов, удерживайте клавишу Shift, чтобы выбрать их.

Как насчет других фигур? Что делать, если вы хотите сделать закругленные углы для шрифта?

Хороший вопрос, это именно то, что я делаю в Методе 2.

Способ 2. Инструмент прямого выбора

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

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

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

Шаг 1. Создайте схему текста/шрифта. Вы заметите, что при наведении указателя мыши на текст вы не увидите виджет «Динамические углы» даже при выбранном инструменте «Прямое выделение», потому что на живом тексте нет точек привязки. Вот почему вам нужно сначала обрисовать текст.

Шаг 2. Выберите инструмент прямого выделения. Теперь вы увидите виджет Live Corners на шрифте.

Шаг 3. То же, что и в способе 1. Нажмите на любой виджет, чтобы скруглить углы. Если вы хотите скруглить несколько углов, удерживайте клавишу Shift, чтобы выбрать углы, которые вы хотите скруглить, и перетащите их.

Видите, вы только что преобразовали стандартный Arial Black в новый шрифт. Видите, создать новый шрифт не так уж и сложно.

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

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

Этот метод также можно использовать для изменения стиля углов прямоугольника со скругленными углами. После создания закругленного прямоугольника выберите инструмент «Прямое выделение», дважды щелкните виджет «Динамические углы» и инвертируйте закругленный угол.

Совет. Если вы хотите выпрямить углы, просто выберите виджет и перетащите его в направлении угла.

Заключение

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

Если вам нужна простая фигура прямоугольника со скругленными углами, вам поможет инструмент «Прямоугольник со скругленными углами», быстрый и удобный.

Окончила специальность "Креативная реклама", более восьми лет работала графическим дизайнером, специализируясь на брендинге и иллюстрации. Да, Adobe Illustrator — мой лучший друг, и я увлекаюсь искусством и дизайном.

При разработке проектов, требующих детальных изменений, таких как логотипы и значки, вам нужно знать, как вносить простые изменения в структуру дизайна, например скруглять углы. Чтобы скруглить углы в Adobe Illustrator, все, что нам нужно сделать, это взять инструмент «Прямой выбор» и перетащить виджеты «Динамические углы» на объект. Это довольно простая концепция, которую я продемонстрирую в этом уроке.

После завершения этого руководства вы будете владеть всем, что вам нужно знать, чтобы скруглять все углы, отдельные углы, несколько углов, изменять тип угла и устанавливать числовое значение для радиуса скругленного угла. Я также расскажу, что делать, если вы не можете скруглить углы в Adobe Illustrator, потому что виджеты Live Corner не заполняются.

Скругление углов в Adobe Illustrator

В этом уроке мы будем эффективно использовать инструмент «Прямое выделение», который является основным инструментом при внесении таких детальных изменений в структурные свойства объекта. Инструмент "Прямое выделение" позволяет изменить тип и положение опорных точек объекта (подобно точкам, которые вы создаете при использовании инструмента "Перо").

Не стесняйтесь обращаться к следующему видеоруководству для более захватывающего обучения. Однако смотреть видео не обязательно. Каждый шаг изложен в письменном руководстве ниже.

Содержание

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

Чтобы скруглить углы в Adobe Illustrator, сначала нужно выбрать объект. Для этой демонстрации я буду использовать букву А, но вы можете использовать любую форму, которую хотите. Если вы используете букву, как я, в этом уроке, не забудьте сначала создать из нее контуры, выбрав ее и перейдя в раздел Текст > Создать контуры.

Выбрав объект, возьмите инструмент «Прямое выделение» (сочетание клавиш: A) и найдите маленькие круглые ручки внутри вашего дизайна. Они должны быть рядом с углами и представлены в виде маленького белого круга с маленькой синей точкой внутри: виджеты Live Corners расположены возле внутренних и внешних краев углов.

Они называются виджетами Live Corner и позволяют изменять углы объекта в режиме реального времени.

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

Если все сделано правильно, все углы вашего объекта должны быть скруглены.

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

Допустим, вы просто хотите скруглить один угол вашего объекта, а не весь объект целиком.

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

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

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

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

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

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

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

Это обеспечит равномерное закругление всех нужных углов.

Чтобы установить угловой радиус

Теперь предположим, что вы хотите придать своему объекту закругленный угол, но вам нужна точность, и вы хотите выбрать числовое значение для этого угла. Это можно сделать, изменив радиус угла в Adobe Illustrator.

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

Тип угла: сделать угол круглым, перевернутым или скошенным.
Радиус: числовой ввод, позволяющий указать точное значение радиуса скругленного угла.
Скругление: позволяет указать, следует ли скруглять угол на основе круглой формы или сохранить угол угла.

Радиус угла представляет собой расстояние между виджетом Live Corner и краем угла. Увеличение радиуса сделает угол более закругленным, а его уменьшение уменьшит округлость: радиус угла можно изменить с помощью меню «Углы».

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

Как изменить тип угла

Наконец, если вы хотите придать углам другую форму, например перевернутый круг или плоский край, это также можно сделать с помощью меню "Углы".

Дважды щелкните один из виджетов Live Corner, чтобы открыть меню Corners, затем используйте пользовательский интерфейс, чтобы выбрать тип угла, который вы хотите применить. Различные типы углов показаны выше.

По завершении нажмите "ОК", чтобы применить изменение.

Что делать, если вы не можете скруглить углы

Иногда вы можете столкнуться с проблемой, когда вы не можете скруглить углы в Adobe Illustrator из-за отсутствия виджетов Live Corner. Иногда ваши виджеты будут отсутствовать, если ваш объект слишком мал.

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

Если вы по-прежнему не можете скруглить углы объекта, возможно, это связано с тем, что объект слишком мал. Попробуйте максимально увеличить объект, а затем посмотрите, появятся ли виджеты снова.

По какой-то причине Illustrator иногда не отображает угловой виджет, если объект слишком мал. Увеличение должно сделать их снова видимыми. Просто не забудьте уменьшить масштаб объекта до его исходного размера, когда закончите (при условии, что вы хотите сохранить исходный размер).

Заключение

Умение скруглять углы в Adobe Illustrator — это бесценный навык, который нужно иметь в своем наборе инструментов, поскольку он позволит вам вносить в свои проекты действительно детальные изменения. Чем лучше вы разбираетесь в тонкой настройке, тем меньше ограничений у вас будет для творчества.

Другие приложения делают этот процесс более громоздким, чем он должен быть, на мой взгляд. Например, для того, чтобы сделать то же самое с Inkscape, требуется эффект живого пути, который не был добавлен в программное обеспечение до обновления 2020 года. Кроме того, в Affinity Designer есть целый инструмент, предназначенный для преобразования типов углов, тогда как Illustrator удобно разместил его в одном из своих установленных инструментов, что делает процесс более рациональным и эффективным.

Если у вас есть какие-либо вопросы или какая-либо часть этих инструкций непонятна, просто оставьте комментарий ниже.Как всегда, спасибо за визит!

Стань мастером Adobe Illustrator!

Хотите узнать больше о том, как работает Adobe Illustrator? Посмотрите мою серию объяснений для Illustrator – обширную коллекцию из более чем 100 видеороликов, в которых я рассказываю о каждом инструменте, функции и функции и объясняю, что это такое, как оно работает и почему оно полезно.

Читайте также: