?

Log in

No account? Create an account
 
 
10 April 2006 @ 04:16 pm
Tutorial 04  

Gee, I'm on a roll ;) Anyway today we'll be learning how to make:


...from this:



I'm making this in PSP8 (should be easily translatable) and dial up users should be a little wary since I have a few pictures (30 or so 100x100 images) in this tutorial. =]

OKAY PEOPLE =] Welcome back to Tutorial school! ....yadda yadda yadda. So anyway, open up your graphics program so we'll be ready to start! 

1. We are going to be using this image from www.rupert-grint.co.uk/gallery.
http://www.rupert-grint.co.uk/gallery/displayimage.php?album=127&pos=66 < link

2. Resize your image and crop it to 100x100. 
Resized Image of the Trio >

3. Duplicate your image 3 times. Set the first layer (the one immediately above "Background") to Screen - 100%. Set the layer above Screen (100%) to Screen, as well, but this time at 46%. Then, make the top layer 100% Soft Light.


4. Make a new raster layer, and fill it in with #0B123F.  Set to exclusion at 74%:
 >

5. Now, make a new raster layer and fill it with a brown color. I used #754241. Then I set the layer to Soft Light at 66%.
 >

6. Now take this pink gradient, paste it as a new layer, and set it to Soft Light at 100%.
 >
**Once again, I have absoloutely no freaking idea who the gradient is by, so if you know, comment and tell me =]

7. After, take this blue gradient and paste it as a new layer. Next, flip it upside down. Now set it to Burn at 100%.
 >
**Once again, no idea who gradient is by. If you know, comment and tell me.

8. Now, duplicate your background layer and bring it to the top. Set it to Saturation at 24%.

9. Duplicate the Saturation layer and set it to Soft Light - 32%. Merge all layers.

10. Sharpen as much as you want. I would suggest after merging the layers, duplicate the new image and keep the mode on "Normal". Then, sharpen once. If it's too much, use the opacity bar to tone down your sharpness. In this case, I did just that, and toned the sharpness down using the opacity bar to about 54%.


11. Okay, now we are going to do masking. Paste this brush as a new image, then take the icon of the trio and paste as a new layer. Move around to fit your taste. =] I beleive that this brush is by 77words.
 >
Oh, and even though this isnt relevant to the tutorial, AWWWWW @ THE TRIO. Okay, back to the tutorial ;3

12. Now, copy the picture with the photo frame, and paste as a new image. Now, you have 2 of the same image (photo frame mask). On your second image crop it around the frame. Now,  create a new raster layer and fill the smaller image in with black. Then, set the layer to Color (L) so that it is now Black and white. Merge all layers.

13. Copy that picture, and paste it on the bottom of your colored one on the image with the colored mask. I did that, and now mine looks like this:

Your image can  cut off on the right or left side, too, it does not necessarily have to be directly under it. I did it directly under the colored image because it looks much neater in my opinion ;)

14. Great! We're almost done, so dont worry :) Now, take a round brush that has a soft circumference, like the one below, and select the color #F20353. Make a spot by the left side (where Ron & Harry are). It does not make a difference if the color spills over into the next frame, in fact, thats how you want it to be.
 >

15. Lastly, I'm going to take this brush (bottom) and make a line by the trees with it (top right hand corner) in white.
 >

YAY! You're done

You can do so much stuff with this icon. If you wanted to, you could lighten it (1) or make it darker (2) or even make it glowier (3)!  
1)  Duplicate layer, set to Screen at 80%
2)  Duplicate layer, set to Multiply at 32%
3)  Duplicate layer, set to Soft Light at 100%


Hopefully I explained everything easily enough. If you have any questions please comment and I'll do my best to answer them. If you'd like to share your finished icons with me, please dont hesitate to do so cause I love to see them! ^^;

ENJOY! <3
 
 
Current Mood: happyhappy
Current Music: Boston - Augustana
 
 
 
kiss me kate: bj new beginningstheleapingmuse on April 10th, 2006 09:56 pm (UTC)
Great tutorial! Saving to mem. :D
iconetraiconetra on April 10th, 2006 09:57 pm (UTC)
Thanks! :D
chrissy darling™: → { ANGELINA } it gives & it takes awaydeclares on April 10th, 2006 10:07 pm (UTC)
Love the coloring ♥, but I was wondering if you had the full brush set for the border? I've been looking for some icon borders for a while :)
iconetraiconetra on April 10th, 2006 10:11 pm (UTC)
Thank you :)

Er, well, you could check around at 77words's journal.
http://77words.livejournal.com/8625.html#cutid1

Try that post? :)
(Deleted comment)
(no subject) - iconetra on April 10th, 2006 10:20 pm (UTC) (Expand)
(no subject) - declares on April 10th, 2006 10:20 pm (UTC) (Expand)
(Deleted comment)
iconetraiconetra on April 10th, 2006 10:23 pm (UTC)
You have the wrong person =] I'm not Indie, I'm Annie. Haha ♥ You've got me and your friend mixed up :)
(Deleted comment)
(no subject) - iconetra on April 10th, 2006 10:35 pm (UTC) (Expand)
spgc_lover on April 10th, 2006 10:37 pm (UTC)
awesomeee. meminngg :)
iconetraiconetra on April 10th, 2006 10:37 pm (UTC)
Thanks =]
Larienroketto on April 10th, 2006 11:47 pm (UTC)
Great tutorial!!! Thanks so much for sharing it!
iconetraiconetra on April 10th, 2006 11:47 pm (UTC)
No problem and thank you :D
hp_icon_mkr19hp_icon_mkr19 on April 11th, 2006 12:50 am (UTC)
awesome tut, meming this!
iconetraiconetra on April 11th, 2006 12:50 am (UTC)
Thankies =D
gonecouture on April 11th, 2006 12:57 am (UTC)
Yep, Defintely trying it. I love all of your tuts. They've helped me a bunch! &hearts
iconetraiconetra on April 11th, 2006 01:03 am (UTC)
No problem =] and thanks soo much ♥ You made me smile ;)
(no subject) - gonecouture on April 11th, 2006 01:56 am (UTC) (Expand)
(no subject) - iconetra on April 11th, 2006 10:48 am (UTC) (Expand)
xxjaybabyxx on April 11th, 2006 01:26 am (UTC)
This is beautiful! Are you having problems posting at elite_tutorial?
iconetraiconetra on April 11th, 2006 01:27 am (UTC)
Thank you! :D

"You are now a member of the Elite Tutorials Community.

Although you are now listed as a member, this community only allows posting by authorized users. Contact one of the maintainers if you desire posting access. Below is the list of maintainers for this community:"

This is what I got when I joined :/
(no subject) - iconetra on April 11th, 2006 01:40 am (UTC) (Expand)
(Deleted comment)
iconetraiconetra on April 11th, 2006 02:34 am (UTC)
Oh, I set it to around that size actually. 98-120 is a good size :)
i already forgot your namestidbit2008 on April 11th, 2006 02:34 am (UTC)
Thanks for the tut! Added to memories :)

Image hosting by Photobucket

I do have one question though, the first layer you used the glow brush on(step 14) - what did you set it to?
iconetraiconetra on April 11th, 2006 02:35 am (UTC)
Oh, I set it to around that size actually. 98-120 is a good size :)

Oh and GORGEOUS icon. ♥
(no subject) - tidbit2008 on April 13th, 2006 03:56 am (UTC) (Expand)
(no subject) - iconetra on April 13th, 2006 10:46 am (UTC) (Expand)
beau.: clemence // delicate flower_ensoleille on April 11th, 2006 04:28 am (UTC)
Lovely tut! Adding to mems. :)
iconetraiconetra on April 11th, 2006 10:45 am (UTC)
Thanks! Enjoy :)
starry_night_53starry_night_53 on April 11th, 2006 05:30 am (UTC)
this is gorgeous! you keep making all these fabulous tutorials- i love it!

+ mems, thanks!
iconetraiconetra on April 11th, 2006 10:45 am (UTC)
:o Awww thanks soo mcuh :)
(no subject) - iconetra on April 11th, 2006 10:46 am (UTC) (Expand)
Helenhelenbutterfly on April 11th, 2006 04:07 pm (UTC)
Wonderful... just awesomely awesome. Can I friend you? I'm a fan of your tutorials now! =^.^=
iconetraiconetra on April 11th, 2006 07:06 pm (UTC)
Thanks! And sure you can :)
(no subject) - helenbutterfly on April 12th, 2006 07:06 pm (UTC) (Expand)
(no subject) - iconetra on April 13th, 2006 10:47 am (UTC) (Expand)
(no subject) - helenbutterfly on April 13th, 2006 12:03 pm (UTC) (Expand)
(no subject) - iconetra on April 13th, 2006 12:05 pm (UTC) (Expand)
(no subject) - helenbutterfly on April 13th, 2006 06:23 pm (UTC) (Expand)
(no subject) - helenbutterfly on April 22nd, 2006 07:05 pm (UTC) (Expand)
(no subject) - iconetra on April 22nd, 2006 07:06 pm (UTC) (Expand)
(no subject) - helenbutterfly on April 23rd, 2006 07:06 pm (UTC) (Expand)
tommorowbringstommorowbrings on April 11th, 2006 05:39 pm (UTC)
Awesome tutorial, very helpful!

