Tips to create a 3D look for 2D icons

Thursday, December 2, 2010 in Uncategorized

2D icons are 2D geometric models meaning two-dimensional objects. By using the proper techniques and tricks you can make them look similar to 3D oblects.

2d Icons used on your website help to visualize your products and services, to evoke visitors interest to them and enhance customers online buying experience. By placing 2D icons you may display the product alone or create a kind of environment where the product could be applied.

2D web icons set

Neat set of 2D web icons


Objects designed as 2D icons may have a quite trustworthy 3D look. While designing the icon you should first of all make its basic shape. Then you are to add the new shapes for the smaller details, highlights, halftones and shadows. After that you fill the prepaired shapes with solid colours.You can create the shadows with masks and layers if you use the multiply blending mode. Keep in mind that you should draw each shadow area on a separate layer.

Black set of 2D icons

Black set of 2D web Icons

Making the right color combinations, playing with the layers adjustments and blending styles you are able to achieve some evident volume. The more probable look the shades the closest resemblance of 3D style you will get.

2d icons for web

2D Icons resembling 3D

You are free to check our 2D Icons category to find some great ready samples of 2D Icons.

Tags: , ,

Add Your Comment