I use widgets a lot. They are very useful, but at the same time is very hard to find the right design for your theme. I usually search a lot for one that has both the things I need and colors. Here is how to design a volume control widget in two classic colors, black and blue. You can choose other two colors
Step 1
Open a new Adobe Photoshop document 200x200 pixel with white background. Make a new layer and set your foreground to black and with your Rounded Rectangular Tool draw a rectangular.
Step 2
Open a new layer and with your Elliptical Marquee Tool draw a circle in the upper part of the rectangular. Fill it up with white and set the opacity to 46%.
Step 3
Open a new layer set the foreground color to #397fff and the Rounded Rectangular Radius to 5 px. Now draw a rectangular in the middle of the first one.
Make a new layer, select your Line Tool (U) and start cutting the blue rectangular. Make sure the sections have the same size.
Step 4
Now add some shadow to the first rectangular.
The result should be this.
Filed under Photoshop Tutorials