Website Traffic Special

1000 visitors from $3.95 - Learn More

Home Sign-Up / Log-In Free Web Hosting Free Templates Tutorials & Articles Web Traffic Webmaster Forums Contact Us

Member Login Adobe Photoshop

Username
Creative Photoshop
Wkshop
Author of "Photoshop
g Remember me!
b
c
d
e
f Darkroom" Leads weekend
workshop 7/18-7/19
Main Navigation www.digitalfieldguide.com/workshop
Home

Sign-Up / Log-In
Free Tutorials Adobe Photoshop MP3 Player Design
Webmaster Forums
Learn how to create a portable media player in Photoshop.
Free Web Hosting

Free Web Hosting

My Account Management

Support Forum
Free Templates & Designs

Free Web Templates

Template Copyright Search

Step 1
Template Customization
In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media
Premium Templates
player. Although the chances are, you are thinking "why would I need to make it?", the reason for this tutorial is to
Free Tutorials & Articles teach people the techniques used for mocking up a product design.
CSS & HTML

PHP & MySQL

Adobe Photoshop

Adobe Fireworks

Cinema 4D
Other Services
Website Traffic
CSS/XHTML Coding
Web Partners & Sponsors

Computer Backgrounds
Artistic community for wallpaper
creators to display their artwork.
http://zompus.com

Anonymous Email
Create a free anonymous email
account.
hidemyass.com

Free Proxy
Surf the internet anonymously
and hide your IP address.
HideMyAss.com

Advertise Here

Step 2

Start with a large black canvas. Choose the rounded rectangle tool and set radius setting to 20px. *** NEED BR ***
In a new layer draw a #F6F5F3 round rectangle. (width: 417 x height: 268). In your canvas, marquee select your
header size which will be filled with a gradient effect. Height of 60px and width of 800px. And then add the following
layer styles: Inner Shadow
Inner Glow:
Color Overlay:

Satin:
Stroke:

You should have something similar to this:

 Step 3

Choose Select located at the top of your screen then Load Selection > Default settings.
Set your foreground color to #FFFFFF then choose the brush tool with a large soft brush.
In a new layer, paint #FFFFFF on the layer, as shown on the picture guide below.

Step 4

Create a new layer set titled Button.

In a new layer draw a #323943 circle with the eclipse tool. (width: 95 x height: 95).
 Step 5

Once again make a new layer and draw a #40454B circle. (width: 87 x height: 87).
Add the following layer styles: Inner Shadow
Inner Glow:
Stroke:
You should have something like this:

Step 6

Make a small #40454B circle. (width: 27 x height: 27)

Add the following layer styles: Inner Shadow

Outer Glow:
Inner Glow:
Stroke:

You should have something like this:

 Step 7

With the pencil tool draw an arrow shape in a new layer.

Add the following layer styles: Stroke.

Set layer's opacity level to 60% like below:

Now add arrows on all sides:

Step 8

Make a new layer set titled Screen.

Choose the rounded rectangle tool and set the radius setting to 2px.
In a new layer draw #7B7A80 round rectangle. (width: 259 x height: 195).
Add the following layer styles: Inner Shadow
Outer Glow:
Gradient Overlay:

Stroke:

You should have something like this:

 Step 9

Choose the rounded rectangle tool and set the radius setting to 2px.
In a new layer draw #2A242E round rectangle. (width: 235 x height: 182).
Add the following layer styles: Stroke.

Like this:
 Step 10

Choose the rounded rectangle tool and set the radius setting to 20px.
In a new layer draw black a round rectangle. (width: 96 x height: 25).
Add the following layer styles: Inner Shadow
Inner Glow:
Color Overlay:

Gradient Overlay:
Stroke:

Like this:
 Step 11

Add the word "Music" using font Verdana, Regular, 14pt, Sharp and #FFFFF color.
Now add an arrow from the Webdings font selection. "4" on your keyboard with 18pt, Sharp and #000000 color.

Step 12

Duplicate Tab layer-set. Remove the color overlay from round rectangle tab layer-styles.
Modify text to "Photos".
Complete menu selections with Audible, Files and Set-up tabs.
 Step 13

Add the following photo to your canvas:

Like this:
 Step 14

In a new layer draw a #121921 round rectangle. (width: 11 x height: 12).

Add the following layer styles: Drop Shadow
Inner Shadow:

Outer Glow:
Stroke:

It should look like this:

 Step 15

In a new layer, draw the pixelled image below, This will be a pattern for your speaker.
Once the pattern is in your pattern list, in a new layer draw a #FFFFFF round rectangle using the rounded rectangle
tool.
Go to Select > Load Selection > Default Settings. This should add a marquee selection to the round rectangle.
While the round rectangle is marquee selected, in a new layer add the pattern using the paint bucket tool.

Step 16

The last touch, add the logo "Lyra".

So it is centered like below:

This is what your final result should look like:
Tutorial Comments

11.06.2009 - vic1 says

It is very interesting.
 08.06.2009 - zathana says

thanks! :D

06.06.2009 - SandMan2010 says

Photoshop Free Tutorials
I wassources/options
Find more just wondering, for is there anyone who has done this and is currently using on his/her website? if yes please
shareFree
the Tutorials
link.. i wana see itDate Added:
in action 25.08.2007
before going on all of this steps.. seems easy. with this steps i think i can
Photoshop
make my own ipod.
www.webcrawler.com Author: John
User Rating: 4/5
31.05.2009 - shahfans saysTotal Views: 18168
Total Comments: 251
thanks its great

29.05.2009 - miukha says

Yeah! I like this!

Copyright 2003-2009 Zymic Free Web Hosting - All Rights Reserved.