Compact Disc
Compact Disc
Welcome to the Creating a Compact Disc tutorial. If you need help with it, or find it confusing, don't
hesitate to e-mail me, the information is at the bottom of the page.
1
Create a new document ( Ctrl + N ). Open
the Elliptical Marquee Tool ( ), hold
down the Shift key on your keyboard (to
create a perfect circle) and drag a circle
selection in the middle of your working area.
At this point you may fill the circle with the
color you want, this will change the
tint/color your CD obtains. Create a smaller
circle inside using the same method, use the
image to the left to size it up, once selected
hit the Delete key on your keyboard.
Use the following RGB settings to use the
color I used; 25, 140, 206.
2
Drag the current layer to the Create New
Layer button at the bottom middle of the
Layers palette to create a copy of it. Add a
lighting effects filter,
Filter>Render>Lighting Effects and use a
high Gloss setting along with a low Material
setting. This part is really up to you as you
decide how much of a glare you want your
CD to have. Once the Lighting Effects have
been applied set the layer's blending mode to
Luminosity.
Your result should look somewhere near to
the image to the left.
Creating A CD in Photoshop 5/5.5
3
Recordable CDs will normally have an easily
identifiable edge, or ring, I don't know why it
it is there, but since I was using a recordable
CD for reference, I'm not about to leave it
out. Create a circle in the middle and remove
the middle using the selection methods you
used above.
Once you've finished set the layer's opacity
to 30% and set the blending mode to
Overlay.
Your result should look similar to the image
to the left.
4
Choose the Gradient Tool from the toolbar.
In it's options palette set the gradient mode to
Transparent Rainbow.
Place the cursor at the top in the center of the
document and drag downwards past the other
edge, release the mouse and and rainbow
gradient will appear.
Click Ctrl + A on your keyboard to select
all.
Creating A CD in Photoshop 5/5.5
5
Choose Edit>Transform>Skew from the
main menu. Grab the top and bottom-left
handles of the bounding box and drag them
to the center. You may need to drag the
upper right handle upwards more and the
lower right one downwards to spread the
gradient across the CD a bit more.
Use the image to the left for reference.
Press Enter when you're satisfied or click
Esc to cancel and restart.
6
Set the layer's blending mode to Overlay and
add a Guassian Blur, Filter>Blur>Guassian
Blur, input a setting of 10 and press OK.
Creating A CD in Photoshop 5/5.5
7
Add this effect to the top, bottom and left
side of the CD, and you'll get something like
this.
One way of doing this is as follows;
Drag the first gradient's layer onto the
Create New Layer button in the Layer
palette, and rotate the other gradients to fit
nicely using the Free Transform options
(Ctrl + T)
8
Hold down your Ctrl key and click on the
Create New Layer button in the Layers
palette. This will add an adjustment layer,
choose Hue/Saturation as the Type and
make sure you check Group With Previous
Layer.
Click OK and the Hue/Saturation dialog box
will appear, input these settings, or
experiment with your own;
Hue: 0
Saturation: 25
Lightness: -27
Colorize: Yes
You can download my settings here if you
are familiar with loading settings.
Creating A CD in Photoshop 5/5.5
9
Repeat step 8 for the upper gradient except
use the following settings, or download mine
here.
Now Ctrl + Click on the New Layer button
again, but this time choose Levels as the
type. (This layer should be created above the
second Hue/Saturation layer) Use the
following Levels settings, or download mine
here;
Channel: RGB
Input Levels: 131 , 0.83 , 245
Output Levels: 45 , 27
Note: Step 8 and 9 are very loose, you can
customize the CD as you want, these are just
the settings I used.
10
Ctrl + Click on the original CD template's
layer (the first layer we created) to access it's
transparency mask. (selection)
Choose Select>Modify>Expand, use and
input of 4 pixels, create a new layer above all
the others and fill the selection with black.
Your result should look similar to the image
to the left.
Creating A CD in Photoshop 5/5.5
11
There are of course little subtleties that need
to be added to this to make it look like a real
CD, but the main effect has been achieved.
Keep in mind that if you change the the the
color of the first layer, the color of the CD
will change with it, although you may have
to change the adjustment layers' settings a
bit.
Voila we have a CD!
Discussion
I hope you enjoyed the tutorial, I hope you understood it all being as it was very long. If you have any
questions, or there are any steps that I can further elaborate on, don't hesitate to e-mail me using the
information below. Due to the amount of e-mail I get, you'll get a quicker response if you use the
discussion forum. Post your question in the tutorials forum. Click here to go to the discussion forum.
Examples
If you size them down, the CDs make for great icons as well!
Dan Caylor
http:/www.thinkdan.com
E-mail: [email protected]
Copyright 2000, 2001 Dan Caylor
Creating A CD in Photoshop 5/5.5
Creating A CD in Photoshop 5/5.5
file:///C|/Documents and Settings/Dan Caylor/Desktop/thinkdan/tutorials/photoshop/compactdisc/pdf.html (7 of 7) [2001-01-08 20:28:21]