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

Can someone help me replicate this pattern?

Community Beginner ,
Nov 21, 2022 Nov 21, 2022

Hi! 

I'm pretty new to Illustrator, and I've been trying to replicate the "lacy" pattern that is happening in the attached image. Basically the "X's" happening behind the text, on the outer ring of the design. I don't really know where to start with this one. Any assistance would be appreciated. 

 

Thanks!CTA_Token_Screen_Print_Poster__22606.jpg

TOPICS
Draw and design , Tools
1.9K
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

correct answers 1 Correct answer

Advocate , Nov 23, 2022 Nov 23, 2022

Noah, See images below

 

Layers:

Arc. Dup and Flip. Group

Center inside a large circle. (Stroke color of None)

Group both the circle and arcs.

 

Select the Group

Apply Effect>Transform to that Group.

(I wanted 100 arcs. FYI, A Circle is 360 degrees. So 360/100=Angle 3.6)

 

I duplicated that. Put on different layer.

Expand Transform.

Select your Group.

Go to Appearance Panel. (Fly out menu- Add Stroke)

Select the top Stroke- I made green, 2pt

Select the bottom Stroke – I made black, 4pt

 

If you need any further a

...
Translate
Adobe
Engaged ,
Nov 21, 2022 Nov 21, 2022

with strokes, draw an "X" pattern.

play with the stroke thickness, then "Outline stroke" - the strokes will become filled objects.

Use the pathfinder tool to merge the shapes.

Make the stroke of the new shape Black (or whatever colour) make the fill "None"

Now maybe play with the Warp effects.

 

 

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 ,
Nov 21, 2022 Nov 21, 2022

Create a curve and add 2 strokes of different size and color in the Appearance panel. Set the bottom Opacity item in the Appearance panel to Lighten blend mode.

Click once with the Pen tool to add a single anchor point (no fill/stroke) right below the lower right of the curve. This will act as your rotation point.

Group the curve and the single anchor point

001.png

In the Appearance panel add a Distort & Transform > Transform effect and rotate multiple copies around the lower right transformation point.

002.png

Add another Transform effect to reflect a copy from the center along the X axis.

003.png

You can modify everything afterwards, direct select the curve to change the strokes, select the group to change the angle and the number of copies.

Edit: To avoid problems with the Screen blend mode when the object is placed on a background, check Isolate Blending in the transparency options for the Group.

Screenshot 2022-11-22 at 10.08.42.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
Community Expert ,
Nov 21, 2022 Nov 21, 2022

Nice! I'm impressed.

David Creamer: Community Expert (ACI and ACE 1995-2023)
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 ,
Nov 21, 2022 Nov 21, 2022

Thanks David!

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 ,
Nov 24, 2022 Nov 24, 2022

Awesome work, thank you for explaining that! 

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 ,
Nov 22, 2022 Nov 22, 2022

Noah, Hi.

 

Here I started with two arcs. Group.

Then centered within a large circle. (Circle is colored green so you can see. Yours will be a stroke of Color none). Group

Effect>Transform

Expand Transform.

On that Group, Appearance Panel, Add two strokes.

 

K

Screen 01.pngScreen 02.pngScreen 03.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
Mentor ,
Nov 22, 2022 Nov 22, 2022

Cool!

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 ,
Nov 22, 2022 Nov 22, 2022

Thanks so much!!

Which layers are you grouping exactly?

 

If you still have it, would you mind posting the .png of the patern? If not, that's cool.

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 ,
Nov 22, 2022 Nov 22, 2022

Hey, also, here is what I have so far... What do you suggest I do next.

 

Sorry for hounding you!

Untitled-1 [Recovered].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
Advocate ,
Nov 23, 2022 Nov 23, 2022

Noah, See images below

 

Layers:

Arc. Dup and Flip. Group

Center inside a large circle. (Stroke color of None)

Group both the circle and arcs.

 

Select the Group

Apply Effect>Transform to that Group.

(I wanted 100 arcs. FYI, A Circle is 360 degrees. So 360/100=Angle 3.6)

 

I duplicated that. Put on different layer.

Expand Transform.

Select your Group.

Go to Appearance Panel. (Fly out menu- Add Stroke)

Select the top Stroke- I made green, 2pt

Select the bottom Stroke – I made black, 4pt

 

If you need any further assistance, members are here to help.

 

K

Screen 01.pngScreen 02.pngScreen 03.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
Mentor ,
Nov 23, 2022 Nov 23, 2022

Looks like your rotation is not centered. In the very first image the two strokes are inside a circle, select everything, including the circle, rotate 3.6degrees, then drag-select across the circles' edges then delete. Then follow K's instructions, I did it yesterday and it works perfectly.

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 ,
Nov 24, 2022 Nov 24, 2022

Thanks for helping to break that down... Everything looks good on my end!

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 ,
Nov 24, 2022 Nov 24, 2022

Hi, thank you for the more detailed explanation. I figured it out and it looks great!

 

Appreciate all the help!

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 ,
Nov 25, 2022 Nov 25, 2022
LATEST

Noah, You’re welcome.

It was fun to do. 😀

 

K

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