Log in

No account? Create an account
12 December 2008 @ 08:31 am
The cold concrete cuts against her back  


Made with Photoshop CS2
♪ Selective Coloring

9 steps and 3 examples.

The first step is standard, if you read my previous tut you can skip the first part.

Step 1: Make your base.
Open your image. I used a picture of Quinne from her "" set from Suicide Girls. I copied the image and pasted it in a 100x100 pixel 72 dpi new document. I then shrunk it, clicking the chain button;; to keep the image constrained as I used the boxes;; that appear in the corner of the image to shrink/warp it. Then when I got what I want, I clicked the check mark;;. I duplicated the image once and sharpened (Filter > Sharpen > Sharpen) it. **I changed the opacity to 40%-60% and merged the duplicate to the image so it would not be over sharpened. Now you got a base.

Step 2: Duplicate Base
Set to: Screen
Opacity: 50%
This layer is brighten the base up. If your base is already bright enough it would be best to skip this step. If your base is extra dark you might need to keep the opacity at 100% and maybe even duplicate the screen layer again and change the opacity to get what you want.

Step 3: Color Fill
Fill: #eee0cc
Set to: Soft Light
Opacity: 100%
Create a new layer and fill it with a light yellow color (eee0cc.)
This layer brightens and helps with the manipulation of colors in selective coloring.

Step 4: Selective Color 1
The yellow blends in with the base's colors. So with selective coloring we change the blended colors to make them more red with reds and more blue with cyans/blues. We also remove a little bit of the yellow.

Step 5: Selective Color 2
This Selective Color layer deepens the reds and bluse and removes a little more yellow.

Step 6: Hue/Saturation
This is just to bump up the colors.
Settings: Master; Saturation: +20


Step 7: New layer
Create a new layer either by the button at the bottom of the Layers pallet or by going to the menu "Layer > New > Layer." You can also use the key shortcut "Shift + Ctrl + N"
In the new layer hold down "Ctrl + Alt + Shift + E keys and then let go. It will basically copy-merge the layers below the new layer.
You can copy merge in a new layer with the menu: you have to "Ctrl + A" or menu "Select > All." Then go to "Edit > Copy Merged" then paste ("Ctrl + V" or "Edit > Paste") in new layer.
Either way you go, this copy-merge layer will be used to create the blur around the edges.

Step 8: Blured/Spun Edges
Filter: Radial Blur
Menu Location: Filter > Blur > Radial Blur
Amount: 10
Blur Method: Spin
Quality: Good
Leave the little graft alone, keep it center. Though you can mess with the position of the spin it looks less wonky if left centered.
There's really nothing much to say when it comes to this. It's an effect, something that should be learned, specially since it's good use at making textures and it can add to the icon. But be careful because it can also take away from the icon.

Step 9: Erasing Center
Brush: 100px Soft
On the Radial Blur layer erase the center and in areas you want revealed. I just wanted a little blur so most of the layer got erased.


Other Examples:

Any brush or textures you want to add go ahead. It's all you. ;) You will have to be careful with them, choose colors that won't clash with image, change opacities, and layer modes. Just experiment, don't always be set on one single layer mode.

1. You don't have to duplicate your base and click 'sharpen' and change the opacity of the base so what sharpening there is isn't too much/over done. On Photoshop CS2, you just click sharpen then go to Edit > Fade or Shift + Ctrl + F and then just move the slider to get the right amount of sharpening you want. Be careful of over sharpening, it's the leader in crummy icons next to over usage of selective coloring, color layers, and textures... in the same icon. :3

2. Step 8 used to be step 3. After the screen layer I created a new layer then copy merged. I left it alone and then worked on coloring. When I was done with coloring and went on the the Radial Blur step by going back to the copy merged layer and applying that effect. Then I erased. So if you download the PSD you will see how the radial blur layer is below the coloring.

I hope I made sense. If not here's the psd:

Have fun making those icons.

Any questions, just ask?
Comments are always nice.
And I'd like to to see what you've done with the tutorial.

My Resources
Join imfraudulent if you like. :D


Current Mood: okay
`kana。oum_boojae on December 12th, 2008 05:17 pm (UTC)
pretty coloring!!!!!!
taking the .psd
Leucadiasolonbixler on December 12th, 2008 05:21 pm (UTC)
Thank you.
Awesome. :3
You're welcome. :D
`kana。oum_boojae on December 12th, 2008 05:34 pm (UTC)
My result

From this: To this:

Leucadia: PD: Olive - FTWsolonbixler on December 12th, 2008 08:49 pm (UTC)
Oooh.... That looks amazing! :D
joliechose: Highway - J&jjoliechose on December 13th, 2008 12:20 am (UTC)
Unrelated: I just saw your header :3 It's so pretty!
Leucadia: PD: Chuck - Yellowsolonbixler on December 13th, 2008 04:27 am (UTC)
:D Thank you bb. <3
vietlicious on December 13th, 2008 12:55 am (UTC)
Snagged .psd! Thanks!
Leucadiasolonbixler on December 13th, 2008 04:26 am (UTC)
Awesome! Thank you.
queen lia.: 六刃; 天空minutie on December 13th, 2008 01:55 am (UTC)
This is a great tut! Tyvm~ :)
Leucadiasolonbixler on December 13th, 2008 04:26 am (UTC)
:D Thank you. yw. :3
con phù du: Stand up for Love ♥vanessa0504 on January 21st, 2009 09:33 am (UTC)
great tut
thank you!
Leucadia: Fall: Roy - Skysolonbixler on January 21st, 2009 05:00 pm (UTC)
Thank you. :D