Как сделать трапецию в иллюстраторе

Обновлено: 29.06.2024

1) Я создаю горизонтальную форму прямоугольника. 2) Я выбираю 2 верхние опорные точки, используя Прямой выбор, белую стрелку (A), удерживая Shift. 3) Если я перемещу их, двигайтесь так же, образуя параллелограмм.

Я хотел бы знать, как эти два верхних якоря будут перемещаться зеркально, чтобы они образовали форму (пробовал alt и т. Д., Но не смог поймать его, или если есть лучший способ сделать трапецию).

Скотт

usr2564301

инструмент масштабирования

  1. Создать прямоугольник
  2. Выберите две верхние опорные точки с помощью белого инструмента прямого выделения.
  3. Нажмите Scale Tool
  4. Перетащите влево и вправо, чтобы масштабировать только верхнюю линию. Он автоматически ограничивается только горизонтальным масштабированием.

В качестве альтернативы:

александрия искателей

Чтобы создать равнобедренную трапецию с двумя равными длинами / углами в Illustrator:

1. Выберите Pen Tool (P). Нарисуйте две параллельные линии разной длины. Нарисуйте их идеально горизонтально, удерживая клавишу Shift.

4. Наконец, у вас есть два варианта добавления в две строки одинаковой длины:

б. Используя Pen Tool (P), соедините концы двух линий с каждой стороны.

Джеймс М

Если вы используете Photoshop, вы можете нарисовать квадрат, а затем использовать Transform Path > Perspective . Перетащите верхний левый или верхний правый якоря, чтобы настроить соответственно.

enter image description here

Как и другие, попробовали сказать, что вы можете использовать инструмент Shear (Skew в Photoshop).

Месторасположение режущего инструмента:

Shear Tool

Shear Tool Usage

Другой вариант

То, что я с большей вероятностью сделаю, - это инструмент прямого выбора (Белая стрелка) и выбрать две точки на одной стороне примитивной формы.

Direct Selection

Затем или стрелку вверх, стрелку вниз, стрелку влево или стрелку вправо (или, если хотите, мышь), чтобы получить желаемый результат. Для этого изображения я использовал стрелку вниз.

Direct Selection Result

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

1) Нарисуйте любую линию, используя инструмент линии или даже инструмент для пера.

2) Дублируйте эту строку с помощью Alt (Option в Mac) и убедитесь, что она выровнена, удерживая клавишу Shift во время перетаскивания.

3) Сделайте его параллелограммом, добавив прямые линии в стороны.

Это не совсем практично, и это не так быстро, как сдвиг, но это может быть полезно для чего-то вроде этого:

colorful lines yay

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

Продолжая нашу серию инструментов рисования в Illustrator (ранее мы рассматривали инструменты линии Illustrator ), сегодня мы рассмотрим инструменты Shape. Хотя инструменты формы кажутся очень простыми, их можно использовать вместе для формирования более сложных форм. Инструменты позволяют быстро и легко рисовать прямоугольники, эллипсы, многоугольники, звезды и даже блики.

image0011

Рисование прямоугольника
1. Выберите инструмент Прямоугольник в панели инструментов (или нажмите M на клавиатуре)

image0051

2. Нажмите и перетащите мышь на монтажную область.

3. Чтобы нарисовать идеальный квадрат, удерживайте клавишу Shift .
Нажмите Option (Mac) или Alt (Windows) при нажатии и перетащите мышь, чтобы определить прямоугольник, используя точку щелчка в качестве центральной точки.
Нажмите Shift + Option (Mac) или Shift + Alt (Windows), чтобы нарисовать квадрат с начальной точкой в ​​качестве центра квадрата.

image0091

image0131

image015

Рисование эллипса
1. Выберите инструмент Эллипс из панели инструментов (или нажмите L в качестве ярлыка).
2. Нажмите и перетащите по диагонали, пока эллипс не достигнет желаемого размера.

image0191


3. Удерживая нажатой клавишу Shift, удерживайте эллипс в идеальном круге.
Удерживайте Option (Mac) или Alt (Windows), чтобы вытянуть эллипс из центра.

Чтобы точно настроить эллипс, используйте диалоговое окно.
Выберите инструмент Ellipse на панели инструментов и щелкните один раз на артборде. Откроется диалоговое окно.

Урок 3D в Adobe Illustrator — рисуем красивые трехмерные шары.

3D shapes with Adobe Illustrator

Шаг 1

Мы начнем с определения структуры для нашего объекта.

Создайте несколько красочных, равномерно расположенных прямоугольников, как я.
Мы должны из них создать символ, так что выберите их всех и тяните их к Symbols Panel.

3D shapes with Adobe Illustrator

Нарисуйте круг и удалите одну из точек привязки. Таким образом у Вас останется только половина круга. Закрасьте ее черным цветом.

