Drawing a battery meter icon in photoshop

Please Note: Do NOT copy our entire tutorials, we work hard to make these. You are not allowed to translate our tutorials and add them to your site without our permission.

Checked out our Comics yet?

Here is a tutorial in which you can find out how to go about drawing a battery meter icon using photoshop. It should be quite easy to follow. This is the final result:



Drawing the basic shape:

To begin, create a new document, I used 400x400px with a white background. Draw this shape:



Lets name this layer the outer layer.

Fill this shape with the color code: #cccccc



Once done, duplicate this layer and transform(ctrl+t) the shape to 90% of its size, Convert this shape to a selection by right clicking and clicking on make selection and fill it with white color using the paint bucket tool

This will the be the inner layer:



Subtract part of the selection using the rectangular marquee tool and pressing the ALT button on your keyboard, see image below:



Create a new layer, lets call this the green layer. Fill this selection with the color code: #00ff00



Create a new layer and name it the top layer. Make this shape using the pen tool:



Right click and make it a selection

Fill the selection with the color code: #cccccc

Do not deselect the selection:



Continued on next page