Mobile app version of vmapp.org
Login or Join
Sarah814

: Creating a flat, 2D logo with 3D Illusion I'm an apprentice designer and I often visit websites like Logopond in search of inspiration for some illustrations and logos. I see many logos with

@Sarah814

Posted in: #AdobeIllustrator #FlatDesign #Logo

I'm an apprentice designer and I often visit websites like Logopond in search of inspiration for some illustrations and logos. I see many logos with a similar style to this:



Meaning they are 2D - flat while at the same time giving the impression of being 3D.



My questions are:


Is there a specific name for this kind of style?
What is the best and most efficient way to achieve this effect, let's say on a simple square, on Adobe Illustrator?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sarah814

2 Comments

Sorted by latest first Latest Oldest Best

 

@BetL875

You can create a square, and using the Pen tool (P) and create a bunch of anchor points to make different triangles like so:



Even before you've added in color it gives the perception of 3D.



You can then go to the Pathfinder Panel (Ctrl/Cmnd+Shift+F9) and use the divide tool.
Ungroup and color with different gradients - at different angles to better make it appear 3D

10% popularity Vote Up Vote Down


 

@Miguel516

Your reference image is a an example of a logo that uses the flat style. The shapes that make up the logo are very simple but the use of gradients gives them the perception of depth.

There are different ways to achieve this effect with Illustrator. One would be to start with a base shape like a square. Then start layering additional shapes of varying colors on top of the box. Once you create a shape you like select all shapes and use the Divide tool.



Ungroup your shapes with cmd+shift+g, and begin deleting your extra layers. You may need to repeat this a few times until you get the hang of it.

Once you're happy with your layout you can begin applying gradients to each individual layer.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme