CD Icon


Step1: Create a new image 800 x 600 and set the Background Contents to Transparent as shown below.

image 1

Create a new layer by pressing (SHIFT+CTRL+N) or click on Layer > New > Layer...  Now we need to create the CD Rom dimensions. Click on the Elliptical Lasso Tool image 2 and create a circle with the dimensions shown below.

image 3

Now click on the Paint Bucket and fill the circle you just created with light blue #E3F2FF .

image 4

The image about is what we will have so far. We need to create the hole in the middle of the CD Rom. Click on the Elliptical Lasso Tool image 5 and create a circle with the dimensions shown below.

image 6

Press CTRL+H to turn the EXTRA option on, this will help you to center the circle to cut out the hole. After centering your circle as show below press Delete to delete the selection.

image 7

Step2: At this point all you should have is two layers the Background transparent layer and the layer with the CD with the hole in the center. Now we need to create the ring around the center of the CD. Create a new layer (SHIFT+CTRL+N) or click on Layer > New > Layer. Click on Custom Shapes image 8 and select the shape shown below.

image 9

Draw the shape around the center hold of the cd to get an effect shown in the image below, change the color of the shape to #cecece.

image 10

Step3: Hold CTRL and Click on the layer with the CD to select it. It should look like the image below.

image 11

Now, create a new layer (SHIFT+CTRL+N) click on the Polygonal Lasso Tool image 12  make sure Intersect with selection is selected

image 13

We need to create the reflection coming off the CD. With the Polygonal Lasso Tool draw a triangular shape lasso as shown in the image below.

image 14

Now click on the Gradient tool  image 15 its usually hiding behind the paint bucket. Click here to download the gradient below.

image 16

Using the gradient you just downloaded, create a gradient going from top to the bottom as shown in the image below.

image 17

Step4: Now repeat step 3 to add more reflections, until your cd looking like my image below.

image 18

Step5: Now hold CTRL and click to select all the layers except the background and press CTRL+E to merge them.

Hold CTRL and Click to select

image 19

Press CTRL+E to merge layers

image 20

Now click on the Chop Tool, image 21 right click the CD image, and click Free Transform as shown in the image below.

image 22

Now enter the setting shown below in the task bar option that comes up after clicking on Free Transform.

image 23

Step6: We need to create the shadow. Create a new layer, Click on the Elliptical Lasso Tool image 24 and draw an ellipse shown in the image below.

image 25  

Fill the selection with #bcbcbc, make sure the shadow layer is under the cd rom layer.

image 26

That is it, hope it came out to what you expected.

CD Icon Tutorial: Final Result



Author's URL: Felipe
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "CD Icon"

Only registered users can write comment

Reader's comments