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

Can someone help me replicate this pattern?

Community Beginner ,
Nov 21, 2022 Nov 21, 2022

Copy link to clipboard

Copied

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 , How to , Tools

Views

1.2K

Likes

Translate

Translate

Report

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

Enthusiast , 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

...

Likes

Translate

Translate
Engaged ,
Nov 21, 2022 Nov 21, 2022

Copy link to clipboard

Copied

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.

 

 

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Nice! I'm impressed.

David Creamer: Community Expert, Adobe Certified Instructor, and Adobe Certified Expert (since 1995)

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Thanks David!

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Awesome work, thank you for explaining that! 

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

Cool!

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

 

Sorry for hounding you!

Untitled-1 [Recovered].jpg

Likes

Translate

Translate

Report

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
Enthusiast ,
Nov 23, 2022 Nov 23, 2022

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

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
Guide ,
Nov 23, 2022 Nov 23, 2022

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

 

Appreciate all the help!

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

LATEST

Noah, You’re welcome.

It was fun to do. 😀

 

K

Likes

Translate

Translate

Report

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