LANA19760815 Graphic Tutorials : Kavaraki, Gruzz and 17 unknown users

 Word :   Username :  
 
 Page :  1  2  3  4
Previous 
Author
 Thread :

[Photoshop tutorial] Make a CD icon

 
n°1310
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 01:24:23 PM  
 

I have written this tutorial in accordance with the request made by simonxp but I am sure that it will come in handy to others also .

 

This tutroial leads to a result similar to this image:

  

http://img299.imageshack.us/img299/5662/finalresultbr2.png

  

1. Open a 256 by 256 px transparent background document.Select the Shape Tool (U) and make these settings in the Options bar:

  

http://i36.tinypic.com/5yi5tt.jpg

  

2. Create a circle covering about 90% of the canvas , place it at the center (X:128 , Y:128) and name this circular shape layer as Base.

 

3. Go to the Blending Options of Base layer and set these settings in their respective options:

  

http://i33.tinypic.com/2n04i2p.jpg

 

http://i34.tinypic.com/10n9mr7.jpg

  

4. Keeping Ctrl key pressed , click on Base layer in the layer palette to load its selection and then create a new layer (Ctrl+Shift+N) , name this layer as Shine.Fill the selction on the Shine layer with any color.

 

5. Set the Fill Opactity of Shine layer to 0% then go to its Blending Options and make these settings:

  

http://i35.tinypic.com/2v19j0y.jpg

  

6. Create a new layer (Ctrl+Shift+N) and name it Rainbow.Get the Rectangular Marquee Tool (M) , draw a rectangular selection and place it at the center , fill the selection on Rainbow layer with any color.

 

7. Go to the Blending Options of Rainbow layer and set these settings:

  

http://i34.tinypic.com/29qcxn7.jpg

  

Tip: With the Move Tool (V) selected , you can adjust the position of certain Blending Options which include Drop Shadow , Inner Shadow , Bevel & Emboss and Gradient Overlay .

 

For the Rainbow layer , adjust the postition of Transparent Rainbow gadient for the colors you prefer.

 

8. Create a new layer (Ctrl+Shift+N) and merge it with the Rainbow layer.With the merged (Rainbow) layer selected , go to Filter-->Distort-->Pinch and make these settings before applying the effect :

  

http://img406.imageshack.us/img406/7205/pinchgw3.jpg

  

Press Ctrl+F two times to apply the Pinch effect twice on the Rainbow layer.

 

9. With the Rainbow layer selected , go to Filter-->Blur-->Gaussian Blur , before applying make these settings :

  

http://i35.tinypic.com/qsrq5f.jpg

  

8. Reduce the Opacity of Rainbow layer to 35-45% . Press Ctrl+T and rotate the layer to an angle of 45 degrees . With the Rainbow layer still selected , Ctrl+Click on the Shine layer and press Ctrl+Shift+I to inverse the selection , press Delete key to delete the selected part of the Rainbow layer . Now your document would look somewhat like this:

 


http://i83.imagethrust.com/i/1077921/result1.jpg

 


9. Create a circle about 45% the size of the Base layer with Circular Shape Tool (U) having any color and name it Ring . Place the Ring layer at the center of the document, set its Fill Opacity to 0% , go to its Blending Options and make these settings in the respective options :

  

http://img168.imageshack.us/img168/6619/ringouterglowoy0.jpg

 

http://img363.imageshack.us/img363/8474/ringcoloroverlaydq3.jpg

 

http://i84.imagethrust.com/i/1077733/ringstroke.jpg

  

10 . Create a circle about 80% the size of the Ring layer with Circular Shape Tool (U) having any color and name it Ring 2 . Place this Ring 2 layer at the center of the document, reduce its Fill Opacity to 0% , go to its Blending Options and set these settings in the respective options :

  

http://i84.imagethrust.com/i/1077739/ring2coloroverlay.jpg

 

http://i84.imagethrust.com/i/1077740/ring2stroke.jpg

  

