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

Обзор эффектов

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

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

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

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

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

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

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

Этот фильтр позволяет выбирать кисти различных размеров (от 1 до 50) и типов для имитации живописной техники. Доступные типы кистей: простая, светлая грубая, темная грубая, широкая резкая, широкая размытая, искры.

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

Этот фильтр покрывает изображение блестящей пластиковой пленкой, подчеркивая детали поверхности.

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

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

Смягчает изображение, размазывая или растирая его более темные области короткими диагональными штрихами. Более светлые области становятся ярче и теряют детализацию.

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

Рисование на обороте

На текстурированный фон наносится изображение, а сверху — окончательное изображение.

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

Эффекты размытия

Команды в подменю «Размытие» меню «Эффект» основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.

Размытие по Гауссу

Быстро размывает выделенную область на нужную величину. Этот эффект удаляет высокочастотные детали и может создавать эффект затуманивания.

Имитирует мягкое размытие, как от приближения, удаления или поворота камеры. Чтобы выполнить размытие вдоль сегментов концентрических окружностей, выберите параметр «Кольцевой» и укажите, на сколько градусов оно должно быть выполнено. Чтобы выполнить размытие вдоль радиальных линий, как при масштабировании, выберите параметр «Трансфокация» и укажите значение от 1 до 100. Качество размытия может быть «Черновое» (самые быстрые результаты, но с большой зернистостью), «Хорошее» и «Наилучшее» (более гладкие результаты). Однако качество размытия не различается, если эффект применяется к небольшим областям. Определите, с какого места начнется размытие, перетащив узор в поле «Центр размытия».

Позволяет точно управлять размытием изображения. Предусмотрена возможность указать радиус, порог и качество размытия. Значение параметра «Радиус» определяет размер области, в которой осуществляется поиск пикселов с разными характеристиками. Параметр «Порог» позволяет указать, насколько различными должны быть пикселы, подлежащие обработке с помощью этого фильтра. Кроме того, можно установить режим «Нормальный» (вся выделенная область), «Только края» или «Перекрытие» (края цветовых переходов). В тех местах, где возникает существенный контраст, в режиме «Только края» применяются черно-белые края, а в режиме «Перекрытие» — белые.

Эффекты штрихов

Эффекты «Штрихи» основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.

Акцент на краях

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

Перерисовывает изображение с использованием диагональных штрихов. Более светлые области изображения наносятся штрихами одного направления, более темные — противоположного.

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

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

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

Воспроизводит эффект аэрографа. С увеличением значений параметров общий эффект упрощается.

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

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

Эффекты искажения

Команды «Искажение» могут требовать очень больших ресурсов памяти. Они основаны на растровой графике и при применении к векторному объекту используют параметры растровых эффектов документа.

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

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

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

Эффекты оформления

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

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

Чтобы применить эффект, введите в одном или нескольких каналах значение в пикселах для максимального радиуса полутоновой точки (от 4 до 127) и значение угла растра (угла точки относительно истинной горизонтали). Для изображений в градациях серого следует использовать только канал 1. Для изображений RGB — каналы 1, 2 и 3, соответствующие красному, зеленому и синему. Для изображений CMYK используются все четыре канала, соответствующие голубому, пурпурному, желтому и черному.

Собирает цвета в многоугольные фигуры.

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

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

Эффект резкости

Команда «Контурная резкость» в подменю «Резкость» меню «Эффект» фокусирует размытые изображения путем увеличения контрастности смежных пикселов. Этот эффект основан на растровой графике и при применении к векторному изображению использует параметры растровых эффектов документа.

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

Эффекты эскиза

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

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

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

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

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

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

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

Имитирует эффект полутонового растра, одновременно сохраняя непрерывный диапазон тонов.

Создает изображение, которое выглядит как сделанное из бумаги ручной работы. Этот эффект упрощает изображение и сочетает эффект команды «Зерно» (подменю «Текстура») с эффектом тиснения. Темные области изображения выглядят как отверстия в верхнем слое бумаги, окруженные белым цветом.

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

«Лепит» изображение как будто из гипса, а затем окрашивает его черным и белым. Темные области становятся выпуклыми, светлые — вдавленными.

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

Упрощает изображение, в результате чего оно выглядит как отпечатанное штампом. Эту команду лучше всего использовать с черно-белыми изображениями.

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

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

Эффект стилизации

Эффект «Свечение краев» основан на растровой графике и при применении к векторному изображению использует параметры растровых эффектов документа.

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

Эффекты текстуры

Эффекты «Текстура» основаны на растровой графике и при применении к векторному изображению используют параметры растровых эффектов документа.

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

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

Перерисовывает изображение так, будто оно состоит из небольших кусочков, или фрагментов, между которыми добавлены швы (в отличие от этой команды, команда «Пикселизация» > «Мозаика» разбивает изображение на разноцветные блоки пикселов).

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

Перерисовывает изображение в виде одноцветных смежных ячеек, обведенных основным цветом.

Применяет к изображению выбранную или созданную текстуру.

Эффекты видео

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

Устранение чересстрочной развертки

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

Ограничивает цветовой охват до приемлемого для воспроизведения по телевидению, что позволяет предотвратить переползание перенасыщенных цветов с одних строк телевизионной развертки на другие.

Использование элементов управления текстурой и поверхностью стекла

Некоторые эффекты, входящие в состав программы Illustrator, имеют параметры текстурирования, например эффекты Стекло , Пастель , Зерно и Фреска . Параметры текстурирования позволяют сделать так, чтобы объект выглядел нарисованным на различных текстурах, например на холсте или кирпиче, или как будто был виден сквозь стеклянные блоки.

В диалоговом окне Эффекты выберите тип текстуры из раскрывающегося меню Текстура (если оно доступно) либо выберите Загрузить текстуру и укажите файл (доступно только для команд Пастель и Стекло ).

Задайте любой из параметров, описанных ниже, если они доступны.

Перетаскивая ползунок Масштаб , увеличьте или уменьшите эффект на поверхности растрового изображения.

Перетаскивая ползунок Рельеф , отрегулируйте глубину поверхности текстуры.

В раскрывающемся меню Свет выберите положение источника света.

Чтобы инвертировать светлые и темные цвета поверхности, установите флажок Инвертировать .

Как воссоздать эту векторную текстуру в Adobe Illustrator

Близость
Близость
Близость

Свежие новости, интересные статьи и полезные гайды, связанные с графическим дизайном. Здесь вы найдете ответы на самые часто задаваемые вопросы

Create Detailed Spa Stones and Flowers in Adobe Illustrator

What You’ll Be Creating

Are you seeking inspiration and inner peace? Do you want to relax and enjoy your day? This tutorial is right for you! Feel calm and relaxed as you draw a minimalistic spa scene with basic shapes in Adobe Illustrator, and learn some easy yet spectacular tricks to create a semi-realistic look. Take a deep inhale and let’s start!

1. Render a Pile of Textured Pebbles

Step 1

Start by creating a simple oval shape with the Ellipse Tool (L), then select both side anchor points and lower them a few pixels down by pressing the down arrow key several times. Add two small squashed ellipses above the basic shape and deform them a bit.

Step 2

Fill the basic shape with a three-colored radial gradient from light bluish grey in the middle to dark grey at the edges, imitating a stone’s surface.

Step 3

Apply a simple linear gradient to those small oval shapes, making one part of the gradient dark blue and the other one black. Set the Blending Mode of both shapes to Screen, forming a gentle highlight.

Add another oval highlight to make the pebble more dimensional.

Step 4

Let’s add more realism by adding some texture to our stone! Use one of the default Adobe Illustrator textures in the Swatches panel by going to the Swatch Libraries Menu > Patterns > Basic Graphics > Basic Graphics_Textures > USGS 22 Gravel Beach (the one looking like spots of various sizes). Duplicate the basic shape of your pebble and apply the gravel texture.

Step 5

