samar
19-02-2009, 07:44 PM
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/1.jpg
Fill 0% on the layer:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/2.jpg
Select Blending Options>Gradient Overlay (making a mouse click on the processed layer on the layers' palette) setting the next demands as below:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/3.jpg
This element we should get. It'll represent the shadow of the icon:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/4.jpg
. Select the same tool to draw now a circle, colored with #F36523
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/5.jpg
Select Blending Options>Inner Shadow and set the next parameters for the last layer:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/6.jpg
Blending Options>Stroke
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/7.jpg
Fill 0% for the layer. We should get the next result. It'll represent the basis of the icon
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/8.jpg
Next we shall represent one more circle:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/9.jpg
Choose the next selection for the layer: Blending Options>Gradient Overlay
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/10.jpg
Gradient Editor:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/11.jpg
Now we need to draw another circle, but a circle that needs to be corrected with Direct Selection Tool (A), as it is shown below:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/12.jpg
Select Blending Options>Inner Glow
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/13.jpg
Fill 0% on the layer. This way we've got several highlights on the icon:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/14.jpg
Let's represent one more circle colored with #F36523
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/15.jpg
Mark out the last made circle, press Alt button and cut out a half – moon element:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/16.jpg
Set the next parameters:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/17.jpg
We'll get this way a half – shadow:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/18.jpg
Now we need to select the Ellipse Tool (U) and represent two circles of different sizes. The color's code is #FEDB8A
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/19.jpg
Next we shall use the Rounded Rectangle Tool (U) (http://moustafaelkady.hotgoo.net/javascript:void%280%29) (radius of 30 px) and represent a bended rounded line.
1. Represent the line
2. Insert the points of the bend, applying the Add Anchior Point Tool, bending the element with Direct Selection Tool (A) and Convert Point Tool.
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/20.jpg
Place the new element as below:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/21.jpg
Apply for the new layer Blending Options>Gradient Overlay
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/22.jpg
Gradient Editor:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/23.jpg
We'll get the next result!
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/24.jpg
Next we shall draw one more element, but a bigger one, having the icon finally finished!
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/25.jpg
Fill 0% on the layer:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/2.jpg
Select Blending Options>Gradient Overlay (making a mouse click on the processed layer on the layers' palette) setting the next demands as below:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/3.jpg
This element we should get. It'll represent the shadow of the icon:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/4.jpg
. Select the same tool to draw now a circle, colored with #F36523
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/5.jpg
Select Blending Options>Inner Shadow and set the next parameters for the last layer:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/6.jpg
Blending Options>Stroke
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/7.jpg
Fill 0% for the layer. We should get the next result. It'll represent the basis of the icon
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/8.jpg
Next we shall represent one more circle:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/9.jpg
Choose the next selection for the layer: Blending Options>Gradient Overlay
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/10.jpg
Gradient Editor:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/11.jpg
Now we need to draw another circle, but a circle that needs to be corrected with Direct Selection Tool (A), as it is shown below:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/12.jpg
Select Blending Options>Inner Glow
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/13.jpg
Fill 0% on the layer. This way we've got several highlights on the icon:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/14.jpg
Let's represent one more circle colored with #F36523
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/15.jpg
Mark out the last made circle, press Alt button and cut out a half – moon element:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/16.jpg
Set the next parameters:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/17.jpg
We'll get this way a half – shadow:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/18.jpg
Now we need to select the Ellipse Tool (U) and represent two circles of different sizes. The color's code is #FEDB8A
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/19.jpg
Next we shall use the Rounded Rectangle Tool (U) (http://moustafaelkady.hotgoo.net/javascript:void%280%29) (radius of 30 px) and represent a bended rounded line.
1. Represent the line
2. Insert the points of the bend, applying the Add Anchior Point Tool, bending the element with Direct Selection Tool (A) and Convert Point Tool.
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/20.jpg
Place the new element as below:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/21.jpg
Apply for the new layer Blending Options>Gradient Overlay
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/22.jpg
Gradient Editor:
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/23.jpg
We'll get the next result!
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/24.jpg
Next we shall draw one more element, but a bigger one, having the icon finally finished!
http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial397/25.jpg