Make a web 2 icon with Photoshop in easy 8 steps
We will today make this: 
1.Firstly Open a 500×500 px document
2.Use the horizontal Type tool and Type “OC” with a font of your choice, here i have used UZUZI font. ( now there is only one color used ) – #ff3366
3. To Use the Gradient Tool to create a Gradient between two colors, we first need to select another color that slightly varies from this color, Like a darker one and click on the “fx” button on the Layers Window, then select the Gradient tool ( check the option ), Drag your mouse to set the extent of gradient, Say OK.
4. Duplicate this Layer, then -> Edit -> Transform -> Fllip Vertical, Then select the Copy layer and Drag it down as show
5. Then change the second color and make it white, then sameway open gradient overlay on the copied layer and make angle = -90 degree and drag to get what we see below.
6. now add a new layer as Layers – > New – > Layer
In the new layer draw a Ellipse custom shape with the white color inside.
7. Now Use the Opacity drag button on the right hand side top of the layer window and reduce the Opacity value to arround 20 and see the result, We are done !!!
Cheers, Joshu
About Joshu Thomas
I enjoy blogging about webmaster related stuff and technology. Xtras - I Design, Develop, Blog and Support the Open Source. Passions: I Love Music, Photography, Design, Development, Cycling, Travelling.
Related Articles You Are Probably Interested In:
- Whats New in Photoshop CS4
- 221 Latest Photoshop Brushes for download
- How i Designed ColorFlys.com Logo
- How to add or import Shapes, Brushes & fonts to Adobe Photoshop
- Batch Processing in Adobe Photoshop
- 100+ Photoshop Actions for Amazing Color Enhancements
- How to design an ebook cover
- FREE Social Media Icon Set Download
8 Responses to “Make a web 2 icon with Photoshop in easy 8 steps”
Leave a Reply
-
+Joshu Thomas
-
Founder of OrangeCopper Webmaster Networks, Writes for our latest Launch of 2011 - HippieMonk Tech & LifeStyle Blog!
-
Founder of OrangeCopper Webmaster Networks, Writes for our latest Launch of 2011 - HippieMonk Tech & LifeStyle Blog!
Excellent, Thank you for the amazing Tutorial, its made it look so simple, i have added OC Blog to my Feeds, please add more of such usefull trainings.
Cheers, Brune
Excellent, Thank you for the amazing Tutorial, its made it look so simple, i have added OC Blog to my Feeds, please add more of such usefull trainings.
Cheers, Brune
The simplest tutorial that I have ever seen, but extremely useful too…Go ahead dude… Thanks a ton…
cheers… Aish
The simplest tutorial that I have ever seen, but extremely useful too…Go ahead dude… Thanks a ton…
cheers… Aish
Very impressive article. I would like to tell You that I was really amazed when I found it. Author how long are You in this industry ? I hope to see more good articles next week.
Very impressive article. I would like to tell You that I was really amazed when I found it. Author how long are You in this industry ? I hope to see more good articles next week.
Nice tutorial, I liked it. Thank you.
I’m not great with html, but I think there’s a simple way to add a byline to the beginning of my blog posts under the title. Is there anywhere I can find a step-by-step guide on how to do this?. The blog is set up on WordPress, and is using the pilcrow theme – I hope this helps?.