I don't know if you have affiliates on here or not, but I was wondering if you'd like to affie with my icon journal? If not, maybe just friend each other? or both! Let me know...
iconetraiconetra on April 11th, 2006 07:06 pm (UTC)
Thanks! Absoloutely, I'd love to affiliate & friend you ^.^
evitaporterevitaporter on April 11th, 2006 10:10 pm (UTC)
Good stuff... I played around with this tutorial and made quite a few icons. Check out evita_icons You'll see the ones this tutorial inspired :D
iconetraiconetra on April 11th, 2006 11:31 pm (UTC)
Awesome icons! Thanks so much :D
lostanotherday on April 13th, 2006 03:39 pm (UTC)
wow that's gorgeous tutorial, thank you so much!

what I did



iconetraiconetra on April 13th, 2006 03:40 pm (UTC)
It's beautiful! :)
(no subject) - lostanotherday on April 13th, 2006 07:29 pm (UTC) (Expand)
(no subject) - iconetra on April 14th, 2006 09:32 pm (UTC) (Expand)
azaelia_tookazaelia_took on April 14th, 2006 06:01 pm (UTC)
I found this while browsing through the harry potter tutorial community...

And it's a beautiful tut, I love my result...but I can't share it because photobucket is down for maintenence. :( *melts on the floor* nooooooooooo!

Added to memories anyway...I'll come back and share whenever photobucket is online again.
iconetraiconetra on April 14th, 2006 09:33 pm (UTC)
Oh my :D I'm sure it looks wonderful (the icon)! I cant wait to see it :) And thanks so much!
(no subject) - azaelia_took on April 15th, 2006 02:40 pm (UTC) (Expand)
(no subject) - iconetra on April 15th, 2006 02:41 pm (UTC) (Expand)
xx_dawn on April 15th, 2006 02:35 am (UTC)
4. Make a new raster layer, and set the color to #0B123F, at 74%:

set it to what?!
iconetraiconetra on April 15th, 2006 03:20 am (UTC)
Oh whoops! Thanks for pointing that out. I fixed it. It should have said "Set to 0b123f at Exclusion, opacity 74%". :)
crazychaotic on April 22nd, 2006 02:43 am (UTC)
This really helped me! I got this:



-bookmarks tut- Pottering off to go look for your other tutorials now...
iconetraiconetra on April 22nd, 2006 02:43 am (UTC)
Ohh very very cute, I like it :D
Nadinealways_loved_yu on April 23rd, 2006 03:09 pm (UTC)
thanks so much! i really love it!
iconetraiconetra on April 23rd, 2006 07:03 pm (UTC)
No prob =D
diana (ダイアナ)gryffindorstar on May 2nd, 2006 10:23 pm (UTC)
It's a great tutorail! Here's how mines turned out

iconetraiconetra on May 2nd, 2006 10:26 pm (UTC)
Looks really cute! :) I like it..Emma's so pretty!
painful_memento on May 6th, 2006 02:31 am (UTC)
oh I swear I didnt just squeak when I saw what I had done X3; Once my computer wants to work again Ill add credit and reccomend your tutorial at my icon journal~ ^___~
Photobucket - Video and Image Hosting
iconetraiconetra on May 6th, 2006 03:04 am (UTC)
Ahh what a beautiful icon..i love it :) Thanks so much! I'm writing a new tutorial now..so hopefully people like that.. haha I've taken a long break :x
__scarxlet on May 8th, 2006 04:12 am (UTC)
really nice tutorial thanks so much!
iconetraiconetra on May 8th, 2006 11:32 am (UTC)
No prob :)
xcanonx on May 8th, 2006 02:42 pm (UTC)
Erm, so this tut is pretty amazing. I got this: Photobucket - Video and Image Hosting
iconetraiconetra on May 9th, 2006 02:31 am (UTC)
Eeek I love that ♥
(no subject) - xcanonx on May 9th, 2006 09:56 am (UTC) (Expand)
chosenxone on May 12th, 2006 09:52 pm (UTC)
I <3 this tutorial. =D I changed stuff around.. so I wouldn't be copying, and got this:

iconetraiconetra on May 13th, 2006 02:26 am (UTC)
Heyy that's cuteee :) Props for being original & using a panic! at the disco picture ;)
(no subject) - chosenxone on May 13th, 2006 01:21 pm (UTC) (Expand)