3D shapes with Adobe Illustrator

Выберите объект, который Вы только создали, и пойдите в Effect>3D>Revolve, чтобы создать черную сферу.

3D shapes with Adobe Illustrator

В опции Revolve выберите Map Art, и из выпадающего меню выбирают символ, который мы только что создали (цветные полоски).

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

3D shapes with Adobe Illustrator

Мы должны играть немного с опцией освещения. Включите Plastic Shading, потому что она даст высшее качество. Добавьте еще некоторые огни, я добавил только один, но если Вам хочется, то можете добавить и больше. Также важен параметр Blend Steps – чем больше, тем выше качество. Если Ваше изображение будет маленьким, оставьте 25, но если Вы нуждаетесь в изображении большого размера, то я рекомендую увеличить это до максимума.

3D shapes with Adobe Illustrator

Шаг 2

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

Сфера с орнаментом из прямоугольников и 3 огнями.

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

Вы можете сделать такой образец орнамента, помещая несколько рядов квадратов как на картине ниже. Используйте Object>Transform Each, чтобы вращать каждый квадрат индивидуально.

3D shapes with Adobe Illustrator

Шаг 3

Этот объект был создан с диагональными линиями, который я согнул с помощью эффекта Effect>Wrap>Arc. Чтобы сделать сферу частично прозрачной, я использовал “Невидимую Геометрию”, это галочка “Invisible Geometry” в окне Effect>3D>Revolve>Map Art.

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

Шаг 4

В этом шаге я нанес на сферу простой линейный градиент. Я также измененный цвет штриховки (Shading color ) в моих опциях освещения, чтобы дать сфере хороший красный оттенок.

3D shapes with Adobe Illustrator

3D shapes with Adobe Illustrator

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

Шаг 5

Теперь создадим тень. Нарисуйте два эллипса, как на картине ниже. Сделайте маленький черным, больший белым. Установите для большого в 0 % прозрачность. Выделите оба овала.

3D shapes with Adobe Illustrator

Шаг 6

Чтобы создать отражение копируют сферу и перемещают ее на передний план (ctrl/cmd+F). Выберите копию и пойдите в Object>Expand Appearance. После этого поместите ее вертикально и ниже первоначальной сферы.

3D shapes with Adobe Illustrator

Создайте прямоугольник по размерам сферы и заполните его бело-черным градиентом.

3D shapes with Adobe Illustrator

Выберите отраженную сферу и прямоугольник. Пойдите в панель Transparency и выберите Make Opacity Mask.

Вы можете нажать на уменьшенное изображение маски и поэкспериментировать с градиентом.

3D shapes with Adobe Illustrator

Все.
( Маска прозрачности(Make Opacity Mask) не поддерживается форматом EPS8, сохраняйте только в EPS10 . )

geometric-patterns-cubes-final[1]

Недавно я получил письмо с вопросом – как создать такого рода паттерн в Photoshop или Illustrator. С введением в Illustrator CS6 инструмента Pattern Maker позволяет создавать шаблоны различных типов плитки, а не только квадратные, как раньше. Это одна из причин, почему я предпочитаю Illustrator, а не Photoshop для такого рода геометрических творений. В этом уроке я объясню, два из трех шаблонов, показанных в примере.

Создание кубического фонового рисунка

В этой части урока я покажу вам, как можно создать кубический фоновый паттерн с помощью инструмента Pattern Maker в Illustrator. Для этого необходимо иметь версию Illustrator не ниже CS6. Давайте начнем…

Нарисуйте шестигранник


Выберите инструмент Polygon Tool, которая находится под иконкой Rectangle Tool и нажмите на холсте…


Введите в соответствующих полях: радиус равный 100px, и 6 в качестве количества сторон. Нажмите OK. Из чисто практических соображений, задайте шестиугольника заливку любого цвета, но без обводки.

Поворот на 30°


Для преобразования этого объекта в куб, мы должны повернуть шестигранник на 30°. Выбрав шестиугольник и использую инструмент Rotate Tool зажмите клавишу Alt / Option и кликните мышью в центре. Введите 30° в качестве значения угла поворота, и нажмите кнопку ОК.

Рисуем вертикальную линию


Теперь мы создадим разделительные линии, чтобы разделить этот объект на 6 треугольников. Начнем с рисования вертикальной линии. Выберите инструмент Line Tool и нарисуйте вертикальную линию где-то в центре шестиугольника (для вашего удобства удерживая клавишу Shift).

Выравнивание по вертикали и по горизонтали


Теперь, выберите оба объекта и нажмите Align Vertical Center и Align Horizontal Center, в верхней части рабочей области. Если вы не видите эту панель, то включите ее View > Control.

Копирование и поворот линии на -60°


