SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Web Layout How to Create Battery Icon in Photoshop

How to Create Battery Icon in Photoshop

PSDpoint Web Layout Apr 17, 2012

Learn How To Create Battery Icon In Photoshop! Today we will learn how to Create Battery Icon in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial. This tutorial is very simple to follow, so I suggest to everyone to give a try.

Final Result

10 Battery Icon final How to Create Battery Icon in Photoshop

 Download Psd File

1.  Create a new project with a resolution of 1280 x 1024 pixels

1 white background12 How to Create Battery Icon in Photoshop

2.  Now Select the Rounded Rectangle Tool (U) and make shape with radius to 80 pixels like as Below

2 Battery Icon shape How to Create Battery Icon in Photoshop

3.   Open layer style and select Gradient Overlay and set the Gradient Overlay like as below

3 Battery Icon gradient How to Create Battery Icon in Photoshop

4.   Now make a new shape and select Rectangular Marquee tool (M) and cut the shape like as below

4 Battery Icon cut How to Create Battery Icon in Photoshop

5.  Open layer style and select Gradient Overlay and set the Gradient Overlay like as below

5 Battery Icon cut gradient How to Create Battery Icon in Photoshop

6.  Now Select the Rounded Rectangle Tool (U) and make shape like as below

6 Battery Icon black How to Create Battery Icon in Photoshop

7.  Open layer style and select Gradient Overlay and set the Gradient Overlay like as below

7 Battery Icon black gradie How to Create Battery Icon in Photoshop

8.  Now Select the Rounded Rectangle Tool (U) and make shape like as below

8 Battery Icon power How to Create Battery Icon in Photoshop

9.   Now copy layer style and paste layer style on shape layer like as below

9 Battery Icon power copy How to Create Battery Icon in Photoshop

  Download Psd File

I hope you've enjoyed this tutorial and I hope these techniques have inspired some new thoughts and ideas for your next design.

   

ABOUT THE AUTHOR

Shahzad Amin PsdPoint Best and Unique Web Photoshop Graphics Designers Team
subscribe to newsletter