Friday, November 21, 2014

TRIK PhotoShop_Glossy Orbs IcoN


STEP 1


Create a new document 640x480 with a white background, select the elliptical marquee tool and draw out your circle, fill with any color as this will change in a minute.

http://www.hv-designs.co.uk/tutorials/site_icons/step1.gif
Now add these layer styles, im going for a blueish looking icon, just change the colors accordingly in the layer styles to suit your needs.

http://www.hv-designs.co.uk/tutorials/site_icons/step1b.gif

http://www.hv-designs.co.uk/tutorials/site_icons/step1c.gif

http://www.hv-designs.co.uk/tutorials/site_icons/step1d.gif
You should now be left with this.

http://www.hv-designs.co.uk/tutorials/site_icons/step1e.gif

STEP 2

Still with the elliptical marquee tool draw another cirlce at the top like this.

http://www.hv-designs.co.uk/tutorials/site_icons/step2.gif
Fill with the color white, then click the "add layer mask button".

http://www.hv-designs.co.uk/tutorials/site_icons/step2b.gif
Now select the gradient tool making sure you have the color black as your forground, and simply drag from the middle of the white circle to the top of the white cirle, set the opacity to about 54% You should then have something like this.

http://www.hv-designs.co.uk/tutorials/site_icons/step2c.gif
Do the same as above creating a total of 3 cirlces two at the top making one smaller one and one at the bottom. You should have something like this.

http://www.hv-designs.co.uk/tutorials/site_icons/step2d.gif

STEP 3

Now for your actual icon, select the custom shapes tool.

http://www.hv-designs.co.uk/tutorials/site_icons/step3.gif
At the top where it says "shape:" click the little arrow and select your desired shape.

http://www.hv-designs.co.uk/tutorials/site_icons/step3b.gif
Drag out your shape onto your orb, once you have done that select the "pen tool" and right click your canvas then goto "fill path" press ok when the dialog box pops up. You should be left with this.

http://www.hv-designs.co.uk/tutorials/site_icons/step3c.gif
Now you can leave it as it is OR add these layer styles to you icon image.

http://www.hv-designs.co.uk/tutorials/site_icons/step3d.gif

http://www.hv-designs.co.uk/tutorials/site_icons/step3e.gif

http://www.hv-designs.co.uk/tutorials/site_icons/step3f.gif

http://www.hv-designs.co.uk/tutorials/site_icons/step3g.gif
Your icon should now look like this.

http://www.hv-designs.co.uk/tutorials/site_icons/step3h.gif
Thats it all done, now resize it to your desired size.

http://www.hv-designs.co.uk/tutorials/site_icons/finished.gif


0 comments:

Post a Comment