Now we will apply the final light touches to the icon:
Pahse 3: Finalizing The Icon
15 – Let’s have two copies from the top side and place them overlapping each other, with the one top moved a little higher.
Next, we will apply minus front to gain a slim two sided corner:
16- Since we have a nice shining corner, let’s place that corner on the top with screen level:
17- To get a another shining line on the front center, we will first duplicate the base hexagon:
18- Now let’s create a dummy mask from filled rectangles, leaving only a place for front center shiner:
19- We are so close to be done.
Now we will minus front these to crop the shiner:
20- Finally, let’s place that shiner on the front center to complete our cube icon:
That’s it!
You’ve got yourself a nice lovely shining cube, and it is scalable!
If you like, you can play more to achieve different colors and shades/glows:
See how it turns out:
I’ve included the illustrator file used for this tutorial.
You can download it from here.
I hope you enjoyed doing as much as I enjoyed tutoring it =)
Tags: 3d vector, free, illustrator, vector icon tutorial
Nice man.
Two thumbs up
Thanks 4 sharing.
nice work thanks
awsome! Not only did i learn how to make the 3d isometric icon, but also some tricks that i dint know about.
- Thanks alot.
bautiful banana
[...] 3d Isometric Vector Icon Tutorial [...]
[...] 3d Isometric Vector Icon Tutorial [...]
[...] 3d Isometric Vector Icon – Monofactor [...]
[...] 3d Isometric Vector Icon – Monofactor [...]
[...] are a good way of learning some new tricks. This one at monofactor is a very good one. For me especially because of the subtle finishing touches that [...]
[...] 20. 3D Isometric Vector Icon Tutorial [...]
[...] 20. Объемные векторные иконки-кубики: [...]
[...] 20. Объемные векторные иконки-кубики: [...]
[...] 3DISOMETRIC Vector Icon [...]
[...] 3D Isometric Vector Icon Tutorial Create a simple and beautiful 3D icon using a variety of Illustrator tools such as the 3D Rotate [...]
[...] 20. 3D Isometric Vector Icon Tutorial [...]
[...] So, if you want to know how, just go and find out how! [...]
Screen transparency didn’t work for me in CMYK colour. I had to set it to RGB to achieve the effect.
[...] 3DISOMETRIC Vector Icon [...]
[...] 3DISOMETRIC Vector Icon [...]
[...] 3DISOMETRIC Vector Icon [...]
Looks very good!
[...] 3d Isometric Vector Icon Tutorial [...]
[...] 3d Isometric Vector Icon Tutorial [...]
[...] 3d Isometric Vector Icon Tutorial [...]
[...] 3-D Isometric Vector Icon Learn how to create a 3D isometric vector icon in Illustrator. [...]
[...] 3-D Isometric Vector Icon Learn how to create a 3D isometric vector icon in Illustrator. [...]
[...] 3-D Isometric Vector Icon Learn how to create a 3D isometric vector icon in Illustrator. [...]
[...] 3d Isometric Vector Icon – Monofactor [...]
[...] 3-D Isometric Vector Icon Learn how to create a 3D isometric vector icon in Illustrator. [...]
[...] 3D Isometric Vector Icon Tutorial [...]
[...] 3D Isometric Vector Icon Tutorial [...]
An excellent article
Beautiful Technique.
[...] 30. How I Created Turqua: 3d Isometric Vector Icon Tutorial [...]
[...] 3-D Isometric Vector Icon Learn how to create a 3D isometric vector icon in Illustrator. [...]
I don’t understand the phases 9 and 10. Select group or the path? I don’t know. Be more explicit please. Thank you.
[...] 3d Isometric Vector IconThree dimensional shapes are less complicated to create in Illustrator than you may think. The 3D Extrude and Bevel effect can be used to create interesting designs. In this tutorial you’ll learn how. [...]
[...] 3d Isometric Vector Icon Three dimensional shapes are less complicated to create in Illustrator than you may think. The 3D Extrude and Bevel effect can be used to create interesting designs. In this tutorial you’ll learn how. [...]
[...] 3d Isometric Vector Icon Three dimensional shapes are less complicated to create in Illustrator than you may think. The 3D Extrude and Bevel effect can be used to create interesting designs. In this tutorial you’ll learn how. [...]
[...] 3d Isometric Vector Icon Three dimensional shapes are less complicated to create in Illustrator than you may think. The 3D Extrude and Bevel effect can be used to create interesting designs. In this tutorial you’ll learn how. [...]
Beautiful. Is it possible to do something similar in inkscape?