3 Tutorials
3 tutorials by request. I didn’t save the .PSD file for any of these, so they might not come out the same as my originals.

How to make to


Tutorial 1

This is a very simple icon, very easy to make. First get your image, I got a cap from Harry Potter GoF, cropped it and got my base.



Sharpen your image twice. Duplicate it and set it to Soft Light



Take this mask



Copy it onto your icon and then set it to Screen.



Now you’re done, very simple icon.

Tutorial 2
How to make to


This icon is a bit more difficult, but it is still quite simple. First choose your image, I chose a screencap from the Yule Ball.



I cropped out Hermione, and got my base.



Now Sharpen your image, Duplicate it and then set on Screen.



Now for some colour, Merge all your layers together (Ctrl + E) and then go to Image > Adjustments > Variations. I don’t think this can be done on PSP or older versions of Photoshop.

Now colour your picture by clicking on what you think looks good with your icon. I clicked More Blue and More Yellow. Once you have a colour you’re happy with, click ok.




After that, I just smoothed out her skin a bit with the blur tool. Doesn’t have to be perfect.



Now take this mask



and set it on Screen



Copy this little pattern


and then paste it on your icon


Then add some text, I used the font Trajan Pro to write “Tears”, and then used some tiny text underneath it. I then rotated the text by going to Edit > Transform> Rotate 90 CW. Here is the image if anyone wants it.



Ok so now for the final part. Go to Layer >New fill layer > Gradient and then set to Screen like below.



Now choose the colour you want your icon to be filled with.



Click ok once you have a colour you’re happy with, then you’re done!








Tutorial 3
How to make this banner



Using Photoshop CS2, easily translatable to other versions and programs.


This will be explained pretty briefly because it is almost the same as the icon tutorial above. We are going to make this banner



Make a blank canvas, 400x200 and paste an image on the right hand side like this



Take this mask



And set it on Screen



Get another image, and paste it closer to the left side



Take this mask



Copy the mask and paste it on the image you have just copied, set it on screen


Take this pattern



And paste it near the right image



Copy this image, it’s just the brushes I used, but I can’t remember which brush file it was. Paste it on the right side, but cut out the part in the middle where the other image is.




Add some text, I used the font Trajan Pro to write “Ron Weasley” Use a grey colour for the text.



Once you’ve done that, you can add the colour on now. Go to Layers > New fill layer > Gradient, put it on screen



Choose the colour that would suit your blend, then click ok.



This part is optional, I just added a white border around the banner.



Some other banners I have made following the same techniques






Hope the tutorials are useful, I would love to see what you come up with =) Please don’t copy these tutorials, they did take a while to write out. Masks are by ohfreckle and arisubox

(Post a new comment)

	cherishthepast 2006-03-18 05:01 am UTC (link)
	Great tuts! Adding to mems. Thanks! (Reply to this)

	hp_icon_mkr19 2006-03-18 05:40 am UTC (link)
	awesome tuts, adding to mems as well. (Reply to this)

	daylight_rose 2006-03-18 05:40 am UTC (link)
	Nice. One question. Where do you get your masks? (Reply to this)

	kimcallea 2006-03-18 06:05 am UTC (link)
	I can't remember exactly who made them, but they are creditted in my userinfo :) If anyone knows who made them, tell me and I will credit them in this post (Reply to this)

	celebrated 2006-03-18 07:20 am UTC (link)
	the mask from the first one is from ohfreckle, and the other ones are from arisubox. i'm pretty sure about that, if I am wrong please correct me. :) (Reply to this) (Thread)

	kimcallea 2006-03-18 07:22 am UTC (link)
	Thanks :) I'll add them to my post (Reply to this) (Parent)(Thread)

(no subject) - celebrated, 2006-03-18 07:27 am UTC

	weirdpinay 2006-03-18 07:27 am UTC (link)
	very cool! I just got CS2 and wanted to learn how to make icons. This is very helpful. (Reply to this)

	glassnowdrop 2006-03-18 08:14 am UTC (link)
	lovely meming (Reply to this)

	zacsbumlover 2006-03-18 08:34 am UTC (link)
	I made the banner thanks!: (Reply to this) (Thread)

	loves3tulsaboyz 2006-03-19 11:33 pm UTC (link)
	completely random, but... *licks banner and runs away* (Reply to this) (Parent)

	coffee_nutz 2006-03-18 08:41 am UTC (link)
	this was great! I saved it to my memories... Thanks!♥ (Reply to this)

deppaholic47 2006-03-18 09:24 am UTC (link)

Since this was more of an experimental piece, i've followed your tutorial pretty closely. I know you're not really meant to do that, and more just use some basic techniques from tuts, but i promise i'll credit you if i post this banner, considering the ideas are really all yours =) Thankyou for such a lovely tutorial... it was really clear and easy to follow too =D This is what i got: =) (Reply to this)

	sikii 2006-03-18 09:43 am UTC (link)
	amazing tutorials...absolutley love them (Reply to this)

	aftereightmints 2006-03-18 09:44 am UTC (link)
	Lovely tutorials with awesome techniques. But where is the diagonal-striped-line-thing brush you used in the seventh step of the third tutorial from? I used to have some like that, but my PS recently crashed and I lost them. Any help would be appreciated! (Reply to this) (Thread)

	kimcallea 2006-03-18 09:55 am UTC (link)
	It was just a pattern I cropped, I can't remember exactly, but I am pretty sure dearest made it :) (Reply to this) (Parent)

	nokitas 2006-03-18 09:51 am UTC (link)
	great tut:D add to mems ;) (Reply to this)

	amarysso 2006-03-18 10:04 am UTC (link)
	Lovely tutorials. Like the effects. Thank you for these. (Reply to this)

	the_ladyj 2006-03-18 10:26 am UTC (link)
	great tut, saving to meories (Reply to this)

	magical_purple 2006-03-18 03:04 pm UTC (link)
	Will be saving to mems. :) Wonderful tut. (Reply to this)

	sweetdesigns 2006-03-18 04:23 pm UTC (link)
	Woot! Just what I was looking for! (Reply to this)

	helenbutterfly 2006-03-18 04:38 pm UTC (link)
	Amazing, just amazing! Thanks a buhmillion! ^^ (Reply to this)

	ladybahiya 2006-03-18 04:50 pm UTC (link)
	This was an awesome tutorial! I don't have Photoshop but was easily able to use it in PSP9. Made myself a new Friends Only Banner :) Thank you for the tutorial. I've added it to my memories for future reference. Here's my results :) (Reply to this) (Thread)

	xdisco 2006-03-26 10:36 am UTC (link)
	sorry. im kinda noob on HP but is he GAY ?!?!?! nice banner, tho ;) (Reply to this) (Parent)(Thread)

(no subject) - ladybahiya, 2006-03-26 03:28 pm UTC

(no subject) - silverphoenix69, 2006-04-22 08:47 pm UTC

(no subject) - ladybahiya, 2006-04-23 04:27 pm UTC

	nemova 2006-03-18 04:53 pm UTC (link)
	Great tutorial, adding to memories. Thanks! :) (Reply to this)

	hot_radcliffe 2006-03-18 05:00 pm UTC (link)
	For Tutorial #2, I made this: It was very helpful! Added to mems. ♥ (Reply to this)

	(Anonymous) 2006-03-18 05:13 pm UTC (link)
	Here is what I got http://img20.imageshack.us/img20/4093/sb9np.png (Reply to this)

	already_used 2006-03-18 06:15 pm UTC (link)
	Great tut!!! And great icons/banners. I'll add this to my mem's and then try it. Thank you so much. (Reply to this)

	perlflo 2006-03-18 06:39 pm UTC (link)
	wiii. last one is just grate. thanx. (Reply to this)

	xsail_oceans 2006-03-19 02:16 am UTC (link)
	Awesome graphics and tuts! adding to memories! (Reply to this)

---