I was thinking to share my knowledge of icon making using Adobe Photoshop to my mga kaibigan 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 icon madami beautiful, add your image's brightness or contrast sa pamamagitan ng clicking 'Image' then click 'Adjustment' and click 'Brightness/Contrast'. It is up to you whether you want your icon to be light or dark, contrast or less contrast.
Now, the colour of the image. You can adjust it sa pamamagitan ng 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 icon now and I usually create a 200x200 px sized icon.
Drag your mouse or mousepad to crop it. You can use the keypad too to ilipat the cropped area.
STEP 4: Decorate your icon!
Add a new layer sa pamamagitan ng 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 sa pamamagitan ng clicking 'Set foreground color' as you like or even the brush's shape into other form.
Then click the left button of your mouse 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 alisin the layer sa pamamagitan ng 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 icon and change it into JPG or PNG format.
After you have satisfied with your decoration, flatten your icon sa pamamagitan ng 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. larawan are usually formatted JPG or PNG.
Do NOT save your icon 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 icon lovely.
So, that is my secret on how to make a lovely icon 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 icon madami beautiful, add your image's brightness or contrast sa pamamagitan ng clicking 'Image' then click 'Adjustment' and click 'Brightness/Contrast'. It is up to you whether you want your icon to be light or dark, contrast or less contrast.
Now, the colour of the image. You can adjust it sa pamamagitan ng 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 icon now and I usually create a 200x200 px sized icon.
Drag your mouse or mousepad to crop it. You can use the keypad too to ilipat the cropped area.
STEP 4: Decorate your icon!
Add a new layer sa pamamagitan ng 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 sa pamamagitan ng clicking 'Set foreground color' as you like or even the brush's shape into other form.
Then click the left button of your mouse 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 alisin the layer sa pamamagitan ng 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 icon and change it into JPG or PNG format.
After you have satisfied with your decoration, flatten your icon sa pamamagitan ng 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. larawan are usually formatted JPG or PNG.
Do NOT save your icon 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 icon lovely.
So, that is my secret on how to make a lovely icon in an easy way! Try it and be as creative as you can!