common.menu
Search
 
  1. Home
  2. Design School
  3. Seamless Quatrefoil Pattern in Illustrator

Seamless Quatrefoil Pattern in Illustrator

Posted on 9th January 2019
1 - In Illustrator, create a “New Document”.





2 - Select the “Rectangle Tool” (M), click inside your canvas and input a “Width” and “Height” of 15 cm.





3 - Fill it with a very Light Gray (Swatches Panel) and Center it using the “Horizontal and Vertical Align Center” options on your Top Menu and make sure that “Align to Artboard” is selected. Or use the same options in the “Align Panel”.





4 - Select the “Ellipse Tool” (L), click inside your canvas and input a “Width” and “Height” of 1.5 cm. It should have NO “Fill” and a Medium Blue “Stroke” (Swatches Panel).







5 - Change the “Stroke” Weight to 10 px and Center it to the Canvas like you did with the Square.





6 - Select the Circle and go to Object > Transform > Move… (Shift + Command/Control + M) use a “Vertical Position” of 2 cm a -90° Angle and click “Copy” instead of “OK”.





7 - With both Circles selected go to Object > Transform > Rotate… use a 90° Angle and click “Copy” instead of “OK”.





8 - Select all the Circles, head to the “Pathfinder Panel” and click “Unite”.





9 - Double-click on the center vector to isolate it and then “Delete” it. To exit the “Isolation Mode” click on the small “Arrow” on the Top of the Canvas. You may need to Center the Vector one more time.







10 - Select your Vector and go to Object > Pattern > Make, click “Ok” on the Pop-Up Window name your Pattern and change the measurements so that the vectors strokes Overlap (3.5 cm for “With” and “Height”). When you are happy, click “Done” on the upper menu.







11 - Your new Pattern should be on the “Swatches Panel”. Create another Square on top of the first one with the “Rectangle Tool” (M) and fill it with the Pattern. Create a duplicate of the Pattern by dragging it to the “Create New Swatch” icon at the bottom of the Panel.





12 - Double-click on your duplicate Pattern to open the “Pattern Options” select the paths and change the “Stroke” color to White. When you are happy, click “Done” on the upper menu. You can also add a Circle filled with White to the center of the vector to further modify the Pattern.







13 - Now you can change the background color and use the different instances of your Pattern.


by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image