Double-click on your pattern in the Swatches panel or use the Edit Pattern button to enter the Pattern Mode. Now we’re able to modify and recolor our texture, so let’s improve it a bit. Swap the color of the spots from black to light blue and set their Blending Mode to Multiply. Select some random spots and change their color to dark blue, applying the Screen Mode.

Step 6

Object > Expand the texture. Now we have groups of objects, hidden in the Clipping Mask. Use the Isolate Selected Clipping Mask function at any time to reveal the spots if you want to make some changes in the color or position of the elements.

Step 7

In order to show the perspective and the dimension of our stone, we want the texture to fit its shape. For this purpose, select the pattern group and apply Object > Envelope Distort > Make with Mesh with the following settings: Rows value equals 2 and Columns value equals 2 as well.

Now we can use the Direct Selection Tool (A) to move the anchor points of or our Mesh object and change the position of anchor handles. Imitate the stone shape with your Mesh, so that the spots on the edges seem to be much smaller than those in the middle. You don’t have to be super-precise in combining the edges of the Mesh with the stone, because it will be hidden.

Step 8

Duplicate the basic pebble shape and place it above all the other objects. Then select both the created copy and the Mesh shape, right-click and Make Clipping Mask from the pop-up menu.

Step 9

Add a bit more realism by rendering the lighting. Select our Clipping Group and head on to the Appearance Panel. Add New Fill and apply the radial gradient from dark blue in the middle to black at the edges. Finally, move the gradient to the right side of the stone and switch the Blending Mode to Screen, creating fancy spotty highlights.

Step 10

Now we can make a copy of our stone and place it above the first one, decreasing its size and changing its form a bit. Add a simple shadow, by cutting off the basic shape of the upper stone and applying a simple gradient in Multiply Blending Mode.

Add a couple more stones, creating a minimalist scene.

2. Create a Gentle Tropical Flower

Step 1

First of all we are going to create a single petal. Start by forming an ellipse with the Ellipse Tool (L). Then modify its shape with the Direct Selection Tool (A) and apply a delicate linear gradient from bright pink in the bottom to pale yellow on the tip.

Step 2

Add more shape to the petal by duplicating the basic shape twice and moving the upper copy a bit. Select two copies and use the Minus Front function in Pathfinder to cut off the unneeded parts, forming the petal edge.

Step 3

Now we need to form a flower and to see how it looks all together. Select the Rotate Tool (R) and click with your left mouse button on the bottom point of the petal while holding the Alt key. This way we create a pivot point, around which we are going to rotate the petals. Release the left mouse button to call the pop-up Rotate Options menu.

The only thing we need to know is the quantity of the petals of our future flower. Let’s imagine it has five petals. In theory, we need to divide the full angle degree value by five in order to get the exact rotation angle value. Luckily, Adobe Illustrator is much smarter than you think and it can do the calculation for us! Just set the Angle to 360/5, click the Copy button and you’re done!

Continue by clicking Control-D a few more times to form the entire blossom.

Step 4

Modify one of the petals slightly, so that it looks as if it’s hidden under the very first petal. Copy the petal’s basic shape and use the Minus Front function to cut off a small piece.

You may leave the colors as they are or change them to your liking. Here I’ve decided to make our flower a bit more vivid and pink. I’ve also added a small round shape with Multiply Blending Mode in the center to create a shadow.

Step 5

Our flower needs more details! Create a copy of each petal and position them as shown on the screenshot using the Rotate Tool (R), as in Step 3. Use the Shape Builder Tool (Shift-M) while holding the Alt key to delete the unwanted parts. Finally, fill the parts with linear gradient from white to pink and switch to Multiply Blending Mode, thus creating shadows.

Step 6

Make finishing touches by adding gentle highlights on the tip of each petal, using linear gradients from black to orange and the Screen Blending Mode.

3. Make Fresh Green Leaves

Step 1

As previously, we start forming the shape with our favorite Ellipse Tool (L) by making an even circle and dragging its upper anchor point up. Use the Convert Anchor Point Tool (Shift-C) to make a sharp angle. Take the Scissors Tool (C) and click the lower anchor point, then repeat the same move with the upper point, thus splitting our leaf into two equal halves. Make the left half a bit darker.

Step 2

Add a vertical line in the center of our leaf, forming a vein. Add another line across the leaf and apply Effect > Warp > Arc with 31% Horizontal Bend to make the vein slightly arched, creating an illusion of a dimensional leaf.

Step 3

Object > Expand the vein and duplicate it. Move the copy up a bit by holding down the Shift key in order to move it straight vertically. Press Control-D a couple times to create more copies, then do the same for the second side of our leaf by using the Reflect Tool (O) and mirroring the veins over the Vertical Axis.

Step 4

Let’s add some minor details, which are very important for making a realistic image. Copy the left basic part of our leaf and Paste it in Front (Control-C > Control-F). Squash the shape from one side, making it narrow, and fill it with linear gradient from white to light grass-green. Switch to Multiply Blending Mode, creating a shadow, and add a similar shadow to the second half of the leaf.

Step 5

We are going to make some shiny morning dew to give our leaves a fresh, sparkling look. Let’s start forming a simple water drop by making an even circle and filling it with linear gradient from white in the center to green on the edges. Apply the Multiply Blending Mode, making the shape transparent in the middle, and extrude the shape by dragging the upper anchor point further up.

Step 6

Make the drop more realistic and detailed by adding highlights and reflections in Screen Blending Mode.

Step 7

Place the newly created drop above the leaf and add a few highlights to the leaf itself, making it more vivid and lush.

4. Design a Relaxing Spa Composition Using the Created Items

Step 1

All of the items are prepared and now we have the easiest and most meditative thing to do! We are going to build the composition.

First of all, place the flower and the leaves above the pebble pile as shown on the screenshot below. Make multiple copies of the water drop that we created earlier and spread them over the petals and rocks to create the sense of morning freshness and vital nature.

Step 2

Duplicate the leaves and the flower, and place the copies behind the stones on the other side to balance the composition.

Step 3

Let’s make the elements brighter and more vivid by adding colorful sparks. Making a spark is very easy: create a circle and fill it with radial gradient from yellow in the center to black on the edges. Switch to Screen Blending Mode and—voila!—your spark is ready.

Create another spark (with the same settings) above the first one to increase the brightness, making the second circle a bit smaller.

Now it will look like a bright spot when you place it above the object or background of any color. Let’s see how it looks on our spa items. I’ve changed the color of some sparks to blue, so that they look better on the stones.

Step 4

We need to add some background in order to make the black parts vanish. Take the Rectangle Tool (M) and add a horizontal-oriented shape, filling it with linear gradient from light beige in the middle to darker beige on the edges.

Step 5

The objects seem to be floating in the air. Add two ellipses and use the Multiply Blending Mode to turn them into shadows, so that our pebbles lie firmly on the ground.

Step 6

The ground itself looks blank, so let’s add some kind of a texture to create a feeling of perspective and to fill the empty space. Use the Ellipse Tool (L) to add a bunch of small squashed ellipses in the bottom of our picture, creating a look of a sandy surface covered with tiny pebbles. Fill the spots with a light-grey color and switch the Blending Mode to Multiply.

Step 7

Select some of the spots randomly and switch their color to light beige and the Blending Mode to Screen. You can make some spots on the ground even brighter to emphasize the effect.

Long Exhale: You’ve Just Finished!

Great job! I hope you’ve enjoyed creating this relaxing spa scene and learned some new useful tips and tricks. Good luck in finding your inspiration.

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

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

Этот урок предназначен для опытных дизайнеров, которые не первый день знакомы с Adobe Illustrator. Поэтому если у вас в процессе выполнения урока возникли вопросы, задавайте их в комментариях. А для самых начинающих, я предлагаю познакомиться с иллюстратором на этом курсе: Adobe Illustrator шаг за шагом.

А теперь приступим к уроку. Для генерации эффекта разбросанных частиц я использовал объектные кисти Scatter Brush со случайными настройками. Именно с создания такой кисти мы и начнём.

Нарисуйте маленький кружочек с чёрной заливкой и без обводки. Размер кружочка нужно взять намного меньше размеров вашего артборда. Я решил сделать 5×5 px для артборда с размером где-то под 1000×1000 px. Этот кружочек перетаскиваем в панель Brushes. Тип кисти выбираем — Scatter Brush.

Далее мы попадаем в окно с настройками кисти. Для параметров Size, Spacing и Scatter устанавливаем случайные значения Random и разброс в процентах как на скрине ниже. Также не забудьте выбрать Colorization метод Tints. Это позволит менять цвет через настройки обводки.

Нажимаем OK и получаем объектную кисть, которая будет разбрасывать кружочки при рисовании. Рисовать можно инструментом Paintbrush Tool (B). Цвет обводки задаёт цвет кружочков. Увеличивать или уменьшать кружочки можно через толщину обводки.

С помощью этой кисти я просто намалевал несколько линий на рабочей области. А получилась текстура из хаотично разбросанных частиц. Уже это можно использовать для оформления своих иллюстраций. Можно даже сделать несколько кистей с разными настройками. Главное, сохранить их потом через меню панели Brushes, чтобы можно было использовать в других работах.

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

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

Для этого выделяйте круг, который находится ближе к центру, и открывайте настройки выделенного объекта через панель Brushes, нажав иконку Options of Selected Object.

Вы попадёте в настройки кисти именно для выделенного круга. Там вам нужно просто увеличивать верхнее значение параметра Spacing. Поставьте галочку Preview, и вы будете видеть на рабочей области, как плотность точек у выделенного круга уменьшается. Потом переходим к другому кругу и точно также подкручиваем там Spacing, чтобы уменьшить плотность. Чем дальше отходим от центра, тем плотнее оставляем стоять наши точки.

Когда вы добились нужного результата, останется выделить всё (Ctrl+A) и разобрать кисти через меню Object > Expand Appearance. На всякий пожарный можно выполнить чистку сразу после экспанда, на случай если остались какие-нибудь огрызки или пути призраки. Для этого идём Object > Path > Clean Up > все галочки стоят.

Точки, которые остались висеть за пределами артборда нужно удалить. Это можно сделать вручную кнопочкой Delete, либо запустить скрипт Magic Eraser, чтобы грохнуть их автоматически.

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

Остался заключительный шаг — добавляем текст и готово.

А на закуску вы можете скачать бесплатные кисти, сделанные по похожему принципу — 8 Free Stipple Shading Brushes for Adobe Illustrator.

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

Как за пять минут создать векторный каменный фон в Adobe Illustrator

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

Требуемые программные продукты

В этом уроке мы будем использовать только бесплатные плагины. Так что их использование не должно вас смутить. Напротив, они расширят ваши возможности при создании векторных работ. Итак, нам потребуется плагин Scriptographer, который вы сможете скачать здесь. Вы также можете ознакомиться с инструкцией по установке этого плагина. Нам также потребуется скрипт Voronoi Tool, который следует скопировать в папку Tools Scriptographer после его установки.

Для быстрого раскрашивания векторного камня нам потребуется бесплатный плагин Mesh Tormentor. Скачать этот плагин и изучить руководство по его установке и применению Вы можете здесь.

Создание формы векторных камней в Illustrator.

После установки плагина Scriptographer в меню Window появится пункт с его названием. Переходим Window > Scriptographer > Show Main Palette.

Открываем папку Tools и запускаем скрипт Voronoi Tool.

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

Не правда ли, диаграмма Вороного очень похожа на каменную кладку? У нас есть возможность самим генерировать диаграммы при помощи Voronoi Tool, который станет активным после запуска скрипта.

Берем этот инструмент и кликаем на пустом месте текущего документа.

Дальнейшие клики приведут к дроблению полученных векторных объектов.

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

И изменять форму существующих объектов, удерживая клавишу Shift.

Итак, создадим диаграмму, объекты которой будут похожи на камни.

Если вас устраивает полученный результат, нажмите на Stop в палитре Scriptographer.

Раскраска векторных камней

Дважды разгруппировываем формы векторных камней (Shift + Command / Ctrl + G два раза). Теперь выделяем один из объектов и переходим Object > Create Gradient Mesh…, устанавливаем количество строк и столбцов в диалоговом окне.

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

Выделяем остальные камни, затем переходим Object>Create Gradient Mesh…, количество строк и столбцов должно быть такое же, как и для первого камня.

Для быстрого окрашивания этих камней мы воспользуемся бесплатным плагином для Adobe Illustrator — Mesh Tormentor (Window > Mesh Tormentor). Поместим окрашенный камень выше всех объектов в панели Layers. Выделяем его и любой другой, затем нажимаем на кнопку Clone Colors в панели Mesh Tormentor.

Черный камень немедленно окрасился в требуемые цвета.

Используя эту технику, окрасим остальные камни нашего векторного каменного фона.

Берем Rectangle Tool (M) и создаем прямоугольник с заливкой темно-серого цвета. Поместим этот прямоугольник ниже всех существующих объектов.

Вы можете сделать цвет швов между камнями неоднородным. Для этого создадим простую градиентную сетку при помощи Mesh Tool (U) и окрасим некоторые из ее узлов черным цветом.

Создание текстуры на векторных камнях.

Конечно, наш векторный фон выглядит пока не естественно. Камни не бывают такими гладкими. Давайте создадим векторную текстуру, которая исправит этот недостаток. Я нашел прекрасные образцы каменных текстур, которые вы сможете скачать здесь. Вставим каменную текстуру в текущий документ (File>Place…). Теперь переходим Object > Live Trace > Tracing Options… и устанавливаем параметры, указанные на рисунке ниже.

Нажимаем на кнопку Trace.

Нажимаем на кнопку Expandв панели Control.

Мы получили векторную текстуру. Окрашиваем ее темно зеленым цветом и применяем к ней режим смешивания Overlay.

Создадим еще одну подобную текстуру и зальем ее светло-зеленым цветом. Применим к этой текстуре режим смешивания Multiply.

Таким образом, мы создали мох на нашем каменном фоне. Нам осталось спрятать лишние элементы фона при помощи Clipping Mask. Для этого создадим ограничивающий прямоугольник, выделим все объекты и нажмем Command / Ctrl + 7

А вот другая вариация на ту же тему

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

8 популярных эффектов в плоской иллюстрации

Рваные края создают эффект карандашного рисунка, ощущается некая крафтовость.

Хотя стиль по-прежнему флэт с присущей ему строгой геометрией, визуально результат смотрится более дружелюбно.

2. Имитация текстур

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

В работе Busra Uzgun, мы видим как иллюстрация оживает и становится милой/уютной благодаря работе с фактурой, узорами и шумами.

С помощью текстур можно не только добавить иллюстрациям реализма, но и задать нужную атмосферу.

Почитать больше о роли текстур в плоской графике: https://designpub.ru/что-модно-в-плоской-графике-a.

3. Эффект книжной иллюстрации

Этот стиль напоминает карандашные зарисовки или иллюстрации из детских книжек. Особую популярность приобрел в покадровой анимации.

4. Использование пустой заливки

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

Комментарий MAD RABBIT в примере выше автор сознательно использовал у стола точечную текстуру вместо заливки однородным цветом, чтобы уменьшить его визуальный вес и не выходить за рамки ограниченной цветовой схемы.

Отметим также, что автор одновременно использует текстуры, заливку точками и имитацию дерева. Автор комбинирует растровые и векторные текстуры: например, растровой текстурой он имитирует дерево, а заливка точками использует, чтобы обозначить границы стола (который в противном случае сливался бы с фоном).

5. Отказ от дополнительных оттенков

Рецепт стиля: контур, тень цветом контура и ограниченная цветовая палитра. Этот стиль вызывает у меня ностальгию и умиление.

Автор: Dana Kalnick

Автор: Giant Ant

Комментарий MAD RABBIT то, о чем я писал в прошлом обновлении гайда и чему будет посвящено несколько страниц в грядущем: отказ от НЕфирменных оттенков (ограниченная цветовая палитра задает эстетичный внешний вид произведения и создает узнаваемость) и контрастные тени (тень — это еще одно цветовое пятно, а т.к. палитра ограничена, мы делаем тень цветом контура).

6. Градиент 2.0

Автор: Walid BenoЛегкий градиентный переход отлично вписывается в изометрические иллюстрации, особенно когда они делаются для IT продукта.

7. Использование реалистичного объекта и иллюстрации

Придает иллюстрации вид некого “коллажа” из графических элементов и фотографий.

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

Автор: Jay Quercia Комментарий MAD RABBIT но только при условии, что иллюстратор обладает прокачанным скилом подбора цвета, в против случае получится тихий ужас.

8. Реалистичная детализация

Авторство: Wonderlust

Не описать словами тот восторг, который вызывают эти кадры.

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

Рекламная пауза

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

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

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

Записки микростокового иллюстратора

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

Этот урок предназначен для опытных дизайнеров, которые не первый день знакомы с Adobe Illustrator. Поэтому если у вас в процессе выполнения урока возникли вопросы, задавайте их в комментариях. А для самых начинающих, я предлагаю познакомиться с иллюстратором на этом курсе: Adobe Illustrator шаг за шагом.

А теперь приступим к уроку. Для генерации эффекта разбросанных частиц я использовал объектные кисти Scatter Brush со случайными настройками. Именно с создания такой кисти мы и начнём.

Нарисуйте маленький кружочек с чёрной заливкой и без обводки. Размер кружочка нужно взять намного меньше размеров вашего артборда. Я решил сделать 5×5 px для артборда с размером где-то под 1000×1000 px. Этот кружочек перетаскиваем в панель Brushes. Тип кисти выбираем — Scatter Brush.

Далее мы попадаем в окно с настройками кисти. Для параметров Size, Spacing и Scatter устанавливаем случайные значения Random и разброс в процентах как на скрине ниже. Также не забудьте выбрать Colorization метод Tints. Это позволит менять цвет через настройки обводки.

Нажимаем OK и получаем объектную кисть, которая будет разбрасывать кружочки при рисовании. Рисовать можно инструментом Paintbrush Tool (B). Цвет обводки задаёт цвет кружочков. Увеличивать или уменьшать кружочки можно через толщину обводки.

С помощью этой кисти я просто намалевал несколько линий на рабочей области. А получилась текстура из хаотично разбросанных частиц. Уже это можно использовать для оформления своих иллюстраций. Можно даже сделать несколько кистей с разными настройками. Главное, сохранить их потом через меню панели Brushes, чтобы можно было использовать в других работах.

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

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

Для этого выделяйте круг, который находится ближе к центру, и открывайте настройки выделенного объекта через панель Brushes, нажав иконку Options of Selected Object.

Вы попадёте в настройки кисти именно для выделенного круга. Там вам нужно просто увеличивать верхнее значение параметра Spacing. Поставьте галочку Preview, и вы будете видеть на рабочей области, как плотность точек у выделенного круга уменьшается. Потом переходим к другому кругу и точно также подкручиваем там Spacing, чтобы уменьшить плотность. Чем дальше отходим от центра, тем плотнее оставляем стоять наши точки.

Когда вы добились нужного результата, останется выделить всё (Ctrl+A) и разобрать кисти через меню Object > Expand Appearance. На всякий пожарный можно выполнить чистку сразу после экспанда, на случай если остались какие-нибудь огрызки или пути призраки. Для этого идём Object > Path > Clean Up > все галочки стоят.

Точки, которые остались висеть за пределами артборда нужно удалить. Это можно сделать вручную кнопочкой Delete, либо запустить скрипт Magic Eraser, чтобы грохнуть их автоматически.

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

Остался заключительный шаг — добавляем текст и готово.

А на закуску вы можете скачать бесплатные кисти, сделанные по похожему принципу — 8 Free Stipple Shading Brushes for Adobe Illustrator.

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Векторы по запросу Marble

user12096945

• бесшовный фон
• бесшовный
• гранит

Жидкая мраморная текстура обои вектор

• мраморная текстура
• жидкий мрамор
• мраморный фон

Элегантный фон темных и золотых чернил

• рисование
• палитра художника
• палитра

Реалистичная коллекция обложек кинцуги

• коллекция
• шаблон
• набор

Золотая рамка на мраморном фоне

• фон приглашения
• фон рамка
• золотая рамка

Шаблон баннера черно-белой мраморной текстуры фона.

• современный баннер
• бизнес приглашение
• обложка сайта

Ручная роспись акварель фон с серебряным блеском

• абстракция акварель
• фон акварель
• акварель

Зеленый мрамор и золотой абстрактный фон текстуры

• покрасить
• царапины
• эффект

Пустая мраморная фактурная рамка

• пустая рамка
• белая рамка
• фон рамка

Золотой и розовый жидкий узорчатый фон

• inkscape
• мрамор золото
• мрамор

Реалистичная коллекция обложек кинцуги

• шаблон
• collection
• бизнес шаблон

Элегантный темный и золотой фон чернил

• спиртовые чернила
• абстракция акварель
• акварель золото

Черный и золотой мраморный стиль фона

• мрамор золото
• мрамор
• мраморный фон

Темный ручной росписью спиртовые чернила фон с блестящими золотыми элементами

• мрамор золото
• акварель золото
• абстракция акварель

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

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

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

Уровень сложности

Программы и устройства для работы

Используемые инструменты

Что такое текстура бесшовная?

Говоря простым языком, бесшовная текстура представляет собой определенный образец (рисунок), который соединяется с своими близнецами без заметных границ (при размещении бок о бок «шва» картины видно не будет).

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

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

Бесшовные текстуры делятся на:

• горизонтально бесшовную текстуру (соединять можно только по горизонтали);
• вертикально бесшовную текстуру (соединять можно только по вертикали);
• бесшовная текстура (соединять можно и по горизонтали и по вертикали).

Основная концепция бесшовной текстуры проста: если объект в шаблоне (например, камни в каменной стене) выходят за пределы края, часть объекта, которая выходит должна существовать в этом шаблоне на противоположной стороне.

Скачать или купить любую понравившуюся бешовную текстуру вы можете на любом фотобанке, например бесшовная текстура depositphoto.

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

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

Как сделать текстуру в иллюстраторе и к тому же бесшовную?

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

Шаг 1: Установка монтажной области

Выберите размер и форму Вашего будущего рисунка. В этом примере я использовала квадрат. Монтажная область будет вашим «гидом» и поможет вам визуализировать 4 стороны вашей текстуры.

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

Теперь мы хотим, чтобы наша текстура была действительно бесшовной. Для этого создаем квадрат (без каких-либо заливок) точно таких же размеров, как и наша монтажная область. Размещаем его поверх наших рисунков, все выделаем и выбираем «Объект» — «Создать обтравочную маску». Таким образом все детали выходящие за пределы монтажной области были скрыты. Далее копируем наш квадрат и ставим его с правой стороны от оригинала.

Шаг 4: Скопируйте и вставьте ваши фигуры

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

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

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

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

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

Недавно я получил письмо с вопросом – как создать такого рода паттерн в 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 в выпадающем меню и введите имя в соответствующее поле. Вот и все! Теперь вы можете применять шаблон…

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

Чтобы применить созданный нами паттерн (Pattern), нарисуйте прямоугольник и выберите паттерн в качестве заливки на панели Swatches. Часто бывает, что получаемое изображение либо слишком большое или слишком маленькое. Чтобы это исправить я обычно изменяю размер объекта с помощью масштаба. Например, устанавливаю 500% с помощью Scale Tool (Alt / Option и кликаем мышью), не забыв убедиться, что галочка Transform patterns в окне Scale снята.

Затем я масштабирую объект обратно в его оригинальный размер, снова используя инструмент 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.

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