An iRiver design

Step 1:

Let's start out by creating a new file. I used a 850×300 pixels canvas set at 72dpi, and I filled my background with white. In a new layer draw a large gray rounded rectangle with a short cuve, #B9BABF color shade and 300 x 185 px dimensions. Then cut the right side corners off the rounded rectangle.

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Glow and Gradient Overlay blending options to your gray rounded rectangle layer.

Result:

Step 3:

In a new layer draw a gray vertical rectangle with #C3C6CB color shade and 56 x 185 px dimensions.

Step 4:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow and Gradient Overlay blending options to the gray vertical rectangle layer.

Result:

Step 5:

In a new layer draw a black vertical rectangle with the same size as your gray vertical rectangle.

Step 6:

Under Layer Style(Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to the black vertical rectangle layer. Then set the layer's blending mode to Lighten.

Result:

Step 7:

In a new layer draw a large dark gray rounded rectangle with #3D4047 color shade and 275 x 159 px dimensions.

Step 8:

Under Layer Style(Layer > Layer Style) add an Inner Glow, Gradient Overlay and Stroke blending options to the dark gray rounded rectangle layer.

Result:

Step 9:

In a new layer draw a white rectangle with 39 x 69 px dimensions on the top right corner of the design.

Step 10:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Satin, Gradient Overlay and Stroke blending options to your white rectangle layer.

Result:

Step 11:

In a new layer draw a small white rectangle with 38 x 5 px dimensions as shown below.

Step 12:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow and Gradient Overlay blending options to your small white rectangle layer.

Result:

Results:

iRiver Design.

If you found the above Photoshop tutorial helpful, please help to share this with others by using the 'digg' button below.

Other Photoshop Tutorials Designing an Alien head logo Metal with Blood Stain effect Design a Pencil How to create Glossy Buttons in Photoshop How to create Metallic, Rusty effects, with Holes A simple, clean Content Box Preserving Spot Colours in Photoshop A Professional Blog Template Design created in Photoshop A Disney.com style Navigation Interface A Custom-Fitted Logo A Futuristic Logo created in Photoshop A Metallic Content Box created in Photoshop A Clipboard icon created in Photoshop Creating an Industrial Text Effect in Photoshop A fun Robot head design   SEE ALL PHOTOSHOP TUTORIALS HERE

return to previous page