Как исказить фигуру в иллюстраторе
Деформация
Если инструмент Shear (Наклон) позволяет так деформировать объект, чтобы он смог имитировать его вид на плоскости параллелограмма или ромба (например, на сторонах куба), то с помощью инструмента Free Transform (Свободное трансформирование) ( 
) можно получить деформацию, напоминающую перспективную.
Рис. 6.18. Деформирование объекта с помощью инструмента Free Transform
В меню Filter | Distort (Фильтр | Деформация) представлена команда Free Distort (Свободная деформация), которая позволяет изменять форму выделенного объекта или совокупности объектов по принципу, напоминающему оболочку (envelope).
В диалоговом окне Free Distort (Свободная деформация) (рис. 6.20) выделенный объект или совокупность объектов размещаются в прямоугольнике, в углах которого располагаются маркеры. Произвольное перемещение последних деформирует объекты.
Данная команда дублируется в меню Effect | Distort & Transform (Эффект | Деформация и трансформация).
Рис. 6.19. Создание перспективы с помощью инструмента Free Transform
Трансформирование объектов
Трансформирование
Трансформирование включает вращение, отражение, масштабирование и наклон объектов. Объекты можно преобразовывать с помощью палитры «Трансформирование», команд «Объект» > «Трансформировать» и специальных инструментов. Также можно осуществлять множество вариантов преобразования путем перетаскивания ограничительной рамки для выбора.
Иногда, особенно при копировании объектов, может возникнуть необходимость повторять одно и то же преобразование несколько раз. Команда «Повторить трансформирование» в меню «Объект» позволяет повторять операции перемещения, масштабирования, поворота, отражения и наклона при выполнении различных операций преобразования столько раз, сколько необходимо.
Для просмотра текущих размеров и положения выбранных объектов при преобразовании следует использовать палитру «Информация».
Видеоролик с инструкциями по масштабированию, наклону и вращению объектов см. по адресу www.adobe.com/go/vid0040_ru.
Обзор палитры «Трансформирование»
В палитре «Трансформирование» («Окно» > «Трансформирование») выводится информация о местоположении, размере и ориентации одного или нескольких выбранных объектов. Вводя новые значения, можно изменять выбранные объекты и их узорную заливку. Также можно изменить контрольную точку преобразования или зафиксировать пропорции объекта.
Все значения в палитре относятся к ограничительным рамкам объектов, за исключением значений X и Y, которые относятся к выбранной контрольной точке. Чтобы выровнять отдельные объекты по пиксельной сетке, установите флажок «Выровнять по пиксельной сетке».
Примечания:
A. Локатор контрольной точки B. Меню палитры C. Значок фиксации пропорций
Преобразование узоров объекта
При перемещении, повороте, отражении, масштабировании или наклоне объектов, залитых узором, можно трансформировать только объект, только узор или оба элемента вместе. При преобразовании заполняющего объект узора все узоры, позднее наложенные на этот объект, преобразуются одинаковым образом.
Преобразование с использованием ограничительной рамки
При выборе одного или нескольких объектов с помощью инструмента «Выделение» вокруг них появляется ограничительная рамка. Ограничительная рамка используется для быстрого перемещения, вращения, дублирования и масштабирования объекта путем перетаскивания объекта или маркера (один из пустых квадратов на границе рамки).
30 января 2019 | Опубликовано в Уроки | 3 Комментариев »
Сегодня мы познакомимся поближе о способах деформации в Adobe Illustrator при помощи эффекта Envelope Distort/Искажение по огибающей. Это интересный инструмент, который позволит вам создавать модные абстрактные изображения и формы. В сочетании с режимами наложения вы сможете получить, например, красивое северное сияние.
Результат
Искажение по огибающей с функцией Создать искажение
Чтобы понять эту функцию давайте возьмем прямоугольник любого цвета.
Выделите прямоугольник и выберите в меню Object > Envelope Distort > Make with Warp/Объект>Искажение по огибающей>Создать искажение.
Откроется диалоговое окно, в котором вы можете выбрать тип искажение. Включите опцию Preview/Просмотр, чтобы в реальном времени видеть изменения, которые происходят с объектом.
Adobe Illustrator предлагает 15 стилей искажения, которые вы можете выбрать в выпадающем меню.
После того, как вы примените искажение, в панели настроек будут опции искажения, доступные в режиме Edit Envelope/Редактировать огибание.
Кликнув по кнопке Envelope Options/Настройки огибания, вы откроете диалоговое окно с настройками. Включите опцию Distort Linear Gradient/Искажать линейный градиент и укажите максимальное значение для параметра Fidelity/Точность. Эта опция отвечает за качество искажения градиента.
Чтобы редактировать исходный объект, кликните по иконке Edit Contents/Редактировать содержимое.
Теперь давайте укажем нашему прямоугольнику линейный градиент. Как вы видите, градиент деформируется так же, как и сам прямоугольник. Эта опция позволяет вам получить градиент любой доступной формы.
Теперь вернемся в режим Edit Envelope/Редактировать огибание.
Фигура превратится в объект с сетчатым градиентом (Gradient Mesh). Это позволит вам придать объекту любую форму при помощи инструмента Direct Selection/Прямое выделение (A). Вместе с фигурой будет трансформироваться и градиент.
По некоторым причинам вам может понадобиться трансформировать объект в простую векторную фигуру. Этого, например, требуют сайты, занимающиеся микростоками. Для этого выберите в меню Object > Expand/Объект разобрать.
В результате у вас получится несколько групп с обтравочными масками.
Нам не нужно такое количество групп и масок, поэтому выбираем в меню Object > Clipping Mask > Release/Объект>Обтравочная маска>Отменить. Затем выберите в меню Object > Path > Clean Up/Объект>Контур>Вычистить.
Теперь разгруппируйте получившиеся объекты дважды (Cmd / Ctrl Shift G). У вас получится простой объект с сетчатым градиентом.
Если же вы разберете эффект для объекта со сплошным цветом, то получите множество лишних точек. Для такой задачи лучше подойдет другой эффект, о котором мы поговорим ниже.
Эффекты деформации
Эффекты деформации (Warp Effects) в Adobe Illustrator по стилю повторяю эффекты искажения. Вы можете найти их в меню Effect > Warp / Эффект > Деформация.
Однако есть несколько принципиальных отличий у этих внешне схожих функций. Во-первых, если в этом случае линейный градиент не деформируется как в случае с предыдущей функцией.
А вот второе отличие в том, что если вы разберете объект со сплошным цветом, у вас не будет лишних точек.
Искажение по огибающей с функцией градиентой сетки
Чтобы применить эту функцию выберите в меню Object > Envelope Distort > Make with Mesh/Объект>Искажение по огибающей>Создать градиентную сетку.
В диалоговом окне вам нужно будет указать количество столбцов и строк для градиентой сетки. Лучше создайте сначала максимально простую сетку, вы всегда сможете добавить точек при помощи инструмента Mesh/Сетчатый градиент (U).
Чтобы создать желаемую форму, редактируйте положение точек и направляющие инструментом Direct Selection/Прямое выделение (A).
Если что-то пошло не так, выберите в меню Object > Envelope Distort > Release/Объект>Искажение по огибающей>Отменить. Вы получите исходное изображение и серый объект сверху. Удалите его и начните сначала.
Искажение по огибающей с верхним объектом
Давайте создадим любой текст при помощи инструмента Type/Текст (T) и нарисуем фигуру инструментом Pen/Перо (P). Сделайте так, чтобы серый объект полностью перекрывал текст и разместите его прямо над текстом.
Выделите оба объекта и выберите в меню Object > Envelope Distort > Make with Top Object/Объект>Искажение по огибающей>Привести в соответствие с верхним объектом.
Обратите внимание, что текст по прежнему можно редактировать.
Помимо этого вы также можете редактировать форму внешнего объекта как и в случае с сетчатым градиентом.
При помощи этих эффектов искажения можно, к примеру, создать северное сияние.
Автор урока Iaroslav Lazunov
Обзор эффектов
Краткий обзор эффектов
«Эффект» > «Объемное изображение»
Преобразует открытые или закрытые контуры либо растровые объекты в объемные объекты, которые можно поворачивать, освещать и затенять.
Имитация живописной техники для традиционных материалов.
Ретушируют изображения и сглаживают переходы, усредняя характеристики пикселов, находящихся рядом с резкими краями четко выраженных линий и затененных областей изображения.
Имитация живописной или художественной техники с помощью различных эффектов мазков кисти или чернил.
«Эффект» > «Преобразовать в фигуру»
Перерисовка векторного или растрового объекта.
«Эффект» > «Метки обрезки»
Применяет метки обреза к выделенному объекту.
«Эффект» > «Исказить и трансформировать»
(верхний раздел меню)
Перерисовка векторных объектов или применение эффектов к заливке или обводке, добавленной в растровый объект с помощью палитры «Оформление».
(нижний раздел меню)
Геометрическое искажение и перерисовка изображения.
Сдвиг контура объекта относительно его первоначального расположения, преобразование текста в набор составных контуров, которыми можно манипулировать точно так же, как любыми другими графическими объектами, и замена обводки выбранного объекта на объект с заливкой, толщина которой совпадает с толщиной первоначальной обводки. Кроме того, эти команды можно применять к заливке или обводке, добавленной в растровый объект с помощью палитры «Оформление».
«Эффект» > «Обработка контуров»
Объединение групп, слоев или подслоев в единые редактируемые объекты.
Резкое очерчивание выделенной области скоплением пикселов с близкими значениями цвета.
Преобразование векторного объекта в растровый.
Фокусировка нерезких изображений путем увеличения контрастности смежных пикселов.
Добавление текстуры в изображения, часто для достижения эффекта трехмерности. Кроме того, эти эффекты позволяют создавать изображения, которые выглядят как рисунки или произведения искусства.
(верхний раздел меню)
Добавление в объекты стрелок, теней, скругленных углов, растушеванных краев, свечения и каракулей.
(нижний раздел меню)
Команда «Свечение краев» смещает пикселы, а также находит и усиливает контраст в изображении, создавая в выделенной области эффект живописи или импрессионизма.
«Эффект» > «Фильтры SVG»
Добавление в графический объект графических свойств на основе XML, например теней.
Придает изображению глубину или вид какого-либо вещества либо органического материала.
Оптимизация изображений, полученных из видеороликов, либо иллюстраций, предназначенных для телевидения.
Искажение или деформация таких объектов, как контуры, текст, сетки, переходы и растровые изображения.
Эффекты имитации
Эффекты имитации основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Позволяет оформить изображение так, как будто оно нарисовано цветными карандашами на сплошном фоне. При этом важные края сохраняются, и им придается внешний вид грубой штриховки. Через более гладкие области просматривается сплошной фоновый цвет.
Придает изображению такой вид, как будто оно сделано из небрежно нарезанных кусков цветной бумаги. Высококонтрастные изображения выглядят как вырезанные в виде силуэтов, а цветные изображения выглядят так, как будто они составлены из нескольких слоев цветной бумаги.
Разрисовывает края изображения с использованием техники сухой кисти (нечто среднее между маслом и акварелью). Этот эффект упрощает изображение, уменьшая его диапазон цветов.
Применяет однородный узор к теням и средним тонам изображения. К светлым областям изображения добавляется более гладкий и насыщенный узор. Этот эффект позволяет исключить отщепление в переходах и визуально объединить элементы из различных источников.
Изображение оформляется в грубом стиле с короткими, округленными, как будто в спешке нанесенными штрихами.
Добавляет к объектам в изображении различные типы свечения. Этот эффект может применяться для тонирования изображения с одновременным смягчением. Чтобы выбрать цвет свечения, щелкните поле свечения и выберите нужный цвет из палитры.
Этот фильтр позволяет выбирать кисти различных размеров (от 1 до 50) и типов для имитации живописной техники. Доступные типы кистей: простая, светлая грубая, темная грубая, широкая резкая, широкая размытая, искры.
Этот фильтр позволяет уменьшить количество деталей в изображении для создания эффекта холста, покрытого тонким слоем краски, под которой просматривается текстура ткани.
Этот фильтр покрывает изображение блестящей пластиковой пленкой, подчеркивая детали поверхности.
Этот фильтр уменьшает количество цветов в изображении в соответствии с заданным значением параметра «Постеризация», затем находит в изображении углы и проводит по ним черные линии. В более широких областях изображения используется простое затенение, а тонкие темные детали распределяются по всему изображению.
Оформляет изображение таким образом, как будто оно выполнено цветными пастельными мелками на фоне с текстурой. В областях с ярким цветом мелки кажутся толще, а текстура — слабовыраженной. В более темных областях создается впечатление, что мелки соскоблены и проступает текстура.
Смягчает изображение, размазывая или растирая его более темные области короткими диагональными штрихами. Более светлые области становятся ярче и теряют детализацию.
Создает изображения с высокотекстурированными областями контрастных цветов, как будто нарисованными губкой.
На текстурированный фон наносится изображение, а сверху — окончательное изображение.
Создает изображение в стиле акварельной живописи кистью средней величины, которую погрузили в воду и краску. В результате упрощается детализация. В тех местах, где на краях значительно изменяется тон, этот эффект повышает насыщенность цвета.
Эффекты размытия
Команды в подменю «Размытие» меню «Эффект» основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Размытие по Гауссу
Быстро размывает выделенную область на нужную величину. Этот эффект удаляет высокочастотные детали и может создавать эффект затуманивания.
Имитирует мягкое размытие, как от приближения, удаления или поворота камеры. Чтобы выполнить размытие вдоль сегментов концентрических окружностей, выберите параметр «Кольцевой» и укажите, на сколько градусов оно должно быть выполнено. Чтобы выполнить размытие вдоль радиальных линий, как при масштабировании, выберите параметр «Трансфокация» и укажите значение от 1 до 100. Качество размытия может быть «Черновое» (самые быстрые результаты, но с большой зернистостью), «Хорошее» и «Наилучшее» (более гладкие результаты). Однако качество размытия не различается, если эффект применяется к небольшим областям. Определите, с какого места начнется размытие, перетащив узор в поле «Центр размытия».
Позволяет точно управлять размытием изображения. Предусмотрена возможность указать радиус, порог и качество размытия. Значение параметра «Радиус» определяет размер области, в которой осуществляется поиск пикселов с несходными характеристиками. Параметр «Порог» позволяет указать, насколько несходными должны быть пикселы, подлежащие обработке с помощью фильтра. Кроме того, можно установить режим «Нормальный» (вся выделенная область), «Только края» или «Совмещение» (края цветовых переходов). В тех местах, где возникает существенный контраст, в режиме «Только края» применяются черно-белые края, а в режиме «Совмещение» — белые.
Эффекты штрихов
Эффекты «Штрихи» основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Акцентирует края изображения. Если элементу управления «Яркость границ» задано высокое значение, цвет акцентов будет сливаться с цветом белого мела. Если задано низкое значение, цвет акцентов будет сливаться с цветом черных чернил.
Перерисовывает изображение с использованием диагональных штрихов. Более светлые области изображения наносятся штрихами одного направления, более темные — противоположного.
Сохраняет детализацию и характерные особенности исходного изображения, одновременно добавляя текстуру и загрубляя края окрашенных областей изображения с помощью имитации карандашной штриховки. Параметр «Интенсивность» управляет количеством штрихов (от 1 до 3).
Покрывает темные области изображения, близкие к черному, короткими штрихами, а светлые области — длинными белыми штрихами.
Перерисовывает изображение тонкими узкими линиями, проведенными по деталям исходного изображения, в стиле рисунка, выполненного пером.
Воспроизводит эффект аэрографа. С увеличением значений параметров общий эффект упрощается.
Перерисовывает изображение наклонными, распыленными штрихами, используя его доминирующие цвета.
Перерисовывает изображение в японском стиле, как будто оно написано мокрой кистью с черной краской по рисовой бумаге. В результате получаются мягкие, размытые края с насыщенным черным.
Эффекты искажения (нижняя часть меню)
Команды «Искажение» могут требовать очень больших ресурсов памяти. Они основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Изображение выглядит как при просмотре через мягкий диффузионный фильтр. При этом в изображение добавляется прозрачный белый шум со свечением, постепенно ослабевающим по мере удаления от центра выделенной области.
Изображение выглядит как при просмотре через различные виды стекла. Можно выбрать как стандартный эффект стекла, так и создать собственную стеклянную поверхность с помощью файла Photoshop. Можно регулировать масштаб, искажение, настройки плавности, а также параметры текстурирования.
Добавляет в рисунок волны в произвольных местах, и в результате рисунок выглядит так, будто находится под водой.
Эффекты оформления
Эффекты оформления основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.
Имитирует эффект применения увеличенного полутонового растра к каждому из каналов изображения. В каждом канале эффект делит изображение на прямоугольные области и заменяет каждый прямоугольник кругом, размер которого пропорционален яркости прямоугольника.
Чтобы применить эффект, введите в одном или нескольких каналах значение в пикселах для максимального радиуса полутоновой точки (от 4 до 127) и значение угла растра (угла точки относительно истинной горизонтали). Для изображений в градациях серого следует использовать только канал 1. Для изображений RGB — каналы 1, 2 и 3, соответствующие красному, зеленому и синему. Для изображений CMYK используются все четыре канала, соответствующие голубому, пурпурному, желтому и черному.
Собирает цвета в многоугольные фигуры.
Преобразует изображение в произвольный узор, состоящий из черных и белых областей, а цветное изображение — в узор, состоящий из полностью насыщенных цветов. Чтобы воспользоваться этим эффектом, выберите в диалоговом окне «Меццо-тинто» точечный узор.
Разбивает цвет в изображении на произвольно расположенные точки, как в пуантилистской живописи. При этом пространство между точками заполняется фоновым цветом.
Эффект резкости
Команда «Контурная резкость» в подменю «Резкость» меню «Эффект» фокусирует размытые изображения путем увеличения контрастности смежных пикселов. Этот эффект основан на растровой графике и при применении к векторному изображению использует параметры растровых эффектов документа.
Находит в изображении области со значительными изменениями цвета и повышает их резкость. Эффект «Контурная резкость» позволяет корректировать контрастность деталей по краям, проводя более светлую и более темную линии по обе стороны края. В результате этого, края становятся более ярко выражены, создавая иллюзию повышения четкости изображения.
Эффекты эскиза
Многие из этих эффектов используют черный и белый цвета для перерисовки изображений. Эффекты основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.
Трансформирует изображение таким образом, что оно кажется вырезанным в виде барельефа и его освещение подчеркивает фактуру поверхности. Темные области изображения окрашены черным, а светлые — белым.
Перерисовывает светлые и средние тона изображения сплошным серым фоном среднего тона, нарисованным грубым мелом. Тени заменяются диагональными линиями, проведенными углем. Уголь рисуется черным цветом, а мел — белым.
Перерисовывает изображение, создавая эффект постеризации и растирания. Основные края вырисовываются жирно, а средние тона изображаются в виде эскиза с диагональной штриховкой. Уголь рисуется черным цветом, а бумага окрашена белым.
Представляет изображение в виде полированной хромированной поверхности. Светлые участки выступают наружу, а темные находятся в глубине отражающей поверхности.
Воспроизводит на изображении текстуру густо-темных и чисто-белых карандашей Конте. Эффект «Волшебный карандаш» окрашивает темные области черным, а светлые области белым.
Передает детали исходного изображения тонкими, линейными чернильными штрихами. Эффект заменяет цвет оригинального изображения, используя черный для краски и белый для бумаги. Эта команда особенно подходит для обработки отсканированных изображений.
Имитирует эффект полутонового растра, одновременно сохраняя непрерывный диапазон тонов.
Создает изображение, которое выглядит как сделанное из бумаги ручной работы. Этот эффект упрощает изображение и сочетает эффект команды «Зерно» (подменю «Текстура») с эффектом тиснения. Темные области изображения выглядят как отверстия в верхнем слое бумаги, окруженные белым цветом.
Имитирует эффект ксерокопирования изображения. Большие темные области копируются преимущественно по краям, средние тона становятся либо черной плашкой, либо белым.
«Лепит» изображение как будто из гипса, а затем окрашивает его черным и белым. Темные области становятся выпуклыми, светлые — вдавленными.
Имитирует управляемое сжатие и искажение эмульсии пленки, в результате чего изображение кажется скомканным на затененных участках и слегка зернистым на светлых.
Упрощает изображение, в результате чего оно выглядит как отпечатанное штампом. Эту команду лучше всего использовать с черно-белыми изображениями.
Реконструирует изображение таким образом, как будто оно выполнено на неровных, рваных листах бумаги, а затем окрашивает его черным и белым. Эта команда особенно хорошо подходит для изображений, состоящих из текста и объектов с высокой контрастностью.
Результат применения этой команды выглядит как пятнистые мазки, нанесенные на волокнистую, влажную бумагу, в результате чего краски текут и смешиваются.
Эффект стилизации (нижняя часть меню)
Эффект «Свечение краев» основан на растровой графике и при применении к векторному изображению использует параметры растровых эффектов документа.
Выявляет края цветовых участков и добавляет к ним свечение наподобие неонового.
Эффекты текстуры
Эффекты «Текстура» основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.
Наносит изображение на выпуклую рельефную гипсовую поверхность, создавая тонкую сеть трещин, которые повторяют контуры изображения. Этот эффект позволяет создавать эффекты тиснения с применением изображений, которые содержат широкий диапазон цветов или градаций серого.
Добавляет в изображение текстуру, имитируя различные виды зерна: обычное, мягкое, брызги, скомканное, контрастное, увеличенное, пунктирное, горизонтальное, вертикальное или пятна. Дополнительную информацию об использовании параметров текстурирования см. в разделе Использование элементов управления текстурой и поверхностью стекла.
Перерисовывает изображение так, будто оно состоит из небольших кусочков, или фрагментов, между которыми добавлены швы (в отличие от этой команды, команда «Пикселизация» > «Мозаика» разбивает изображение на разноцветные блоки пикселов).
Разбивает изображение на квадраты, заполненные цветом, преобладающим в этой области изображения. Этот эффект случайным образом уменьшает или увеличивает глубину плитки для воспроизведения светлых и темных участков.
Перерисовывает изображение в виде одноцветных смежных ячеек, обведенных основным цветом.
Применяет к изображению выбранную или созданную текстуру.
Эффекты видео
Эффекты видео основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.
Устранение чересстрочной развертки
Сглаживает изображение, полученное из видеозаписи, удаляя нечетные или четные строки развертки. Удаляемые строки можно заменить с помощью дублирования или интерполяции.
Ограничивает цветовой охват до приемлемого для воспроизведения по телевидению, что позволяет предотвратить переползание перенасыщенных цветов с одних строк телевизионной развертки на другие.
Использование элементов управления текстурой и поверхностью стекла
Некоторые эффекты, входящие в состав программы Illustrator, имеют параметры текстурирования, например эффекты «Стекло», «Пастель», «Зерно» и «Фреска». Параметры текстурирования позволяют оформить объект так, будто он нанесен на различные текстуры (например, холст или кирпич) или виден через куски стекла.
В диалоговом окне эффекта выберите тип текстуры из раскрывающегося меню «Текстура» (если оно доступно) либо выберите «Загрузить текстуру» и укажите файл (доступно только для команд «Пастель» и «Стекло»).
Задайте другие параметры, если они доступны.
Перетаскивая ползунок «Масштаб», увеличьте или уменьшите эффект на поверхности растрового изображения.
Перетаскивая ползунок «Рельеф», отрегулируйте глубину поверхности текстуры.
В раскрывающемся меню «Свет» выберите положение источника света.
Чтобы инвертировать светлые и темные цвета поверхности, установите флажок «Инвертировать».