Draw a CD in Photoshop

This post was written on July 31st, 2009 - Drawing | 1 Comment

Creating a great looking CD in Photoshop is a relatively easy task and only takes a couple of minutes from start to finish. If you follow this Photoshop tutorial you’ll be able to create all sorts of CDs in no time. So then, lt’s begin.

Set the scene

To begin with we want a canvas with a white background, 600px by 600px. Now before we do anything we need to create two new guides. To create a new guide in Photoshop click on View and then New guide in the main menu.

create-new-guide

Using this create two guides; one vertical guide at 300px and one horizontal guide at 300px. The point at which these guides cross on our canvas is the exact center point and considering we’re dealing with perfect circles in this drawing it’s a good idea to use these guides to make sure we keep everything accurate.

center-canvas

The main circle

With our guides in place and the center of our canvas clearly visible we can now start creating our CD. From the tools window (go to Window >> Tools if the tools window isn’t open) select the elliptical marquee tool.

circle-marquee-tool

Now, place your cursor over the point where the two guides cross in the center. On your keyboard hold down both the Shift and Alt keys and then click and drag to create a fairly large circle as shown below.

In case you don’t already know, holding down Shift whilst using the marquee tools keeps the shape proportional therefore resulting in a perfect circle. As for holding down Alt, this means the shape is created around your cursor with your cursor remaining as the center point.

cd-outer-circle

Create a new layer (Ctrl+N or Layer>> New layer) called “outer”. Then, select the gradient tool and make sure that it is set as an angle gradient. You can do this at the top by selecting the angle gradient icon as shown here.

angle-gradient

With that set, now select the preset rainbow gradient.

rainbox-gradient

Now, click and drag from the center point to the outer line of the circle. You should now have something similar to this.

filled-rainbow-circle

Smaller circle

The next step is to create another circle but this time smaller. Just like before use the elliptical marquee tool and draw a smaller circle. Create a new layer called “inner” and fill in the selection with white. Before deselecting the current selection click on the “outer” layer and press delete on your keyboard.

inner-circle

And again, we need to create a smaller circle. Use the elliptical tool to select a smaller circle in the center but this time do not create a new layer. Instead, press the delete key on your keyboard.

Since our background is also white it’s hard to show this step in an image since the smaller circle won’t be visible therefore in the following picture I have used black to illustrate the size of the smaller circle.

middle-circle

Give it some style

You’ll be glad to know that’s the last drawing part of this tutorial. The next step is to apply some style to these two layers we’ve created.

Firstly, right click on the outer layer and click on blending options. Then, apply the following settings in the relevant sections.

outer1

outer2

outer3

Now, right click on the inner layer and go to blending options. Use the following settings.

inner1

inner2

When you’re done, click OK.

And here it is, your own Photoshop CD graphic. Enjoy!

photoshop-cd

Photoshop shape comments

  • Calla van Loggerenberg says:

    Heya, LOVE this tut!

    I experimented a little with some of my own effects a little,
    for instance I added a rainbow gradient diagonally across with soft light effect and a white gradient diagonally also with soft light just for some more realism. With the inner I added a masked gradient also for some more depth and realism.

    THANX for this AWESOME tut!

Post a comment

Hello guest, care to post a comment?