I was thinking to share my knowledge of ícone making using Adobe Photoshop to my friends here in Fanpop. So I decided to write it down.
First of all, although every in Adobe Photoshop the tools placement are different, but the tools I'm using are common and I hope you already know them. But don't worry, I also include the tools' shortcut. In this article, I'm using Adobe Photoshop CS5.
Let's begin!
STEP 1: Choose a picture you want.
How to open an image: click 'File' and then click 'Open' or a shortcut CTRL+O. You can use any image from your computer.
STEP 2: Adjust the image you use.
In order to make your ícone mais beautiful, add your image's brightness or contrast por clicking 'Image' then click 'Adjustment' and click 'Brightness/Contrast'. It is up to you whether you want your ícone to be light or dark, contrast or less contrast.
Now, the colour of the image. You can adjust it por clicking 'Image' then 'Adjustment' and 'Hue/Saturation (CTRL+U)' or 'Color Balance (CTRL+B)'. You can adjust it into whatever you like.
STEP 3: Crop the image using 'Crop Tool (C)'
Next, you have adjusted your image, it's time for you to crop it square. Click the box besides 'Width' then write down '200 px'. Do exactly the same thing to the right box besides 'Height'. You can write any size you want actually, but we are making an ícone now and I usually create a 200x200 px sized icon.
Drag your rato or mousepad to crop it. You can use the keypad too to mover the cropped area.
STEP 4: Decorate your icon!
Add a new layer por clicking 'Create a new layer'. Click 'Layer 1'. That means you are going to fill that layer.
Then click 'Brush Tool (B). You are able to change the brush's size/hardness and even into other shape. You can download new brushes in the internet. Don't get mistaken with 'Eraser Tool (E)'.
Change the brush colour too into any colour por clicking 'Set foreground color' as you like or even the brush's shape into other form.
Then click the left button of your rato or mousepad to add colour on your icon. You can change the mode of the layer into 'Overlay', 'Hard Light', or anything you like.
You can add another layer, add brush into your icon, and also change it's mode. If you don't like it, you can eliminar the layer por clicking the 'dustbin' button besides the 'Create a new layer' button.
Save your icon. It's format will automatically turn into PSD.
STEP 5: Flatten your ícone and change it into JPG or PNG format.
After you have satisfied with your decoration, flatten your ícone por clicking 'Layer' then 'Flatten Image. Then click 'File' and then click 'Save as... (SHIFT+CTRL+S)'. Change it's format. You can change it into any format that are available in your Photoshop. imagens are usually formatted JPG or PNG.
Do NOT save your ícone after you have flattened it. Or else, you will lose your added layers and it will be harder to re-edit in case you want to.
*note: I added 'Vibrance' in my icon. Older versions from Adobe Photoshop CS5 have no 'Vibrance'. But that's no big deal to make your ícone lovely.
So, that is my secret on how to make a lovely ícone in an easy way! Try it and be as creative as you can!
First of all, although every in Adobe Photoshop the tools placement are different, but the tools I'm using are common and I hope you already know them. But don't worry, I also include the tools' shortcut. In this article, I'm using Adobe Photoshop CS5.
Let's begin!
STEP 1: Choose a picture you want.
How to open an image: click 'File' and then click 'Open' or a shortcut CTRL+O. You can use any image from your computer.
STEP 2: Adjust the image you use.
In order to make your ícone mais beautiful, add your image's brightness or contrast por clicking 'Image' then click 'Adjustment' and click 'Brightness/Contrast'. It is up to you whether you want your ícone to be light or dark, contrast or less contrast.
Now, the colour of the image. You can adjust it por clicking 'Image' then 'Adjustment' and 'Hue/Saturation (CTRL+U)' or 'Color Balance (CTRL+B)'. You can adjust it into whatever you like.
STEP 3: Crop the image using 'Crop Tool (C)'
Next, you have adjusted your image, it's time for you to crop it square. Click the box besides 'Width' then write down '200 px'. Do exactly the same thing to the right box besides 'Height'. You can write any size you want actually, but we are making an ícone now and I usually create a 200x200 px sized icon.
Drag your rato or mousepad to crop it. You can use the keypad too to mover the cropped area.
STEP 4: Decorate your icon!
Add a new layer por clicking 'Create a new layer'. Click 'Layer 1'. That means you are going to fill that layer.
Then click 'Brush Tool (B). You are able to change the brush's size/hardness and even into other shape. You can download new brushes in the internet. Don't get mistaken with 'Eraser Tool (E)'.
Change the brush colour too into any colour por clicking 'Set foreground color' as you like or even the brush's shape into other form.
Then click the left button of your rato or mousepad to add colour on your icon. You can change the mode of the layer into 'Overlay', 'Hard Light', or anything you like.
You can add another layer, add brush into your icon, and also change it's mode. If you don't like it, you can eliminar the layer por clicking the 'dustbin' button besides the 'Create a new layer' button.
Save your icon. It's format will automatically turn into PSD.
STEP 5: Flatten your ícone and change it into JPG or PNG format.
After you have satisfied with your decoration, flatten your ícone por clicking 'Layer' then 'Flatten Image. Then click 'File' and then click 'Save as... (SHIFT+CTRL+S)'. Change it's format. You can change it into any format that are available in your Photoshop. imagens are usually formatted JPG or PNG.
Do NOT save your ícone after you have flattened it. Or else, you will lose your added layers and it will be harder to re-edit in case you want to.
*note: I added 'Vibrance' in my icon. Older versions from Adobe Photoshop CS5 have no 'Vibrance'. But that's no big deal to make your ícone lovely.
So, that is my secret on how to make a lovely ícone in an easy way! Try it and be as creative as you can!