El Club Winx Article: How to make iconos III [ Changing Background and Adding Texts]

4

How to make iconos III [ Changing Background and Adding Texts]

posted by nmdis

An icono of Kristal with new background and text

An icon of Kristal with new background and text

PART III [Adding texts and Changing Background]

Hello girls (I don’t think any boy exists in our club :P)

Iti is back with another lesson of icono making. So today I will tell tu how to change background of an image (while making icon) and adding texts to it. So, I will start the main problem that occurs during changing background, for beginners.

While changing background one need to know which tool is perfect. So here we start.

Steps

1.    Open a picture.

2.    Now click on “magic wand” and select the area tu want to remove. For this tu can click on “add” in the above box, where tu can see which tool tu selected. o directly press “cntrl + shift” and keep pressing it.

3.     When you’ll select the places, press “delete” button. And the required area will get deleted.

4.    Remember don’t deselect the area.

5.    Now use paint brush to color the required area in any color tu want.

6.    You can add the shade of dark color in borders (remember in anterior articulo I told tu how to do it? If not tu can read it again)

7.    Now tu can add “soft edge dots” as I told tu how, in anterior chapters.

8.    If tu have problem in selecting any area tu can also use Lasso tool, it really helps.

Musa's icono after adding different background

Now as tu know how to change background I will tell tu how to add texts.

Steps for adding texts

1.    You need to download beautiful fonts first. tu can download them from link

2.    Now, go to the icono tu prepared and click on “T” button which means text. Write down whatever tu want to.

3.    Press “Cntrl + T” together and tu and you’ll be able to resize it and place it where ever tu want, tu can also turn it around.

4.    If tu use Photoshop, then open Layer box.

5.    Click on “f” button in bottom of layer box. And then follow what’s written below

Click on “f” -> Drop Shadow -> adjust opacity and spread shadow

6.    This will give a touch to tu icon.

7.    G o to “Layer” on the parte superior, arriba it’s in the same box from where tu see “File”, “Edit” etc.

8.    Click on option “Merge Visible.

Now tu should get something like this icono below.

I hope it had helped. Now tu guys tell me what tu want to learn in siguiente article.

Musa icono after adding text and drop shadow

Musa Icon after adding text and drop shadow

Musa_Music, MissAngelPaws and 2 others like this

nmdis Please give your reviews. As I am seeing only 2 people responded last articles I am not sure if it's helpful here. And if it not then I'll upload them in banner and icon making spot for them.

MissAngelPaws Again, very useful. Also, can you tell us how to add the shadow effect? And sorry if I'm asking too much.

WinxStellaStar Yes, it's very useful! (For exeample now I know where I can get fonts) I agree with Dania: Can you tell us how to add the shadow effect? And please tell us how you add the "light" effects. :)

Princess-Flora I agree with Dania and Maja

nmdis @Dania and Maja : I have written, read it carefully anyway. I will tell you again. Follow these steps:- Open Layer box from "window" --> write text --> in layer box click on "f" which is encircled --> add drop shadow--> use your cursor to increase or decrease opacity--> it's ready! Well it's like kinda hard to write it down, but still I tried. Hope you understand it now.

WinxStellaStar Ok, I'll try this. I hope I'll do this. xD

nmdis ^Ok and I know you will ^_^

MissAngelPaws No, I meant the shadow effect for the person. Like how you did with Krystal's icon in this article.

nmdis ^Oh that? Ok I will add it in next article.

FrozenQueen Good and bad news. Good: I downloaded Photoshop. Bad: And it's the illegal Photoshop. Nice article as always, beautifully written :)

nmdis Farhah you know you can get their serial key? Just google serial key of Photoshop Version you have. I am sure you'll get it and when you'll enter the serial key it'll turn to full version.

rorowinx can you put the link to download photoshop plz?

nmdis @rorowinx : I don't have the link but I'll try to find it and add it in next part.

rorowinx ok ♥☻♥