Persailo ([info]persailo) wrote,
@ 2006-08-12 14:17:00
Previous Entry  Add to memories!  Tell a Friend  Next Entry
Current mood: mellow
Current music:Bobby Darin singing in "Come September"
Entry tags:hagrid tutorial, icon tutorial

Icon Tutorial

Go from

     to    

in 12 steps. Made in PSP.
Degree of difficulty: medium

We'll be using a screencap of Hagrid from the Harry Potter series. Found at Mugglenet.

1. Sharpen your 100x100 base.  



2. Duplicate the base twice. 
- Set top one to 'SCREEN' at 30% opacity. 
- Set lower one to 'SCREEN' at 100% opacity. 



3. Create new raster layer. ('LAYERS'--'NEW RASTER LAYER')


4. Flood fill w/ #E0E0E0.


Set layer to 'BURN' at 100% opacity.



5. Create new raster layer.


6. Flood fill w/ #0A4CC6.


Set to 'EXCLUSION' at 30% opacity.




7. Create a new raster layer.


8. Flood fill with same color from step 6, #0A4CC6.


Set to 'BURN' at 40% opacity.



9. Duplicate the base, drag it to the top and set to 'OVERLAY' at 30%.


10. Go to 'LAYERS'--'NEW ADJUSTMENT LAYER'--'BRIGHTNESS/CONTRAST'.
- Brightness:9
- Contrast: 15
You can play around with those numbers depending on your personal tastes.

It's almost good enough at this point, but I like to play around with the coloring a bit more.

11. Go to 'LAYERS'--'NEW ADJUSTMENT LAYER'--'COLOR BALANCE'.
- Where it says 'Tone Balance', click 'Shadows'.
- Then go back up to the top where it says 'Color Levels'. 
- In the first box, type 17. 
- Leave the second box at 0.
- In the third box, type 8.
- Now go back down to the bottom where it says 'Tone Balance'--select 'Highlights'.
- Then go back up to 'Color Levels' and type 15 in the first box.
- Make sure 'Preserve Luminance' box is checked.


12. Go to 'LAYERS'--'NEW ADJUSTMENT LAYER'--'LEVELS'
- Channel: RGB
- Input Levels: 0  -  1  -  238

then

Channel: Red
Input Levels: 0  -  0.67  -  242
Click 'OK'.

And there's your finished product...



Try not to copy this exact icon, play around with the various opacities and make it your own.

If you found this helpful, please comment. I'd love to see what you created!



(33 comments) - (Post a new comment)


[info]___heyvanity
2006-08-14 03:46 am UTC (link)
Very pretty! I use almost all the same techniques you used to make my icons, so I could relate!

Here's how mine turned out, I did everything you said, word for word.

Image Hosted by ImageShack.us

I will bookmark this!

(Reply to this) (Thread)


[info]persailo
2006-08-14 05:17 am UTC (link)
Oh wow, your icon turned out REALLY beautiful!

So glad it was useful! XD

(Reply to this) (Parent)


[info]ambyoulance
2006-08-16 12:02 pm UTC (link)
added to memories :)

(Reply to this) (Thread)


[info]persailo
2006-08-18 02:50 am UTC (link)
Hope it's helpful!

(Reply to this) (Parent)


[info]sawcat
2006-08-16 04:33 pm UTC (link)
very nice, will have to try

(Reply to this) (Thread)


[info]persailo
2006-08-18 02:51 am UTC (link)
Thanks! Lovely 'New World' icon, btw.

(Reply to this) (Parent)


[info]scribblednoise
2006-08-17 04:00 pm UTC (link)
bookmarked, most def! thanks for the tutorial, i love it!

here is my final product:
here

i did it on a picture instead though.

(Reply to this) (Thread)


[info]persailo
2006-08-18 02:52 am UTC (link)
Wow...that's some hot stuff! AWESOME job! So glad it was useful. XD

(Reply to this) (Parent)(Thread)


[info]scribblednoise
2006-08-20 03:02 am UTC (link)
Haha thankss! :]]! It's now my favorite tutorial.

(Reply to this) (Parent)


[info]rialovescake
2006-08-19 03:02 am UTC (link)
Wow, this is a stunning tutorial, just loved what the colors did, here is mine:

(Reply to this) (Thread)


[info]persailo
2006-08-19 04:04 am UTC (link)
It turned out lovely!! Glad the tutorial was useful...thanks for showing me the outcome!

(Reply to this) (Parent)


[info]darkwil
2006-08-21 05:03 am UTC (link)
thanks for the tutorial! I've been looking for something like this been dying to learn to do this! I bookmarked it ^_^

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:15 pm UTC (link)
Awesome! Hope it helps! :)

(Reply to this) (Parent)


[info]sarasparrow
2006-08-21 05:21 am UTC (link)
thanks, you make me feel magical

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:16 pm UTC (link)
XD Thanks so much!!!

(Reply to this) (Parent)


[info]gimmick_
2006-08-24 05:20 am UTC (link)
I liked this tutorial. ^^; This is my final outcome

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:16 pm UTC (link)
Wow that's beautiful! I love it. :)

(Reply to this) (Parent)


[info]shalowater
2006-08-31 09:39 am UTC (link)
adding to mems. thx.

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:16 pm UTC (link)
Sure thing!

(Reply to this) (Parent)


[info]lamenticons
2006-09-04 04:47 pm UTC (link)
I love this coloring. Definitely bookmarking. It's a beautiful tutorial. I'll have to try it out sometime. :D

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:17 pm UTC (link)
Cool, I hope it's useful! :)

(Reply to this) (Parent)


[info]jynnantonnyx28
2006-09-06 02:22 pm UTC (link)
Ooh pretty :) Do you know what a raster layer is in photoshop? I have PSP as well but I'm more acustomed to photoshop :P

I made this icon with this tutorial (with some adjustments)

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:18 pm UTC (link)
I have no clue, I used Photoshop all of one day and could never figure it out. XD

Your icon turned out lovely!

(Reply to this) (Parent)


[info]__rainydaze
2006-09-06 10:50 pm UTC (link)
i'm new to icon making, and this tutorial was awesome. i made this icon of my friend with it:

(Reply to this) (Thread)


[info]persailo
2006-09-09 08:20 pm UTC (link)
Yours is probably my favorite icon anyone's made using this tutorial! Awesome work...especially for someone new to icon making. :)

(Reply to this) (Parent)


[info]xk_la
2006-09-29 11:10 am UTC (link)
Here's what mine turned out like.

Photobucket - Video and Image Hosting

(Reply to this) (Thread)


[info]persailo
2008-08-17 03:02 pm UTC (link)
very nice work!

(Reply to this) (Parent)


[info]xz0mbiezx
2006-11-09 12:49 am UTC (link)
I love this type of coloring. It's so much better than the type that everyone is using now.
Here's what I came up with. I switched a few things around, and skipped a step or two:

(Reply to this) (Thread)


[info]persailo
2008-08-17 03:03 pm UTC (link)
thanks!! i love your icon!

(Reply to this) (Parent)


[info]musicsexual
2008-07-21 04:54 am UTC (link)
Thanks so much for this! Here's what I came up with:

(Reply to this) (Thread)


[info]persailo
2008-08-17 03:04 pm UTC (link)
awesome! I'm a HUGE heath fan so I really love that icon!

(Reply to this) (Parent)


[info]doi_mad
2008-08-01 10:38 pm UTC (link)
Love this tut; it's awesome.

(Reply to this) (Thread)


[info]persailo
2008-08-17 03:04 pm UTC (link)
thank you ! :)

(Reply to this) (Parent)


(33 comments) - (Post a new comment)

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