11. Create a circle about 75% the size of the Ring 2 layer with Circular Shape Tool (U) having any color and name it Ring 3 . Place this Ring 3 layer at the center of the document, reduce its Fill Opacity to 0% , go to its Blending Options and set these settings in the respective options :

  

http://i84.imagethrust.com/i/1077741/ring3stroke.jpg

  

12. Create a circle about 50% the size of the Ring 3 layer with Circular Shape Tool (U) having any color and name it Ring 4 . Place this Ring 4 layer at the center of the document, reduce its Fill Opacity to 0% , go to its Blending Options and set these settings in the respective options :

  

http://i37.tinypic.com/14xf7e8.jpg

 

http://i35.tinypic.com/nfmwc0.jpg

  

13. With Pen Tool (P) ,  make a selection like this :

 


http://i33.tinypic.com/2a4y7nk.jpg

 


Create a new layer (Ctrl+Shift+N) and name it Gloss , keeping Ctrl+Alt+Shift keys pressed , click on the Base layer to select only that part of the selection which overlaps the Base layer , fill the selection on Gloss layer with any color.

 

14. Reduce the Fill Opacity of Gloss layer to 0% , go to its Blending options and set these values :

 


http://i84.imagethrust.com/i/1077763/glosscoloroverlay.jpg

 

http://i84.imagethrust.com/i/1077764/glossgradientoverlay.jpg

  

With the Gloss layer selected , Ctrl+Click on the Ring 4  layer and press Delete key.

 


Here is my result:

 


http://img299.imageshack.us/img299/5662/finalresultbr2.png

  

You can download the PSD file from here.

 

Hope you all like it

 

I am anxiously waiting for your results.

answer
mood
GoogleAds
profil
Posted on 05-02-2007 at 01:24:23 PM  
 

answer
n°1311
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 01:27:14 PM  
 

Wow thank you ASHAR! :great: I'll try it later for sure. :wink:

answer
n°1312
Azzurra
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 01:33:40 PM  
 

Nice tutorial, thanks. :great:

answer
n°1313
Tatice
Borsalino Gang
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 01:36:37 PM  
 

Nice result. :love: :smile:

answer
n°1314
cisoun
Pingouin libre
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 01:36:48 PM  
 

Nice result! :loveit:
But you forgot to cut the reflection on your Cd's hole!  :boulay:

 

(excuse for my bad english!  :wink: )

answer
n°1315
CustMax
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 01:38:50 PM  
 

Good  :great:  but I havn't got Photoshop  :cry:
I think you should write it is a photoshop tutorial in the title :wink:

answer
n°1316
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 01:44:47 PM  
 

Quote :

Good  :great:  but I havn't got Photoshop  :cry:
I think you should write it is a photoshop tutorial in the title :wink:

 

Why don't you download a trail at Adobe's website, then you're able to decide if you like it good enough to but it.  :great:

 

Topic title edited.

answer
n°1317
MasterCloud
Youkaïdi, youkaïda.
Profil: Animateur
Avatar
profil
Posted on 05-02-2007 at 01:47:54 PM  
 

Gruzz wrote :

Why don't you download a trail at Adobe's website, then you're able to decide if you like it good enough to but it.  :great:

 

Topic title edited.

 

But not free ! :whistle:

 

Thanks for this tutorial ASHAR :great:

 

Nice job :wink:

answer
n°1318
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 01:49:41 PM  
 

Cisoun: Thanks for reminding me , I have edited the tutorial.

 

Gruzz: Thanks for making corrections.

 


7 replies and no any result  :ouch: .

answer
n°1319
MasterCloud
Youkaïdi, youkaïda.
Profil: Animateur
Avatar
profil
Posted on 05-02-2007 at 01:51:47 PM  
 

Quote :

6 replies and no results cry.gif .

 

Sorry, but I don't got time to make an CD icon :oups:

 

Tomorrow, School :cry:

answer
n°1320
negaca17
Profil: Top Penguin
Avatar
profil
Posted on 05-02-2007 at 01:52:49 PM  
 

