vardasicons ([info]vardasicons) wrote,
2005-04-28 19:17:00
  • Mood: accomplished
  • Music: nelly
First time making a tutorial, so work with me. I tried to make it simple enough for a beginner. If it's not easy enough to follow I'd appreciate constructive criticism. Feel free to ask questions if you do not understand.

To get this coloring effect (PSP 8):

Image hosted by Photobucket.com


I started with this image:

Image hosted by Photobucket.com

Crop it to a square size. Do NOT resize to 100X100 pixels yet. Now we have this:

Image hosted by Photobucket.com

Image hosted by Photobucket.com

Duplicate the background once. De-saturate this layer (Shift+H). I set the saturation to about -70. Merge (Flatten) the layers (Layers-->Merge-->Merge All (Flatten)) We now have this:

Image hosted by Photobucket.com

Image hosted by Photobucket.com

Image hosted by Photobucket.com

We will now color her eyes. Create a new raster layer and set the blend mode to Overlay. Use the paint brush tool and color in the eyes by hand. For Alexis' eyes, I used #7DAFF9. This is the reason we haven't resized the picture yet, because we want to color the eyes when the picture is as detailed as possible. We now have this:

Image hosted by Photobucket.com

Image hosted by Photobucket.com

Image hosted by Photobucket.com

Now, on the Background layer, use the soften brush (in Photoshop I believe it's the smudge brush) to smooth her face. When I use the soften brush for this purpose I usally set the Hardness to about 50. We now have this:

Image hosted by Photobucket.com

Image hosted by Photobucket.com

Resize the image to 100X100 pixels (finally). While the background layer is selected, sharpen the image (Adjust-->Sharpness-->Sharpen). We have this:

Image hosted by Photobucket.com

Her face is kind of pixely due to the sharpening, so I went back over her skin with the soften brush one more time. You can certainly skip this step if you so choose.

Image hosted by Photobucket.com

Duplicate the background layer. Set the blend mode to overlay. This is what we have now:

Image hosted by Photobucket.com

Duplicate the background layer again. Set the blend mode to soft light. We have:

Image hosted by Photobucket.com

Finally, I merged (flatten) all of the layers and added a simple black border using a 1 pixel border brush. The final result is this:

Image hosted by Photobucket.com

I always save my icons as .png and not .gif; the image quality is much better.

  • Post a new comment

    Error

    switch
     
    Help
  • 48 comments
Previous
← Ctrl← Alt
  • 1
  • 2
Next
Ctrl →Alt →

[info]the_follow

April 29 2005, 01:01:46 UTC 7 years ago

OMG, that is so scary it's cool.

[info]vardasicons

April 29 2005, 01:12:50 UTC 7 years ago

:)

[info]retrojeans

April 29 2005, 01:01:54 UTC 7 years ago

I have PSP 9 and can't seem to find the soften brush :\

[info]vardasicons

April 29 2005, 01:12:00 UTC 7 years ago

I've only used PSP 9 a couple of times, but this might help a bit.

Image hosted by Photobucket.com

You could be looking for it but seeing one of those other icons.

[info]oppositeoffate

April 29 2005, 01:06:31 UTC 7 years ago

That looks very cool! I love the color of her eyes now. :)

[info]vardasicons

April 29 2005, 01:12:31 UTC 7 years ago

Thank you! ^^

[info]fixated

April 29 2005, 01:41:58 UTC 7 years ago

Cool, thanks for this. It worked in PS.

[info]vardasicons

April 29 2005, 01:45:15 UTC 7 years ago

Awesome! I was hoping it would easily translate. :)

[info]steamyteakettle

April 29 2005, 02:01:04 UTC 7 years ago

omg you're amazing. the picture is kinda creepy after seeing it 734926 times, but still amazing. is that procedure mostly applicable to psp9 though?

[info]vardasicons

April 29 2005, 02:02:20 UTC 7 years ago

should be applicable to psp9. thank you! :)

[info]bevfank

7 years ago

  • Loading...

[info]icon_extreme

April 29 2005, 02:13:29 UTC 7 years ago

boo-ty-ful :D

[info]vardasicons

April 29 2005, 02:19:58 UTC 7 years ago

:D Thanks!

[info]chez_amanda

April 29 2005, 02:15:15 UTC 7 years ago

Your tutorial was the easiest to follow, thank you! I've been trying to make icons and had no idea what the people where talking about.

[info]vardasicons

April 29 2005, 02:19:39 UTC 7 years ago

awesome, I'm super happy to hear that.

If you're looking for more beginnerish tips try [info]dtissagirl's Icon Makers Guide

:)

[info]chez_amanda

7 years ago

  • Loading...

[info]vardasicons

7 years ago

  • Loading...

[info]umbrellahat

