Sponsored by the National Association of Photoshop Professionals. Learn More
This week we are going to look at how to draw a CD. We will be using the new opacity options on the layer palette. We will also be using the fade fill command. Not too many people even know about this incredibly useful tool.
So without further adieu lets make a CD!Create a new document 5″ X 5″ at 72 dpi in RGB mode.
Use the guides to define the center of the page.

Choose the elliptical marquee tool and holding down the Shift and alt/option key draw a circle from the center.

Create a new layer.

Choose the rainbow conical gradient tool.
![]()
Begin at the center and drag the gradient tool to the outside to create the fill.

Now choose a greenish color and fill right over the top of the gradient.

Press Edit>fade fill

I Selected color mode and lowered the opacity to 73%. Experiment to see what works best for you.

You should have something that looks similar to this.
Now make a smaller selection with the elliptical marquee tool.

Press the delete key to cut a hole in the CD. Don’t deselect.
Create a new layer and Fill with white. Make a smaller circle and delete the center.
Your CD should now resemble the picture here.

Using the layer styles, add a bevel to the small ring.

Lower the fill opacity to 6%.

Notice how the layer style remains and the fill is reduced.

Merge the 2 cd layers together.

Apply a beval and a drop shadow to the layer.

Here is our final CD!

I hope this little tutorial showed you how to use some handy Photoshop tools as well as give you a fun little image to play with.
Until next week… See you at the café www.photoshopcafe.com
RSS feed for comments on this post. TrackBack URI
Corey shows you how to create a 3D animation form 2D elements using Photoshop CS4 Extended. Click here to download a .MOV file with the final version of this animation.
This effect was discovered by a ‘happy accident’ and uses the 3D features inside of Photoshop CS4 Extended.
Further experiments into what you can do with texture images in Photoshop.
Create and animate a 3D wireframe using Photoshop CS4 Extended.
Sometimes our best creations happen by pure experimentation and accident. Sitting in front of a Photoshop file, you are 40 History States in, and then it happens…magic! You really want to be able to get back to that moment. To do so, make sure that you turn on the History Log checkbox in the General Preferences (Photoshop>Preferences>General [PC: Edit>Preferences>General]). You can save the information as metadata, as a separate text file, or both!
305 said on — April 11, 2008 @ 3:17 am
tnx i need this tutorial…
Qaisar said on — June 19, 2008 @ 2:15 am
its nice toturial, but i want CD with Box like Product Box with Cd… is it possible ??
Rick said on — September 2, 2008 @ 3:14 pm
Good tutorial, I wanted to learn this.
Gurcharan Sandhu said on — December 15, 2008 @ 6:56 am
can i insert ti in my music player tray.. thnX for it. kalakar……
amir said on — December 30, 2008 @ 12:36 pm
nice ! it was a nice tutorial