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.

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

ชีวานรินทร์
Location :
  

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