Log in

No account? Create an account

Previous Entry | Next Entry

PSP XI TUTORIAL: Bright Outline



Made in: PSP XI
Level: A little more advanced
Translatable: Yes

♪ step 1: coloring original image

Okay, the first thing I did was find a subject. I wanted a person on a light-colored background. So I went to http://www.andrew-garfield.com and found this picture:

Then time to color! Okay, I'm going to sort of speed through this part, because all that really matters is the end product. First I copied the background about four times and set the first two layers to Multiply at 100%, the third to Screen at about 10% opacity, and the top one at Soft Light at 40% opacity. That makes it darker and the colors deeper.

Then I brightened it up with a curves layer (160>>206), and then upped the Saturation to about 23. Which gives us:

I wanted to add some yellow, and maybe bring out a little more color, too (I chose purple because I like purple with yellow), so I made a new layer with a gradient, #f3c011 to #75527e. (I tried to pull a purple that was just a little lighter than a purple from the picture.) Then I set that to Soft Light 100% opacity and masked away a lot of the parts covering his hair and face. That gives us:

Wanted a little darker/deeper color, so I copied a merged layer on top and set it to Multiply at about 70% or so. Then I wanted to brighten it up just a bit, so I made another curves layer (175>>198). And we have our base for the next bit!

♪ step 2: making the outline

Now, it's probably easier to work on a bigger canvas, but I wanted to see what it looked like at final size, so I went ahead and resized it to 100px (height, because we're going to crop it to 100px width later). First, I copied the background and pasted it as a new layer.

I went to Effects>>Edge Effects>>Find All. That gave me:

I set that to Multiply, and moved the layer over a little to the right. As such:

I erased all the parts covering him. Gave me something like this:

Then, because between his body and the outline there are still some noisy bits, I used a layer mask to get rid of that. (I set the group to about 36% opacity at this point.) Here's the mask, and the image after the mask:

♪ step 3: texture

I wanted a yellow background instead of the white, so I went digging through my textures folder and found this texture by paperjunk on DA (tle_lovie69 on LJ). I rotated it and resized it, and wound up with this. I pasted that on top of the picture, moved it around until I found a nice yellow spot I liked, and then set it to darken. (The outline was a little hard to see, so it's darker here just so it'd show up. I set it back down in the next step.) Then I cropped it to 100x100 and wound up with:

Needed to get the yellow off him, and off the white bit between him and the outline, so time for another layer mask! This time I did Hide All instead of Show All, which I think made it easier. This is the mask, and the result:

♪ step 4: finishing touches

Then I copied a merged layer and pasted it on top, setting it to Screen at a little less than 50% opacity.

I copied a merged layer again and sharpened it (just a little bit). That gave me:

I wanted a nice, shiny effect, so I made painted some light blobs on a new layer. I stuck them on a black background so you could see them here. I used Gaussian Blur on the blobs, with a radius of 14, and BAM! Icon.

You can do this for pretty much any picture like this (like this icon I made), and probably tweak it to make it easier. I tried it again, and got an almost exact replica, so hopefully the tutorial should work! I'm not sure I went into enough detail, though, so absolutely ask questions if I have not explained something or said something that didn't make sense. I have the .psd for the replica, that I can upload if someone wants to see it. I have a .psd for the first part (the coloring), but that's so simple I don't think anyone will need it; but, again, I don't really mind sharing.

originally posted to my own graphics comm, but I'd be happy to answer questions here


( 3 comments — Leave a comment )
Aug. 20th, 2011 10:59 am (UTC)
Oh wow, I love this! I'm definitely going to try it - as soon as I get some time to sit and make icons! :p
Aug. 20th, 2011 04:52 pm (UTC)
Yay! :D Well I hope it'll be useful to you.
Oct. 3rd, 2011 12:43 am (UTC)
Old to this but good job! New way for me to try the outline effect :)
( 3 comments — Leave a comment )

Latest Month

February 2019


Powered by LiveJournal.com