Mobile app version of vmapp.org
Login or Join
Lengel450

: How to go about making a 3D icon for Android App Icon The android design guidelines say that "Use a distinct silhouette. Three-dimensional, front view, with a slight perspective as if viewed

@Lengel450

Posted in: #AdobeIllustrator #AdobePhotoshop #Android #Icon #Logo

The android design guidelines say that "Use a distinct silhouette. Three-dimensional, front view, with a slight perspective as if viewed from above, so that users perceive some depth." I am still fairly new with illustrator and I was just wondering if anyone could tell me how to turn a 2d flat image into something three dimensional with a slight perspective from above.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Lengel450

1 Comments

Sorted by latest first Latest Oldest Best

 

@Rivera951

this question is already answered in relation to Inkscape here

"The effect you described is simply achieved by duplicating the shape, changing it to outline, moving it up a bit and putting it in the background."

So to make a shape in Photoshop; hit CTRL and U you are now on the shape tool, holding down on this icon in the tools panel a submenu will appear with alternative shapes to choose from including 'custom shape tool' which has a wide variety.

To duplicate the layer; right click on it in the layers palette and select 'duplicate'

To change it to an outline around your button; Simply alter the shade to your desired one or if you prefer a simple outline with some negative space then consider adding a stroke.

Move up slightly; Use the move tool (V) to move a selected layer, in the case you will want to have your button as the top layer and your duplicate as your bottom layer. Ensure that it is selected and hold SHIFT while moving it up to keep it aligned with the first layer.

The principle for making this in Inkscape, Illustrator or Photoshop is the same and is as described by KMSTR in the link and quote at the beginning of this answer. Though there are other methods this is probably the most straight forward one.

(I did not mark this as a duplicate as it seems from the comments on the 'duplicate' question that the OP was still having some trouble).

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme