The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Compact Disc Icon

Compact Disc Icon


The icon were going to be creating is all done using shape layers which means you can resize up and down without loss of quality. Were going to start off with a fairly big canvas so create a new document 600 x 600 pixels, fill your background with any color, ive opted for a nice blue gradient background. Select the ellipse tool, in the top toolbar change the tool settings to shape layers.

Compact Disc Icon image 1

Draw out a circle filling up most of the canvas, holding down the shift key whilst dragging the circle out will keep the circle's aspect ratio square. Once you've got your circle add these layer styles.

Compact Disc Icon image 2

Compact Disc Icon image 3

You should have something like this.

Compact Disc Icon image 4

Label your first circle layer "CD BASE" then duplicate it. Rename the duplicated layer to "CD SHINE" right click the layer and goto "clear styles". Now add these layer styles to your "CD SHINE" layer.

Compact Disc Icon image 5

Once you've added the gradient overlay set the layer fill amount to 0%.

Compact Disc Icon image 6

Select the rectangular marquee tool and make a thick rectangle across your canvas. Fill the rectangle with any color.

Compact Disc Icon image 7

Add a gradient overlay to your rectangle, you can use what every colors you want in the gradient overlay, the colors will be the little reflective colors you see on the cd's. Ive opted for a simple blue gradient.

Compact Disc Icon image 8

Create a new layer above your gradient overlay layer which you was just working on. Hide all the layers apart from the new one and the one with your multicolored rectangle. Goto "layers > merge visable" then unhide all layers. Rotate your colored rectangle by pressing Ctrl + T. The angle doesnt have to be anything in particular. Make sure your colored rectangle is selected, whilst its selected click your "cd base" layer whilst holding down the Ctrl key. Goto "select > inverse" and hit the delete key.

Compact Disc Icon image 9

With the ellipse tool create a smaller cirlce in the center of your cd.

Compact Disc Icon image 10

Change the fill amount for the layer from 100% to 0% then add these layer styles.

Compact Disc Icon image 11

Compact Disc Icon image 12

Compact Disc Icon image 13

You should have something like this.

Compact Disc Icon image 14

Select the ellipse tool again and create another cirlce inside the one you just created, make the circle smaller by about 50px or so.

Compact Disc Icon image 15

Add these layer styles to your new circle.

Compact Disc Icon image 16

Compact Disc Icon image 17

With ellipse tool again, create another circle abit smaller than the last one. Set fill amount to 0%. Then add these layer styles.

Compact Disc Icon image 18

You should have something like this.

Compact Disc Icon image 19

Once again for the last time create another circle using the ellipse tool. This circle is for our hole in the cd.

Compact Disc Icon image 20

Add these layer styles to your circle.

Compact Disc Icon image 21

Compact Disc Icon image 22

You should have something like this.

Compact Disc Icon image 23

Additional Steps

Now were going to add some circular text onto our black inner circle. To do this we need to select the ellipse tool and change our settings to paths.

Compact Disc Icon image 24

Draw our your path so it's in the middle of your black inner circle.

Compact Disc Icon image 25

Select the type tool and move your cursor over the path, the icon on your cursor should change.

Compact Disc Icon image 26

Once the icon changes click your mouse button, you should now be able to type your text and the text should follow your path.

Compact Disc Icon image 27

Next select the pen tool and create a selection like this.

Compact Disc Icon image 28

Fill the selection with the color white and set opacity to about 20%. Thats it all done, heres my finished result.

Compact Disc Icon Tutorial: Final Result

Hope you enjoyed this tutorial, dont forget to subscribe via RSS and twitter. You support is greatly appreciated. Dont forget you can also share this post by using the social icons below. Thank You.



Author's URL: Hv-Designs.co.uk
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 "Compact Disc Icon"

Only registered users can write comment

Reader's comments