Sponsored by the National Association of Photoshop Professionals. Learn More

Creating A CD in Photoshop

 

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

Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • Twitter
  • NewsVine
  • Technorati
  • BlinkList
  • Design Float
  • Mixx
  • Reddit
  • Slashdot
  • SphereIt
  • StumbleUpon
  • LinkedIn
  • MySpace
  • Fleck
  • Netvibes

5 Comments

  1. 305 said on — April 11, 2008 @ 3:17 am

    tnx i need this tutorial…

  2. 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 ??

  3. Rick said on — September 2, 2008 @ 3:14 pm

    Good tutorial, I wanted to learn this.

  4. Gurcharan Sandhu said on — December 15, 2008 @ 6:56 am

    can i insert ti in my music player tray.. thnX for it. kalakar……

  5. amir said on — December 30, 2008 @ 12:36 pm

    nice ! it was a nice tutorial

RSS feed for comments on this post. TrackBack URI

Leave a comment

Photoshop Tutorials

  • More Fun with 3D

    Continue exploring the possibilities with Photoshop’s new 3D tools.

  • Reverse Restoration

    Corey shows you how to make a new photo look damaged by blending in some unusual textures.

  • 3D Background Effects

    Use Photoshop’s new 3D tools to create some dazzling background effects.

  • Striking Match, Part 2

    In the second part of this tutorial, Corey finishes creating this illustration of a striking match.

  • Layers TV: Episode 110
    New episodes are coming soon. In this old episode, RC goes start to finish through a Flash CS4 project using the new 3D tools and importing an audio file. Corey talks about the distortion features inside of Adobe Illustrator. You can download each episode by subscribing to the podcast on iTunes. var so = new SWFObject('http://media.kelbymediagroup.com/players/player.swf','mpl','500','300','7'); so.addParam('allowfullscreen','true'); // so.addVariable('type','rtmp'); so.addVariable('file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110.mp4'); so.addVariable('plugins','hd-1'); so.addVariable('hd.file','http://media.kelbymediagroup.com/switch/video/layers-tv-episode-110-hd.mp4'); so.addVariable('hd.state','false'); so.addVariable('image','http://www.layersmagazine.com/images/layerstv-logo.jpg'); so.addVariable('height','300'); so.addVariable('width','500'); so.addVariable('autostart','false'); so.addVariable("backcolor","0x000000"); so.addVariable("frontcolor","0xF1F1F1"); so.addVariable("lightcolor","0xF88E21"); so.addVariable("quality","100"); so.write('player'); [...]
  • NVIDIA Quadro FX 4800 for Mac
    The new professional-level Quadro FX 4800 with 1.5 GB of memory brings a much-needed performance upgrade to the Mac Pro lineup.
  • Prezi
    Prezi is a Flash-based visualization, storytelling, and presentation tool that allows you to create nonlinear presentations.
  • Terry White’s New App | Printing from Lightroom 2
    Happy Thursday everyone! Just wanted to pop on in and share what’s new in the intranets: Terry White’s New Iphone App Terry white over at his techblog is usually covering all sorts of technology and letting us know what his favorite apps are for the iphone. He’s taken that love and mixed it with [...]
 

Adding Keywords to Multiple files

In Bridge, you can add keywords to images to make searching for pictures a little less cumbersome. You don’t, however, want the process to become tedious as well. By either Command-clicking (PC: Ctrl-clicking) or Shift-clicking on images, you can select multiple files inside Bridge. Once you have the files selected, you can go to the Keywords panel and turn on any keyword you like. This will apply the keyword to all of the files that you have selected. It takes away a little bit of the pain of categorization, but just a little.

Read More Tips

Tip of the Day
 
 
DVD Special
Online Training
Kelby Training