Создание объемных объектов в illustrator
Сегодня Вы узнаете, как придать объем Вашим двухмерным объектам.
В Adobe Illustrator для этого существует 3 эффекта:
Трехмерный эффект «Втягивание и скос» (3D Extrude & Bevel)
Трехмерное вращение (3D Revolve)
Поворот (3D Rotate)
Вы также узнаете как:
- накладывать изображения на трехмерную поверхность
- редактировать трехмерный вид
- разобрать 3D объект
Если у вас с самостоятельным обучением возникают какие-либо затруднения, то вы можете взять онлайн консультацию по Adobe Illustrator через Skype.
Читать урок полностью на Marovaki design blog (по многочисленным просьбам читателей копия перевода урока также опубликована на этом блоге)
С трехмерными живыми эффектами Вы легко можете добавить объем своим двумерным рисункам. Их количество ограничено, Вы можете контролировать внешний вид трехмерных объектов с освещением, тенями, вращением и многим другим.
Вы также можете применять наложение изображений на трехмерные поверхности. Давайте посмотрим, как работает каждый трехмерный эффект.
Трехмерный эффект «Втягивание и скос» (3D Extrude & Bevel)
Трехмерный эффект «Втягивание» (Extrude) придает объектам объем, делая их трехмерными.
Выберите нужный объект и перейдите в меню «Эффект -> Объемное изображение -> Втягивание и скос»(Effect -> 3D -> Extrude & Bevel). Появится окно с опциями. Меняйте глубину вытягивания, чтобы придать необходимый объем объекту. Скос (Bevel) задает количество граней для трехмерного объекта. Кликните на куб и поверните его так, как Вам нужно, Ваш объект получит объем и положение указанные вами. Вы также можете выбрать затемнение поверхности (surface shading) путем выбора текстуры.
Трехмерное вращение
Эффект «Вращение» (3D Revolve) придает глубину объекту, вращая его вокруг оси. Как показано на иллюстрации ниже, мы нарисовали половину бутылки. Эффект «Вращение» делает вращение формы на 360 градусов, и в результате мы получаем трехмерную бутылку. Для того чтобы использовать эффект «Вращение», нужно зайти в пункт меню Эффект -> Объемное изображение -> Вращение (Effect -> 3D -> Revolve).
Наложение изображений
Вы можете легко наложить изображение на трехмерный объект. Сначала Вам нужно добавить Ваше изображение в палитру «Символы».
Затем перейдите к опциям «Параметры вращения 3D изображения» (3D Revolve Options), нажмите «Проецирование» (Map Art) и выберите поверхность для наложения. Для бутылки выберем поверхность 3 из 4. Выбранная поверхность будет подсвечена красной сеткой на модели бутылки. Затем выбираем изображение для наложения и подгоняем его размеры.
Поворот (3D Rotate)
Эффект «Поворот» позволяет быстро поворачивать двухмерную графику в трехмерном пространстве. Вы можете найти его в меню «Эффект > Объемное изображение > Поворот» (Effect >3D > Rotate).
Редактирование трехмерного вида
В любой момент Вы можете внести изменения в Ваш трехмерный объект, для этого Вам нужно перейти в Панель «Оформление» (Appearance) и дважды кликнуть на «Втягивание и скос»(3D Extrude & Bevel), чтобы внести необходимые изменения
Разбираем 3D объект
Чтобы залить поверхность градиентом и применить другие эффекты, Вам нужно разобрать трехмерный объект. После того, как объект разделен, Вы уже не сможете вносить изменения в его трехмерные свойства. Однако Вы сможете добавлять градиенты и обводки к каждой поверхности объекта. Для того, чтобы разобрать объект, используйте меню «Объект > Разобрать оформление» (Object > Expand Appearance). После этого используйте инструмент «Прямое выделение» для выбора поверхностей, к которым Вы хотите применить градиенты или другие эффекты.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Инструменты «3D» не зависят от инструментов «Сетка перспективы», и в перспективе объемные объекты рассматриваются как любые другие графические объекты.
Эффекты объема позволяют создавать трехмерные (объемные) объекты на двумерной (плоской) поверхности. Управлять оформлением объемных объектов можно с помощью освещения, теней, вращения и других свойств. Можно также помещать рисунки на каждой грани объемного объекта.
Существует два способа создания объемных объектов: вытягивание и вращение. Кроме того, можно вращать плоские или объемные объекты в трех измерениях. Чтобы применить или изменить 3D-эффекты для существующего трехмерного объекта, выберите объект и дважды щелкните эффект на панели Оформление.
Трехмерные объекты могут выводиться на экран с артефактами сглаживания, однако эти артефакты не выводятся на печать и отсутствуют на рисунках, оптимизированных для Интернета.
Set 3D rotation position options
Select a preset position from the Position menu.
For unconstrained rotation, drag a track cube face. The front of the object is represented by the track cube’s blue face, the object’s top and bottom faces are light gray, the sides are medium gray, and the back face is dark gray.
To constrain the rotation along a global axis, hold down Shift while dragging horizontally (global y axis) or vertically (global x axis). To rotate the object around the global z axis, drag in the blue band that surrounds the track cube.
To constrain the rotation around an object axis, drag an edge on the track cube. The pointer changes to a double-sided arrow , and the cube edge changes color to identify the axis around which the object will rotate. Red edges represent the object’s x axis, green edges represent the object’s y axis, and blue edges represent the object’s z axis.
Enter values between –180 and 180 in the horizontal (x) axis , vertical (y) axis , and depth (z) axis text boxes.
To adjust the perspective, enter a value between 0 and 160 in the Perspective text box. A smaller angle is similar to a telephoto camera lens; a larger lens angle is similar to a wide-angle camera lens.
A lens angle that is higher than 150 may result in objects extending beyond your point of view and appearing distorted. Also, keep in mind that there are object x, y, and z axes and global x, y, and z axes. Object axes remain relative to an object’s position in its 3D space. Global axes remain fixed relative to the computer screen; the x axis lies horizontally, the y axis lies vertically, and the z axis lies perpendicular to the computer screen.
Всем привет! Сегодня у нас гостевой урок от Елены, которая расскажет и покажет, как в Adobe Illustrator создавать трёхмерные изображения с помощью 3D эффекта Revolve. Смысл эффекта очень простой, он вращает объект в соответствии с заданными настройками, создавая трёхмерное изображение. И если этим объектом выступает профиль вазы, то в итоге может получиться вот такая вот замечательная композиция.
А теперь передаю слово Елене, давайте делать 3D 😊
Сегодня я хочу рассказать о возможностях 3d в векторном редакторе Adobe Illustrator. Все трехмерные программы занимают много места на компьютере и очень тяжелы в усвоении. На помощь нам, векторным иллюстраторам, придет наша любимая векторная программа. Попробуем нарисовать простой объект, вазу.
1. С помощью пера нарисуем любой контур. Нам нужен профиль будущей вазы.
2. Теперь выбираем меню Эффект > Объемное изображение > Вращение (Effect > 3D > Revolve). Нажимам ОК.
3. А теперь наслаждаемся двухмерным редактором, как он может на своем уровне превращать линию в 3d. Меняя опорные точки, добавляя, убирая и делать сглаженными, можно получить замысловатые формы, которые никогда не нарисуешь карандашом или ручкой. 😊
4. Кроме изменения оси, можно менять угол вращения тела. Заходим в окно > оформление > вращение 3d изображения. В окне можно крутить объект на разные углы и по разным осям. Очень много ракурсов можно сразу охватить.
5. Ну вот! У нас получился исходный объект, с ним и будем дальше работать. Выделяем, разбираем, разгруппировываем. Для удобства окрашиваем отдельные части разными цветами. Вот и все! У нас получился редактируемый трехмерный объект, все остальное зависит от вашего стиля рисования и фантазии. Я раскрасила части с помощью моего любимого меша.
6. Есть еще одно преимущества 3d в иллюстраторе, можно спроецировать на форму любое нарисованное изображение. Пусть это будут цветы, кидаем наше изображение в панель Cимволы. Нажимаем 3д > вращение > проецируем и выбираем на нужной грани наше изображение. Все! Разбираем и используем.
Таким образом этот шикарный инструмент помогает иллюстраторам дорисовывать невидимые грани трехмерного пространства.
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
В этом уроке мы научимся моделировать векторные объекты в Adobe Illustrator при помощи эффектов: Revolve, Extrude & Bevel и Rotate. Затем применим к 3D модели символ и подготовим ее для дальнейшей работы.
В своей практике я часто использую 3D эффекты для создания иконок. На рисунках ниже показано несколько примеров работ, при создании которых первоначальным этапом было 3D моделирование в Adobe Illustrator.
Итак, давайте познакомимся с 3D эффектами и их параметрами.
Подготовка 3D объектов к дальнейшей работе
Я всегда использую 3D объекты, как промежуточный этап работы. Не смотря на большое число параметров 3D эффектов, на мой взгляд, трудно добиться желаемого эффекта. Вы можете использовать полученную модель, как референсное изображение и воссоздать основные формы модели при помощи Pen Tool (P), например:
У вас также есть возможность конвертировать 3D объект в обычный векторный объект. Давайте остановимся на этом способе более подробно. Итак, открываем окно с параметрами эффекта и выбираем тип поверхности No Shading.
Теперь переходим Object > Expand Appearance. В результате мы получили группу векторных объектов.
Вполне вероятно, что группа будет содержать Clipping Masks. Это зависит от сложности модели и будет затруднять дальнейшее редактирование объектов. Поэтому следует избавиться от таких элементов. Переходим Object > Clipping Mask > Release, затем Object > Path > Clean Up. Если команда Release в меню Object неактивна, значит вам повезло, то есть группа не содержит Clipping Masks. Теперь нужно объединить объекты, которые соответствуют одной поверхности. В этом вам поможет команда Unite в панели Pathfinder.
Советую окрашивать поверхности в разные цвета, это поможет вам не запутаться в большом количестве объектов.
После окраски основных поверхностей у нас еще останется множество лишних объектов. В этом вы сможете убедиться, если откроете панель Layers.
Выделяем один из таких объектов, затем переходим Select > Same > Fill Color, после чего нажимаем на клавишу Delete.
Теперь объект готов для дальнейшей раскраски. О способах раскраски векторных объектов мы поговорим в следующем уроке.
В заключение этого урока, для любителей экспериментировать, хочу заметить, что применение нескольких 3D эффектов к одному объекту, также как и применение Perspective Grid Tool к 3D объектам ни к чему хорошему не приведут. Если вам нужно смоделировать, сложный объект, то лучше использовать специальный софт для 3D моделирования, хотя я, в свое время, моделировал самолеты в Adobe Illustrator.
Сейчас должен признать, что это очень трудоемкий процесс и того не стоит.
Данный урок был написан мною для известного англоязычного издания DesignModo
Create a 3D object by extruding
Extruding extends a 2D object along the object’s z axis to add depth to the object. For example, if you extrude a 2D ellipse, it becomes a cylinder.
The object’s axis always lies perpendicular to the object’s front surface and moves relative to the object if the object is rotated in the 3D Options dialog box.
Click Effect > 3D (Classic) > Extrude & Bevel (Classic).
Click More Options to view the complete list of options, or Fewer Options to hide the extra options.
Select Preview to preview the effect in the document window.
Sets how the object is rotated and the perspective from which you view it. (See Set 3D rotation position options.)
Determines the object’s depth and the extent of any bevel added to or cut from it. (See Extrude & Bevel options.)
Creates a wide variety of surfaces, from dull and unshaded matte surfaces to glossy and highlighted surfaces that look like plastic. (See Surface shading options.)
Adds one or more lights, varies the light intensity, changes the object’s shading color, and moves lights around the object, for dramatic effects. (See Lighting options.)
Maps artwork onto the surfaces of a 3D object. (See Map artwork to a 3D object.)
Click OK.
Extruded object without a beveled edge (left) compared to object with Bevel Extent In (middle) and with Bevel Extent Out (right)
Параметры положения объемного вращения
Выберите текущее положение в меню Положение.
Для свободного вращения перетаскивайте грань кубика. Передней части объекта соответствует синяя грань кубика, верхняя и нижняя части объекта светло-серые, боковые стороны – серые, а задняя – темно-серая.
Чтобы ограничить поворот по глобальной оси, удерживайте клавишу Shift при перетаскивании по горизонтали (глобальная ось Y) или по вертикали (глобальная ось X). Для поворота объекта вокруг глобальной оси Z перетащите синюю ленту, которая окружает кубик.
Для сохранения вращения вокруг оси объекта перетащите ребро кубика. Курсор будет иметь вид двойной стрелки , и ребро кубика изменит цвет в соответствии с осью, вокруг которой будет вращаться объект. Красное ребро соответствует оси X объекта, зеленое – оси Y, а синее – оси Z.
Введите в текстовые поля значения от -180 до 180 для горизонтальной оси (X) , вертикальной оси (Y) и оси глубины (Z) .
Чтобы скорректировать перспективу, введите значение от 0 до 160 в текстовом поле Перспектива. Маленький угол аналогичен телеобъективу фотоаппарата, большой угол — широкоугольному объективу.
Угол линзы больше 150 может привести к выходу объекта за границы поля зрения и появлению искажений. Кроме того, следует помнить, что имеются оси X, Y и Z объекта и глобальные оси X, Y и Z. Оси объекта зависят от положения объекта в его трехмерном пространстве. Глобальные оси фиксированы относительно экрана компьютера. Ось X расположена горизонтально, ось Y вертикально, а ось Z перпендикулярна экрану.
3D tools are independent of the Perspective Grid tools and 3D objects are treated like any other object in perspective.
3D effects enable you to create three-dimensional (3D) objects from two-dimensional (2D) artwork. You can control the appearance of 3D objects with lighting, shading, rotation, and other properties. You can also map artwork onto each surface of a 3D object.
There are two ways to create a 3D object: by extruding or revolving. In addition, you can also rotate a 2D or 3D object in three dimensions. To apply or modify 3D effects for an existing 3D object, select the object and then double-click the effect in the Appearance panel.
3D objects may display anti-aliasing artifacts on screen, but these artifacts won’t print or appear in artwork optimized for the web.
For a video about working with 3D objects in Illustrator, see Moving into the world of 3D.
Моделирование сложных поверхностей
Для моделирования сложных поверхностей будет лучше представить поверхность несколькими объектами.
Перед применением 3D эффекта объекты должны быть обязательно сгруппированы (Cmd / Ctrl + G). Теперь применим к группе 3D Revolve Effect.
Теперь мы можем выделять и перемещать объекты, входящие в группу, а также окрашивать их в разные цвета.
Кстати, вы можете редактировать точки объектов, к которым применен 3D эффект не в зависимости от того включены они в группу или нет.
Иногда нам нужно поместить надпись на поверхности 3D объекта или смоделировать форму отверстия в нем. Для этих целей я всегда применяю функцию Map Art. Давайте посмотрим, как это работает. Создадим надпись, затем сохраним ее как новый символ в панели Symbols.
Вернемся к нашему бокалу и откроем диалоговое окно с параметрами эффекта, используя панель Appearance. Нажимаем на кнопку Map Art в диалоговом окне.
Переключаемся между поверхностями в диалоговом окне Map Art, для того чтобы найти нужную поверхность.
Выбираем сохраненный ранее символ из выпадающего списка диалогового окна Map Art.
Видимые поверхности объекта имеют светло-серый фон на диаграмме ниже, поэтому поместим символ на таком фоне.
Вы можете изменять размеры и положение символа.
Создание объемных объектов с помощью вытягивания
При вытягивании плоские объекты вытягиваются вдоль оси Z объекта, что добавляет объектам глубину. Например, при вытягивании плоский эллипс превращается в цилиндр.
Ось объекта всегда перпендикулярна передней поверхности объекта и смещается относительно объекта, если он вращается в диалоговом окне «Параметры объемного изображения».
Нажмите Эффект > 3D (классика) > Вытягивание и фаска (классика).
Выберите Предварительный просмотр, чтобы просмотреть эффект в окне документа.
Выберите, как вращать объект и перспективу, с которой следует его рассматривать (см. Параметры положения объемного вращения).
Вытягивание и скос.
Определяет глубину объекта и границы добавляемого или отнимаемого скоса (см. Вытягивание и скос).
Создает широкую гамму поверхностей, от тусклой и бестеневой матовой до блестящей и подсвеченной, которая выглядит как пластмасса (см. Параметры заливки поверхностей).
Добавьте один или несколько источников света, меняйте интенсивность освещения, цвет теней объекта и перемещайте источники света вокруг объекта для получения впечатляющего эффекта (см. Параметры освещения).
Помещает рисунки на поверхность объемных объектов (см. Отображение рисунка на объемный объект).
Вытянутый объект без скошенной границы (слева) и объект со скосом, направленным внутрь (в середине), и скосом, направленным наружу (справа)
Extrude & Bevel Effect
Этот эффект предназначен для выдавливания объектов. Создадим текст при помощи Type Tool (T) (эффект может быть применен к любым векторным объектам).
Теперь переходим Object > Effect > 3D > Extrude & Bevel…
Для управления глубиной выдавливания предназначен параметр Extrude Depth.
Вы также можете применить скос и выбрать его форму из списка пресетов.
За всю мою многолетнюю практику я ни разу не использовал этот параметр. Кто знает, может быть вам это пригодится. Все остальные параметры этого эффекта аналогичны параметрам 3D Revolve.
Хочу только заметить, что в случае применения Extrude & Bevel эффекта к тексту, он остается редактируемым.
Revolve Effect
Этот эффект предназначен для создания поверхностей вращения. Примером такого объекта может послужить винный бокал. Создадим при помощи инструмента иллюстратора - Pen Tool (P) половину формы бокала во фронтальной плоскости.
Выделяем созданный путь, затем переходим Effect > 3D > Revolve…, что приведет к открытию диалогового окна с параметрами эффекта. Все 3D эффекты имеют похожие опции, поэтому рассмотрим их подробно на примере эффекта Revolve. Отметим опцию предварительного просмотра для того, чтобы наблюдать за происходящими изменениями.
Для управления положением объекта в пространстве служат числовые поля, в которые вводятся углы поворота вокруг осей X,Y и Z. Вы также можете управлять положением объекта, поворачивая куб в диалоговом окне.
Для тех же целей вы можете воспользоваться одним из пресетов из выпадающего списка Position.
Для применения к объекту эффекта линейной перспективы управляйте параметром Perspective.
У вас есть возможность вырезать части объекта. Для этих целей служит параметр – Revolve Angel. Такая функция может пригодиться для создания технических иллюстраций.
Очень важно, в какую сторону будет происходить вращение. Для управление этим параметром предназначены опции Left Edge и Right Edge.
Вы можете выбирать материал поверхности модели, выбирая подходящий пресет из списка Surface.
Это конечно не то, что нам могут предложить специальные программы для 3D моделирования, однако это очень важный параметр для процесса в Adobe Illustrator и мы к нему еще вернемся немного позже.
Если 3D модель будет являться конечным продуктом, то вы можете настроить дополнительные параметры, которые открываются в диалоговом окне после нажатия на кнопку More Options.
Теперь вы можете управлять положением источника света, добавлять новые источники света и перемещать их для создания рефлексов от окружающих объектов.
Мы можем управлять параметрами источника света, такими как интенсивность и размер.
Для создания более гладкого перехода между цветами увеличьте значение Blend Steps.
Здесь я хочу предупредить вас, что слишком большие значения этого параметра сильно увеличивают размер файла и ведут к замедлению работы приложения. И наконец, вы можете выбирать Shading Color.
Когда эффект настроен, нажимаем на кнопку OK. На практике часто бывает необходимо изменить параметры эффекта после его применения. Для повторного открытия диалогового окна кликаем по названию эффекта в панели Appearance (Window > Appearance) (при этом 3D модель, конечно, должна быть выделена).
Теперь мы можем внести необходимые изменения.
Создание объемных объектов вращением
Вращение поворачивает контур или профиль вокруг глобальной оси y (оси вращения) для создания объемного объекта. Поскольку ось вращения фиксирована вертикально, то обычно для изображения половины профиля необходимого объемного объекта в вертикальном и фронтальном положении используют открытый или замкнутый контур. Затем положение объемного объекта можно вращать в диалоговом окне эффектов.
Примените эффект «Вращение объемного изображения» к одному или нескольким объектам, одновременно вращая каждый объект вокруг его оси. Каждый объект находится в своем собственном трехмерном пространстве и не пересекается с другими трехмерными объектами. С другой стороны, применение эффекта вращения к выбранной группе или слою приводит к вращению объектов вокруг одной оси.
Вращение контура с заливкой и без штриховки выполняется намного быстрее, чем вращение контура со штриховкой.
Нажмите Эффект > 3D (классика) > Поворот (классика).
Выберите Предварительный просмотр, чтобы просмотреть эффект в окне документа.
Выберите, как вращать объект и перспективу, с которой следует его рассматривать (см. Параметры положения объемного вращения).
Определяет, как вращать контур вокруг объекта, чтобы превратить его в трехмерный (см. Параметры вращения).
Создает широкую гамму поверхностей, от тусклой и бестеневой матовой до блестящей и подсвеченной, которая выглядит как пластмасса (см. Параметры заливки поверхностей).
Добавьте один или несколько источников света, меняйте интенсивность освещения, цвет теней объекта и перемещайте источники света вокруг объекта для получения впечатляющего эффекта (см. Параметры освещения).
Помещает рисунки на поверхность объемных объектов (см. Отображение рисунка на объемный объект).
Rotate Effect
Этот эффект предназначен для управления положением плоскости, в которой находится двумерный объект.
Rotate Effect имеет меньше параметров, чем предыдущих два 3D эффекта, поэтому не думаю, что у вас возникнут какие-либо трудности с его применением. Хочу лишь отметить, что Rotate Effect очень удобен для размещения текста в разных плоскостях. На мой взгляд, это лучше, чем применять Free Transform Tool для тех же целей. К тому же, текст остается редактируемым после применения эффекта.
Create a 3D object by revolving
Revolving sweeps a path or profile in a circular direction around the global y axis (revolve axis) to create a 3D object. Because the revolve axis is vertically fixed, the open or closed path that you revolve typically needs to depict half of the desired 3D object’s profile in a vertical and front-facing position; you can then rotate the 3D object’s position in the effect’s dialog box.
Applying the 3D Revolve effect to one or more objects simultaneously revolves each object around its own axis. Each object resides in its own 3D space and can’t intersect other 3D objects. Applying the Revolve effect to a targeted group or layer, on the other hand, revolves the objects around a single axis.
Revolving a filled path with no stroke is much faster than revolving a stroked path.
Click Effect > 3D (Classic) > Revolve (Classic).
Select Preview to preview the effect in the document window.
Click More Options to view the complete list of options, or Fewer Options to hide the extra options.
Sets how the object is rotated and the perspective from which you view it. (See Set 3D rotation position options.)
Determines how to sweep the path around the object to turn it into three dimensions. (See Revolve options.)
Creates a wide variety of surfaces, from dull and unshaded matte surfaces to glossy and highlighted surfaces that look like plastic. (See Surface shading options.)
Adds one or more lights, varies the light intensity, changes the object’s shading color, and moves lights around the object, for dramatic effects. (See Lighting options.)
Maps artwork onto the surfaces of a 3D object. (See Map artwork to a 3D object.)
Click OK.
Читайте также: