Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

How would I build this pattern in illustrator?

Community Beginner ,
Apr 24, 2019 Apr 24, 2019

Hello friends,

How would I build this white and black pattern in illustrator? (note I am completely, new to illustrator)

illustratorpattern.jpg

1.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Apr 24, 2019 Apr 24, 2019
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 24, 2019 Apr 24, 2019

Thank you!

I have managed to do everything except for the black arrows, how would I build those?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 24, 2019 Apr 24, 2019

Everything there is 45 degree and vertical lines. Use the pen tool and smart guides.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 24, 2019 Apr 24, 2019

Thanks,

But the smart guides won't work, I cant get them on the exact correct position. I have followd the smart guides but they don't click where I want them to, what am I doing wrong?building1.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 24, 2019 Apr 24, 2019

You will need a grid.

(But unfortunately your "image" wasn't correctly created in a grid.)

And one note: a 45° grid is IMO not the best choice for an isometric grid.

isometric_00.png

At first create a grid

isometric_01.png

isometric_02.png

isometric_03.png

isometric_04.png

isometric_05.png

Ready

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 25, 2019 Apr 25, 2019

This is such a good answer thank you!

One question though, how do I build this isometric grid with 45 degrees?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Apr 26, 2019 Apr 26, 2019
LATEST

Here I created a seamless pattern from a divided Hexagon shape.

I used that as my isometric grid.

Live Paint next. Random recolor.

Expand Live Paint.

Recolor as you wish.

Select same color. Pathfinders>Unite.

K

Hex design.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Apr 24, 2019 Apr 24, 2019

Draw a rectangle, then take your pen tool and add a center point on the top edge, and a center point on the bottom edge.

Next, take your hollow arrow tool, select both center points only and drag them down until it creates your chevron shape.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 25, 2019 Apr 25, 2019

There's so many ways to do things in Illustrator. I would have used the Perspective Grid.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 25, 2019 Apr 25, 2019

But you can't make an isometric grid with the perspective grid.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 25, 2019 Apr 25, 2019

Good point Doug. I hadn't looked at it closely enough.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines