Log in

31 January 2010 @ 05:26 pm
Tutorial #001 - Background  
Requested by library_of_sex 

How to make this:

Programme : Photoshop CS4
Uses : Eyedropper, Magic Wand (optional), Smudge Tool (optional), Layer Mask (optional), Text
Translatable : I think? (At least to all version of Photoshop)
Steps : Eight

Plus this:

1. Open a new canvas (100x100)
* As the blank canvas' background color is white, I filled it with light pink for an easier view.

2. Find a picture. I'll be using this (a microscope). Resize it, and paste it as a new layer and put it in the middle of the canvas.
* You can also paste the pic on the canvas, then resize it by using Free Transform (Ctrl + T). While using this command, please hold the "Shift" button. This will not mess up the ratio.

3. As you can see, the background color of the microscope pic is light gray (EXTREMELY close to white). First, use the eyedropper tool () to select the pic's background color. Then create a new fill layer under the pic. (Layer > New Fill Layer > Solid Color)


4. Adjust the position of the pic. Move it upward so there will be more space for the text.


5. Merged it to a new layer. (Ctrl + Alt + Shift + E)

6. As for the coloring, you can use any coloring as you like. (This is totally up to your own liking and preference.)

7. Sharpen it according to your preference. (Filter > Sharpen > Sharpen) If it's too sharp, lower it by using the Fade Option (Edit > Fade). In this case, I used 30%.
* Another way : Duplicate the merged layer, then sharpen it. Lower the opacity of the sharpened layer. This way you can adjust the degree of sharpening more easily.


8. Then add text. The text I used is Helvetica (Light Condensed), size 10pt.


Tips -
Ah, the font color. You can use the same color scheme as the background (i.e. Light Gray and Dark Gray) but remember one thing : make sure other people can see it. If your background color is light yellow, please, don't use white. No one can see it (not even yourself frankly).

Also, make sure the "anti-alias" option is on. Otherwise your font will look pixelated.

Note -
Actually any picture will do. But I perfer to use the one with white background, because you can use the magic wand to select the white color and delete it. If the background color isn't white (or any other plain color), it's okay. Use layer mask to erase the background, so you can pick any color as your background :)

Icons made by using this method:

Another note -
As for the last one (featuring U.S Army General Stanley McChrystal), I used the smudge tool to create the background. So, sometimes you don't have to erase the whole background.

But - how?
>> >> >>

Smudge tool () is a good thing to use when it comes to dealing with plain color background. You can say, "I can use magic wand too!". In this case, you can't. So smudge tool is the only thing you can use, beside using layer mask to erase the background.

First, smudge the space to the directions as the pink arrows indicated. Be very careful when you are ready to smudge the top of his head. Zoom in the pic, use a smaller size of brush then smudge it. After that, you can use a bigger size of brush then continue to smudge. Then, you have an extended background!
Current Music: Yves Klein Blue - Soldier | Powered by Last.fm
whatthedeucelibrary_of_sex on January 31st, 2010 11:27 am (UTC)
Sounds so easy! Thank you very much for writing this up so quickly! :)
drarmp1t †drarmp1t on January 31st, 2010 05:42 pm (UTC)
thank you again for the tutorial!
This is my sign xD: .[Ollian] ♥x_insurrextion on February 1st, 2010 04:09 pm (UTC)
It looks hot!!
thank you so much for taking your time to write it! :D :D