I'm no Superman ([info]callie_icons) wrote,
@ 2005-07-11 12:03:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Tutorial-Color and effect from premade textures
Time for another tutorial. And while no one has requested this, I thought there might be an interest in seeing this technique. Now, this is actually a fairly simple icon to make. It's just all about experimenting with color and blending modes. So hopefully this will help people learn the way diffrent layer blending modes work with each other to create great effects.

Oh, and remember kids: Like all my tutorials, this was made with PSP9 but should be easily translatable into other programs or versions.

So we're going to be taking this photo and making this icon:



So, first it's time to crop (R). After trying a few diffrent crops, I settle with only half of Natalie's face in the icon. I do this for two reasons; a). it gives Natalie and the icon an air of class and mystery. She's a classy lady and that's something I want to bring ot in the tone of the icon and b). I really like the way the background of the photo changed from this grey green color to a charqual brown and I wanted to keep that.

Now, always make sure when you crop, the area is a perfect square so you don't get any weird stretching. Resize (shift-S) to 100x100 and then sharpen. You should have something that looks like this:

Image hosted by Photobucket.com

Time to work with the image to bring out it's natural coloring. The first thing I do is duplicate the background image twice. I set the fist copy to Screen and the second to Soft Light (from the bottom your layers should go Background-Soft Light-Screen). This is a great way to bring out really vibrant coloring and I do this almost all of my icons.

Now it's time to start working towards coloring and texture. Now Natalie is very pale and I want to bring out a more natural skin tone. Ordinarily, I would use a pale peach color to add that natural color to the icon. But since I'm trying to add texture as well, I go looking for a texture base in the same kind of color tone I want.

So I paste in this texture base by Tre-Xture as a new layer (crtl-L) and set the blending mode to Multiply.

Image hosted by Photobucket.com

To soften this effect and get a more faded coloring, I create a new layer and fill (F) with a dark blue color set to Exclusion.

Image hosted by Photobucket.com

I like this coloring but I want it stronger so I duplicate both the Multiply and Exclusion layers. (the order of these effect layers should now be Multiply-Exclusion-Multiply-Exclusion).

I play with the order of the layers now. I've seen alot of people ask questions about ways to use textures. Now one of my favorite techniques is to put the texture beneath a Soft Light image layer. This gives a dramatic coloring effect and stops the texture from overwhelming the icon while still letting the texture show through. So I drag my Soft Light background copy all the way to the top. I duplicate this layer again to increase the effect and the contrast of the image.

The order of your layers should now go Background-Screen-Multiply-Exclusion-Multiply-Exclusion-Soft Light-Soft Light.

Now that I have some coloring I like, I'm going to work on increasing the texture effect. So I paste another base from Tre-Xture:

Image hosted by Photobucket.com

I keep the blending mode on Normal and move the layer around, seeing what kind of location gives what kind of effect. Again, because I have the soft light image layers on top, I can keep the blending on Normal and have the texture show through. After some experimentation, I decide I like this layer at the bottom and place it above my Screen layer.

Time to make a couple of final finishing touches to pull the whole thing together. I don't like how Natalie's face is so dark and the rest of the icon is much lighter. I want all the focus to be on Natalie. One way to brightern certain ares of an icon is to use a black and white gradient.

I create a new layer and fill it with this gradient (comes standard with PSP) and set the blending mode on Soft Light. The white will brighten Natalies face while the black will take some emphasis off the rest of the icon.

Image hosted by Photobucket.com

After moving this layer around to see where it looks best, I place the layer underneath my last Exclusion layer. The Multiply-Exclusin layers on the icon should now go, from the bottom: Multiply, Exclusion, Multiply, Soft Light Gradient, Exclusion.

Almost done. I want to make the icon slightly darker and more contrasting, to help with that classy and mysterious tone I'm goinge for. I duplicate the top Soft Light image layer and then desaturate it (Adjust>>Hue and Saturation>>Hue/Saturation/Lightness). I set the brightness to 0 and the saturation to -100.

Last step! To make Natalie's eyes stand out, I use the sharpen brush (J and then select Sharpen from the drop down options) set small on size 1 or 2. I then go over Natalie's eyes to brighten them up and make them stand out.

That's it. You're done.

Now, I know that was kind of complicated and there are alot of layers. If anyone has any questions, please feel free to ask.

ANd remember: the best way to create effects like this is experiment. Try diffrent blending, diffrent textures, move layers around to come up with an effect you like.



(Post a new comment)


[info]ruination
2005-07-11 08:43 pm UTC (link)
Ooh added! Very nice!

Image hosted by Photobucket.com :D

(Reply to this)


[info]angelica_xo
2005-07-11 08:45 pm UTC (link)
very nice.
i like me some natalie portman!

(Reply to this)


[info]mrsotown
2005-07-11 08:59 pm UTC (link)
Great tutorial. Added to my memories.

(Reply to this)


[info]brasaremean
2005-07-11 09:05 pm UTC (link)
ahm...you knwo my oppinion ont his one...........
YAY THANK YOU SOOOOOOOOOOOOOOOOOO MUCHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH...
funny thing tho...somehow i knew the textures used are from tre texture...i use them all the time too!!!
addin to mems...and friending you if you don't mind

(Reply to this)


[info]ancarett
2005-07-11 10:00 pm UTC (link)
That wasn't complicated. That was clear and very lovely in the finished effect!

(Reply to this)


[info]leathers
2005-07-11 11:52 pm UTC (link)
Excellent tutorial, adding the 'why I did this' helps out a whole lot more than just 'do this, this, & this', thanks very much.

(Reply to this)


[info]cornucopiaoflov
2005-07-12 06:11 am UTC (link)
I loved this tutorial! I made 13 icons with the technique.

(Reply to this)


[info]_cease_2existx
2005-07-12 08:58 am UTC (link)
It wasn't at all complicated, and I love the final result, the colors are gorgeous..thanks for writing this ^^

(Reply to this)


[info]actfour
2005-07-14 03:08 pm UTC (link)
i love this!!
memoried.

(Reply to this)


[info]midnightzstorm
2005-08-19 07:53 pm UTC (link)
Very cool! It was easy to follow and it gave me a bunch of ideas. Thanks so much for sharing this. :)

(Reply to this)


[info]__rockmonkey__
2005-09-06 05:49 pm UTC (link)
This was so great :D I love the use of textures and colors that you explain.

(Reply to this)


[info]papyds
2006-07-27 08:32 pm UTC (link)
i love the tut
congratzzz

(Reply to this)


[info]evend1m
2006-11-02 06:00 pm UTC (link)
Meming this! :D

(Reply to this)


Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…