April 29 2005, 02:56:00 UTC 7 years ago

cool, simple tutorial and an awesome colouring effect! Thanks :)

[info]vardasicons

April 29 2005, 02:56:31 UTC 7 years ago

you're welcome!

[info]mz_horseyholic

April 29 2005, 03:03:51 UTC 7 years ago

is there any way for me to
do this in adobe photoshop 7?

[info]vardasicons

April 29 2005, 03:06:11 UTC 7 years ago

I'm pretty sure you can do the whole thing pretty much the same way. The tools will be in different places and you use the "smudge" tool to smooth the face instead of the "soften" tool. But the steps are all the same.

[info]dorset77

April 29 2005, 03:11:36 UTC 7 years ago

How come when I do the eys they are a solid color. Yours are not.

[info]vardasicons

April 29 2005, 19:01:56 UTC 7 years ago

Did you create a new layer specifically for the eye color? If so, make sure your blend mode (where it originally reads "Normal") is set to Overlay.

[info]forgottensmile_

April 29 2005, 03:22:32 UTC 7 years ago

Do you mind if I use that Icon, If I credit in my userinfo? I realllllyyyyy like it. *loves*
Sorry for the fact that im already using it, I just didnt know if I could.

[info]vardasicons

April 29 2005, 18:58:13 UTC 7 years ago

of course you can! enjoy!

[info]bevfank

April 29 2005, 04:15:05 UTC 7 years ago

Here's what I got. The only thing different that I did was fix a little smug on her nose. =)
Image hosted by Photobucket.com

[info]vardasicons

April 29 2005, 18:59:27 UTC 7 years ago

I really like that! :)

[info]bevfank

7 years ago

  • Loading...

[info]sudser_girl

April 29 2005, 05:36:56 UTC 7 years ago

This is what I got. The crop isn't exact but I think it turned out ok. Thanks for this, very easy to follow and I'll use this process again.

[info]vardasicons

April 29 2005, 18:59:11 UTC 7 years ago

yay, I'm glad you'll be using it again. You did a fabulous job. :)

[info]samantha_may

April 29 2005, 16:20:27 UTC 7 years ago

This is a very useful tutorial. Thank you!

[info]vardasicons

April 29 2005, 18:59:43 UTC 7 years ago

You're welcome!

[info]houses7177

April 29 2005, 18:10:48 UTC 7 years ago

Beautifully done tutorial.

[info]vardasicons

April 29 2005, 18:59:57 UTC 7 years ago

^^

[info]simplydee611

April 29 2005, 22:35:56 UTC 7 years ago

YAY ! i actually got this one. awesome job, memoried it !

[info]vardasicons

April 30 2005, 17:31:28 UTC 7 years ago

Thank you!

[info]bargaining

April 30 2005, 02:37:54 UTC 7 years ago

Wow, creepy as hell. But I love it! Adding to memes, thanks. :)

[info]vardasicons

April 30 2005, 17:31:17 UTC 7 years ago

You're welcome!

[info]vocecelest

April 30 2005, 04:39:25 UTC 7 years ago

This was a cool tutorial. The first icon I made didn't do very well, but I think that I chose too dark a picture:



I chose a lighter one, and I think it did a lot better.

[info]vardasicons

April 30 2005, 17:30:58 UTC 7 years ago

They both look really cool! :)

[info]ironically

April 30 2005, 17:41:45 UTC 7 years ago

oooh, lovely! added to memories!

[info]blifme

May 1 2005, 16:04:15 UTC 7 years ago

Memorised :). Cool Tut! thanks~

[info]unhipster

May 27 2005, 07:10:05 UTC 7 years ago

great tutorial, added to memories.

[info]beautiful_hooch

May 30 2005, 18:52:31 UTC 6 years ago

I did as well, thanks for this.


Hooch ;)

[info]happyconfusion7

June 16 2005, 18:56:28 UTC 6 years ago

thats a great tutorial! i added it to the memories and made this icon out of it:

Image hosted by Photobucket.com

thanks so much!
♥

[info]pink_misst

July 15 2005, 07:47:06 UTC 6 years ago

thank you!

[info]miss_bekahrose

July 27 2005, 17:25:50 UTC 6 years ago

Oh my goodness, Thank you! I have been searching everywhere for a tutorial that I can understand, and well, yours was TOTALLY understandable.


I did everything as you directed and, after a couple mishaps (I read some things wrong. LoL)


I ended up with this:


Image hosted by Photobucket.com


Thank you so much!


♥


Will definitely be saving this to memories. :)

Previous
← Ctrl← Alt
  • 1
  • 2
Next
Ctrl →Alt →
Create an Account
Forgot your login or password?
Facebook Twitter More login options
English • Español • Deutsch • Русский…