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








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
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?.
Thank you for the Photoshop tutorial. I have followed keenly and came up with an awesome Web 2 Icon. Thanks!