Выберите одну только вертикальную линию, выберите инструмент Rotate Tool и нажав кнопку Alt / Option кликните точно в центре линии. Чтобы проще находить точное место, включите Smart Guides: перейти к View > Smart Guides. Если вы видите галочку, то они уже включены. Вы можете использовать комбинацию клавиш Cmd / Ctrl + U, чтобы включать и выключать Smart Guides.


В появившемся окне введите -60° в качестве значения угла поворота, и убедитесь, что нажали на кнопку Copy. Теперь, использую сочетание кнопок Cmd / Ctrl + D чтобы повторить это действие (Object > Transform > Transform Again).

Выравнивание по вертикали и по горизонтали


Так же, как и прежде, выберите все объекты и нажмите на Align Vertical Center и Align Horizontal Center.

Разделение на треугольные сегменты


Выделив все объекты, перейдите к панели Pathfinder и выберите Divide . Это разделит шестиугольник на 6 треугольников.

Применение цвета


Теперь выберите каждый треугольник и присвойте ему цвет. Используйте инструмент Direct Selection Tool (белая стрелка), чтобы выбирать нужный вам треугольник. Вы можете выбрать любой понравившийся вам цвет.

Делаем шаблон


Теперь начинается самое интересное! Выберите объект и перейдите к Object > Pattern > Make.


Illustrator выдаст предупреждение, что картина будет сохранен в панели Swatches. Просто нажмите кнопку ОК. Теперь вы находитесь в режиме Pattern. Выберите Hex by Row в выпадающем меню и введите имя в соответствующее поле. Вот и все! Теперь вы можете применять шаблон…

Применяем шаблон



Затем я масштабирую объект обратно в его оригинальный размер, снова используя инструмент Scale Tool , и, вводя значение 20%. Так как изначально я увеличил свой ​​объект 5 раз больше (на 500%), теперь нужно сделать его в 5 раз меньше. Теперь я ставлю галочку Transform patterns и нажимаю кнопку ОК.

Создание треугольного фонового рисунка

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

Создаем разделительные линии


Выберите инструмент Line Tool и нарисуйте вертикальную линию (удерживая клавишу Shift). Цвет контура можете использовать любой, какой вам нравится. Теперь выберите инструмент Rotate Tool и нажав клавишу Alt / Option нажмите точно в верхней точке линии. В окне, которое появляется введите 120° в качестве значения угла вращения, и убедитесь, что нажимаете на кнопку Copy. Затем, нажмите Cmd / Ctrl + D, чтобы повторить это действие.

Рисуем прямоугольник


Группируем 3 линии вместе, перейдя в Object > Group или используя сочетание клавиш Cmd / Ctrl + G. Теперь, выберите инструмент Rectangle Tool и нарисуйте прямоугольник (пейзажной ориентации), начиная в точке пересечения с левой линии, в левом верхнем углу (см. изображение выше). Далее выберите оба объекта (прямоугольник и группу линий) и сделайте выравнивание по центру горизонтали и вертикали.

Создаем треугольник


Выделите прямоугольник и поместите его ниже группы линий, перейдя по Object > Arrange > Send to Back и нажмите Divide на панели Pathfinder.

Копирование и поворот на 120°


Выберите инструмент Direct Selection Tool (белая стрелка) и удалите нижние 2 треугольника. Инструментом Rotate Tool с нажатой клавишей Alt / Option кликните мышью в нижней точке треугольника. В окне Rotate введите 120° в качестве значения угла вращения, и убедитесь, что нажали на кнопку Copy. Теперь нажмите на сочетание клавиш Cmd / Ctrl + D чтобы повторить действие.

Копирование и поворот на 60°


Если вы хотите, то вы уже можете применять цвета для каждого треугольника. В своем примере я выбрал следующие цвета, чтобы создать эффект глубины. Теперь выберите оба вертикальных треугольника. Инструментом Rotate Tool снова с нажатым Alt / Option кликните именно в нижней точке соприкосновения выбранных треугольников. В окне Rotate введите 60° в качестве значения угла поворота, и убедитесь, что нажали на кнопку Copy.


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

Удаление ненужных частей


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

Копирование и отражение


Выберите 2 треугольные формы слева, и выберите инструмент Reflect Tool (нажав клавишу О). Зажав кнопку Alt / Option кликните мышью как показано на рисунке выше. В появившемся окне выберите Vertical Axis и нажмите на Copy.

Создаем паттерн


Выберите все объекты и перейти к Object > Pattern > Make.


В панели Options Pattern выберите Grid в типе плитки и задайте свое имя для паттерна. Поменяйте цвета, если вам это нужно с помощью инструмента Direct Selection Tool.

Вот и все! Теперь у вас в руках знание, которое поможет вам творить свои неповторимые паттерны. Получайте удовольствие и экспериментируйте!

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