Jump to content

How to Create Icons in Photoshop.


K4rMa

Recommended Posts

How to create Icons in Photoshop and replace your standard Desktop Icons.

 

Desktop Icons made easy.

 

deskto10.jpg

 

Note: In this tutorial I'll show you how to create icons from a standard image and replace your desktop icons.

 

Step.1

Open an Image into Adobe Photoshop.

 

cd_ima10.jpg

 

Step.2

 

Erase the Background around the image.

 

clean_10.jpg

 

Step.3

Apply Layer styles to the image, use your own setting untill you satisfy with

the final output ( for example apply thick shadows and highlights).

 

layers10.jpg

 

Step.4

Now it's time to change the size of the image. Right click on the document windows and change the image size to 72x72 px.

 

 

sized10.jpg

 

information: Standard Icon sizes may vary between 32x32, 72x72, 98x98 and 120x120.

 

Step.5

The converted image will look like this, save the image to a transparent PNG file ie .png optimized for web.

 

sized_10.jpg

 

Step.6

Now it's time to convert the PNG image to a standard Icon file.

open this URL in your browser and http://www.converticon.com/

Upload image and click convert then download the converted Icon file to a safe place. You can also use Offline tools like this one AveIcon ~> http://www.vistaico.com/software/AveIconifier2.exe

 

conver10.jpg

 

Step.7

Finally you have created an Icon. Now replace your desktop-icons with the ones you just created in Photoshop like as shown in the figure below.

 

final10.jpg

 

I hope that you have enjoyed this tutorial and have a nice photoshoping.

From

this tutorial you will be able to build your own icons (it's image

converted-Icons or Vector Icons) you can use them in your Auto-run CD's

or you can sell them for money.bounce

 

Tutorial by,

Teaser

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...

AdBlock Extension Detected!

Our website is made possible by displaying online advertisements to our members.

Please disable AdBlock browser extension first, to be able to use our community.

I've Disabled AdBlock