All Blog
Volume Control Widget

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 200×200 pixel
with white background. Make a new layer and set your foreground to black
and with your Rounded Rectangular Tool draw a rectangular.

Volume Control Widget

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%.

Volume Control Widget

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.

Volume Control Widget

Make a new layer, select your Line Tool (U) and start cutting the
blue rectangular. Make sure the sections have the same size.

Volume Control Widget

Step 4

Now add some shadow to the first rectangular.

Volume Control Widget

The result should be this.

Volume Control Widget

Create Date : 26 เมษายน 2553
Last Update : 26 เมษายน 2553 14:37:13 น.
Counter : 381 Pageviews.

ชื่อ : * blog นี้ comment ได้เฉพาะ VIP Friend
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet

Location :

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 Rss Feed
 ผู้ติดตามบล็อก : 3 คน [?]