By Design Bundles
08 May 2019
4 Mins

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”. 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 andgive 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

6 Related Illustrator Tutorials

How to Convert a Drawing to a Vector in Adobe Illustrator

Have you wanted to create vector images from your drawings but didn’t know how? It’s actually pretty easy to do. In this tutorial, we’ll teach you how to convert a drawing to a vector in Adobe Illustrator.We’ll be using a drawing of a feather from ...

See Through Vector Window in Illustrator

You will need a vectorized image of a “Window” and a “Landscape” to use as “Background”.1 - In Illustrator, create a “New Document” (Command/Control + N).2 - Open the File containing the “Window” Image you chose, then “Copy” (Command/Control + C) and “Paste” it (Command/Control + V) inside your Document.3 ...

Pop Art Vector Images in Illustrator

This tutorial will show you how to create a pop art vector image in Illustrator from a photo. Pop art vector images work well on posters, stickers, and sublimation designs as they are very striking with saturated colors and bold outlines.For this tutorial, you will need an image or ...

Ribbon Banner Vector in Illustrator

1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M), click on the Top-Left corner of your Canvas and input the same “Width” and “Height” of your document to make a rectangle that covers all of it and fill it with a “Radial Gradient” from White with 0% “...

Abstract Vector Background in Illustrator

1 - In Illustrator, create a “New Document”.2 - Select the “Rectangle Tool” (M), draw a rectangle covering your whole document and fill it with Black.3 - Lock your “Background” Layer by clicking on the left side of its thumbnail to bring out the small “Padlock” icon. Create a “New Layer” ...

Flat Vector Diamonds in Illustrator

Today, we will learn how to create quite popular yet simple flat-style vector diamonds and/or gems in Illustrator. We will achieve this with some basic shapes and a simple color palette. We are going to create two basic views of the vector diamonds, a look from the top and ...