How to Create an Illusion in Logo

How to Create an Illusion in Logo

Illusions in designing is the trend that is ready to surface. So, in this tutorial we are going to talk about illusion in letter logo designing. We’ll try to recreate the letter S and give it a little twist with color shadows and lights. Creating illusions is not easy but all you need to remember is where you want the light in your design and that shadow shall follow it. You may find additional inspiration by searching on Vlemonn.

Let’s get started


Step 1

First, we create a new document (cmd+N or ctrl+N) in Adobe Illustrator with an artboard size of 800 x 600px

Step 2

Now use Rectangle Tool (M) from the tool panel and create a rectangle. Then copy the rectangle and paste is twice. Once above it and then below it. With the Direct Selection Tool (A) select the vertexes one by one and align them to vertexes of the copied rectangles.

The 1st and 2nd vertex should be aligned to the bottom rectangle and the 3rd and 4th vertex should align with the top rectangle as shown below.

Step 3

Simply copy this slanted rectangle and paste it five times. Remember they need to align and should be placed one below the other.

Step 4

You need to use the rectangle tool to create a vertical rectangle on the left end of the slanted rectangles.

Step 5

Now select your newly created rectangle and the second in line slanted rectangle and select the Shape Builder tool (Shift + M) to create different objects as shown below.

Once you have have divided the second rectangle into two objects, just delete the remaining of the vertical rectangle from your artboard.

Step 6

Select the Pen Tool (P) from the tool panel and create a path that connects first rectangle with the second rectangle where its just been divided. You need to create three such paths. You may copy the first one and paste it on the design as shown below.

Step 7

Now select your entire design and again select the Shape Builder tool and then click and drag across the selected shapes to create one single object. Create different objects as shown below.

Remember that your paths must be either aligned or overlapping for the Shape Builder tool to work.

Step 8

To complete our design, select all the objects and Click Right > Transform > Reflect > Vertical. Then hit copy on the reflect panel with vertical option selected.

Step 9

After you have aligned this new copy, select the bottom rectangles on the right side and bring them on the top to align with the rest of the design. Then bring down your entire right side of the design as shown below.

Step 10

Select the bottom right rectangle and hit delete as it is not anymore useful to our design.

Step 11

We’re now going to generate our color palette.
First select your colors for light and shadows. Draw squares with fills of the colors you’re going to use for the different parts of the design. I've picked one for light, one for shadow.

To get the shades in between, we will use the Edit Colors. First click on the light color and then on the darker color and have two more boxes between them selected. Then go to Edit > Edit Colors > Blend Horizontally.

Step 12

Now you can use the colors and add them to the Swatch panel by selecting them and clicking on the New Color Group button.

Step 13

Our design and the color palette are ready. Now select an object, then select the color you want to fill in it. Try to play with colors and have direction of the light and shadow. If you have problem understanding the color flow, just refer to the image below.


Finally, our logo is complete! I hope you have enjoyed this tutorial. You can change the shape, the letter and the color and create your own illusion. If you do follow this tutorial and were successful in creating your own illusion in logo design, please post it in the comments so we can see your result. Thankyou fellow designers!

Please go and check out my portfolio on Shutterstock guys!

Charu Jain Portfolio

Leave A Comment

Please login to post your valuable comments.

Join the newsletter

Get the latest vLemonn news first