twoonefour icons
just another thing that I have yet to fathom
simple coloring tutorial in 5 steps 
19th-Jul-2006 09:23 pm
Go from to to

in 5 steps. (Adobe Photoshop 7)

This includes curves and selective colors, but I tried to make them as simple as possible. I posted screencaps of the curves and selective color windows so that you wouldn't get confused. This tutorial was meant to let people have an idea on what curves and selective colors do to screencaps. Don't run away when you read the word curves ok? :p

Step 1
I got this screencap (by [info]froda_baggins ) and cropped it to 100x100 pixels. (fyi, the cap is from Love Actually)

Result:

__________________________________________________________________________________
Step 2
Instead of using screen and softlight, I usually use curves to brighten images because I think the icons look better that way. "Say what? Curves?!?!?!" Don't worry, this is simple and easy to do. You will just click and type, I promise.
Go to Layer>> New Adjustment Layer >> Curves

Then the Curves window will appear.

In Channel: RGB:

Click somewhere in the middle of the line:
Type in the boxes:
Input: 115
Output: 145

Still in Channel: RGB:
Click at the lowermost point of the line:
Type in the boxes:
Input: 32
Output: 0

Then click OK.

Here are the screencaps of what your window will look like, so that you could see if you're doing the right thing.
a. The first click (in the middle of the line)


b. The second click (at the lowermost point)


Result: Better and brighter and shinier!

__________________________________________________________________________________
Step 3: I use selective colors because its easier to modify the colors of the icons that way. Its quite tiring sometimes to put loads and loads of color fill layers just to modify the colors of the icons. Plus, Im too lazy to think of what color fill layers to use. lol!
Go to Layer>> New Adjustment Layer >> Selective Color

The Selective color window will appear.
Type in the following:
colors:

REDS:

Magenta: +30
Yellow: +100
leave the rest at 0

Then, in the colors drop down menu section, select Magentas: (where the heck is the colors drop down menu? CLICK HERE TO FIND OUT WHERE)
MAGENTAS

Magenta: +100
leave the rest at 0

In the colors drop down menu, select Neutrals:

NEUTRALS:
Cyan: +17
Magenta: +7
Yellow: +100
leave the rest at 0

Then click OK.

Here are the screencaps of the Selective Color window: REDS | MAGENTAS | NEUTRALS

Result:

__________________________________________________________________________________
Step 4:
Go to Layer>> New Adjustment Layer >> Selective Color
Type in the following:
colors:
REDS:
Cyan: -100
Magenta: +9
Yellow: +10

NEUTRALS:
Cyan: +5
Magenta: +6
Yellow: +5

Then click OK.

Here are the screencaps of the Selective Color window: REDS | NEUTRALS

Result:

__________________________________________________________________________________
Step 5:
Add a new layer. Fill it with #F7E8FB set it to Color Burn, 100% opacity. Merge all the Layers (Layer >> Flatten image).

Result:

You're done! :) Its so easy right?
__________________________________________________________________________________

WORKING AROUND THE TUTORIAL:
You can experiment with the selective colors.. change the numbers and see what you come up with! And as for the Curves, you can change the Input/Output and see how the brightness of your icon change. You can also change the color of the Filled layer, add other color layers, change its opacity, etc.

Example:
A. See how the shadows lightened when I followed all the steps but modified the number in the second point of the curves RGB input in Step no. 2: (the changes I made are the ones in bold.)


In Channel: RGB:
Click somewhere in the middle of the line:
Type in the boxes:
Input: 115
Output: 145
Still in Channel: RGB: (Click HERE to check out the screencap of the Curves)
Click at the lowermost point of the line:
Type in the boxes:
Input: 12
Output: 0

B. See how the colors changed when I did all the steps but modified the Selective colors settings in Step 3: (the changes I made are the ones in bold.)

REDS:
Magenta: +30
Yellow: -25
MAGENTAS
Magenta: +100
NEUTRALS:
Cyan: +17
Magenta: +7
Yellow: +18
__________________________________________________________________________________
Other shiny reddish-yellowish icons made using this tutorial:

Comments 
18th-Jul-2006 10:20 pm (UTC)
Lmao, I was thinking the same thing - wow, 3 Keira tutorials in a row!

I love the coloring, but unfortunately I can't do it because I have GIMP =( Oh, well!
18th-Jul-2006 10:23 pm (UTC)
LOL! I know I just finished typing this tut and whoa I saw 3 other Keira tutorials before my post. LOL. I know of a gimp tutorial community.. its over here [info]gimp_tutorial
19th-Jul-2006 12:30 am (UTC)
I'm one of the maintainers there xD

I think everyone should campaign for GIMP to get with it and finally get selective color and all those other things PS users have =D
19th-Jul-2006 12:28 am (UTC)
Nice! I have been trying to not shy away from curves now, so view adding this to my memories as a step in the right direction. (However, I have been using selective coloring more often in the last few times I've made icons...so I'm not completely hopeless!)

Thanks a bunch!
19th-Jul-2006 12:40 am (UTC)
Okay, so I'm not big on Keira Knightley, but that icon is really pretty. Nice job.
19th-Jul-2006 07:35 pm (UTC)
Thank you. :)
19th-Jul-2006 02:48 am (UTC)
Ohh, easy well done thnaks.
22nd-Jul-2006 03:43 am (UTC)

Name: Static Beat Designs.
Created: July 10th, 2006.
Type: Graphics.
# Of Members: 117.

Please add us? (Static Beat).
22nd-Jul-2006 05:20 pm (UTC)
Added you back. :) (Is it ok? Im going to use your community usericon in my Affiliates post.)
22nd-Jul-2006 10:38 pm (UTC)
Feel free, hon. :)
4th-Aug-2006 01:49 am (UTC)
fhskfh you icons are AMAZING! Do you mind if I friend you?
4th-Aug-2006 05:03 am (UTC)
NP, Feel free to friend me. :) Thank you so much btw.
28th-Apr-2008 06:02 pm (UTC)
Thats beautiful. Im definitely trying it out.
31st-May-2008 08:32 pm (UTC)
it's great!!
thanks so much!
29th-Jul-2008 05:55 pm (UTC)
This is a great tutorial! Thank you so much!!!!
29th-Jul-2008 06:17 pm (UTC)
This is a great tutorial! Thank you so much!!!!
This page was loaded Sat, Nov. 28th (2009)