1. Home
  2. Design School
  3. Vector Mosaic in Illustrator

Vector Mosaic in Illustrator

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 White 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 - Go to the “Appearance Panel”, click on the “Effects Menu” on the Bottom-Left side of the panel and navigate to Texture > Stained Glass… Use a “Cell Size” of 20 a “Border Thickness” of 8 and a “Light Intensity” of 1.

5 - Go to Object > Expand Appearance, then click on the “Image Trace” button on the Top Menu (or open the “Image Trace” Panel), click “OK” if you get a Pop-Up window and click on the small arrow to the left of the “Advanced” Tab to get more options. Choose “Black and White” Mode, check the “Ignore White” box and click the “Expand” button on the Top Menu when you are done.

6 - Select the “Rectangle Tool” (M), and create another 15 cm by 15 cm square but this time fill it with a “Linear Gradient” with a -90° Angle, choose two colors from your “Swatches Panel” (we used # 2484c6 and # 00a79d).

7 - Select the “Ellipse Tool” (L) and draw a circle (hold the “Shift” key) with a diameter of roughly 3.5 cm and fill it with orange or yellow (we used # fbb040).

8 - You can also add some other vector drawings. We used the “Flowers” created in the Tutorial “Zoom Effect /Flowers using Polar Grid in Illustrator” (https://fontbundles.net/blog/tutorials/zoom-effect-flow…d-in-illustrator). Select everything but the “Stained Glass” vector underneath, right-click on top and choose “Group”, then, right-click again and chose Arrange > Send to Back.

9 - Change the “Fill” color of the “Stained Glass” vector to K=90. “Copy” (Command/Control + C) and “Paste in Front” (Command/Control + F), then move the duplicate a couple clicks Up and Right using the “Arrow” Keys. Select the one under, head to the “Transparency Panel” and change the “Blending Mode” to “Overlay”.

10 - Select the “Rectangle Tool” (M) and create another Square just slightly smaller than your other ones and  give it “No” Fill and Stroke color. Select everything right-click on top and choose “Make Clipping Mask”.

11 - Your Artwork should be similar to this.

by @lornacane

Share this Tutorial

Get Instant Access To A FREE Month of Design Products Join Now
Help Center
ol image