realy great tutorial !!! i need that one to make a itunes icon !!  :great: thanks !

answer
n°1321
CustMax
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 01:53:33 PM  
 

Gruzz wrote :

Why don't you download a trail at Adobe's website, then you're able to decide if you like it good enough to but it.  :great:

 

Topic title edited.


+1  it is not free and I have already download the trial version and that is expired  :ouch:  
It is too expensive for me and especially I am bad in graphism

answer
n°1322
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 02:03:10 PM  
 

Quote :

+1  it is not free and I have already download the trial version and that is expired  :ouch:  
It is too expensive for me and especially I am bad in graphism


You can easily learn it! :smile: You can download and find more information about The GIMP here, it's 100% free. :smile:

answer
n°1323
CustMax
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 02:05:51 PM  
 

Gruzz wrote :

You can easily learn it! :smile: You can download and find more information about The GIMP here, it's 100% free. :smile:


Thank you but it is in English  :ouch:  too many english  :mdr:  

 

PS: I'm french  :biggrin:

answer
n°1324
MasterCloud
Youkaïdi, youkaïda.
Profil: Animateur
Avatar
profil
Posted on 05-02-2007 at 02:06:18 PM  
 

Gruzz wrote :

You can easily learn it! :smile: You can download and find more information about The GIMP here, it's 100% free. :smile:

Yeah, but for this tutorial...? :mdr:

 

Stop flood :whistle:

answer
n°1325
Nagaya
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 02:12:19 PM  
 

WOW...ASHAR strikes again. Thank you very much!  :great:

answer
n°1327
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 03:28:29 PM  
 

Quote :

Thank you but it is in English  :ouch:  too many english  :mdr:  

 

PS: I'm french  :biggrin:


I know you're French. There's a French The GIMP site, visit it here! :smile:

answer
n°1330
Bumpy
Toi, je t'adore
Profil: Penguin Pro
Avatar
profil
Posted on 05-02-2007 at 03:54:10 PM  
 

Great tut ASHAR.  :great:

answer
n°1331
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 05-02-2007 at 04:10:03 PM  
 

Thanks ASHAR!! Maybe someone should  :lock: the topic in Graphics Novice Corner? :neutral:

answer
n°1332
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-02-2007 at 04:11:38 PM  
 

Quote :

Thanks ASHAR!! Maybe someone should  :lock: the topic in Graphics Novice Corner? :neutral:


Nah, people can have more questions regarding the same subject. Topics are only closed when the discussion should be stopped.  :great:

answer
n°1338
troyenne
troyennestudio.free.fr
Profil: Penguin Pro
Avatar
profil
Posted on 05-03-2007 at 07:59:39 PM  
 

Good job, I will do it later !

answer
n°1339
simon.maildude@gmail.com
Profil: Big Penguin
Avatar
profil
Posted on 05-04-2007 at 12:17:25 AM  
 

ARRRGH!  :cry: I don't know the pen tool!!!  :cry:  :cry:  :cry:  :cry:

answer
n°1340
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-04-2007 at 08:55:55 AM  
 

The Pen Tool might be hard to understand at first sight, but it's actually easy and very clever. You can find a good tutorial about it here, it covers all the basics!  :great:

answer
n°1341
Nagaya
Profil: Penguin Pro
Avatar
profil
Posted on 05-04-2007 at 09:22:55 AM  
 

hi i tried to make the CD icon.

 

this is the result::::!  :happy2:

 

http://i170.photobucket.com/albums/u248/nagayanobu/CDICON-ByNagaya.png

answer
n°1342
Gruzz
Profil: Moderator
Avatar
profil
Posted on 05-04-2007 at 09:27:01 AM  
 

Looks nice Nagaya! The only thing that you've to work on is the inner circle. You can see there's a lot of aliasing there. :great:

answer
 Page :  1  2  3  4
Previous 
Top 

Go to:
Add a reply