Liz ([info]grrliz) wrote in [info]grrliz_icons,
2005-04-23 15:09:00
  • Previous
  • Memorize
  • Share
  • Next

Tutorial: Quidditch World Cup

tutorial01.jpgAlright people, here is the much requested Quidditch World Cup / Pop Art Extravaganza icon tutorial. As some of you know, I have been very hesitant to offer up a tutorial on these icons, and am not entirely sure why I'm doing so now beyond the fact that I'm really bored.

This tutorial is for Photoshop 7, although I'm sure you could easily adapt it for Paint Shop Pro and all other related image editing programs. As with most things, this tutorial is only meant to be a guide. I really want to emphasize experimenting with your own versions on this tutorial, because it would be boring to make a whole new set of icons just like these, right? Right.

Just a few notes before we begin:

  1. Layers with a grey border indicate a layer where the item is situated on the layer; I used the border only so that you can see the edges in the tutorial. It's not there in the final icon.
  2. Each of the images represents a layer in the layers palette; the images at the top are the top most layers, and the layers at the bottom are the bottom most layers.
  3. Each layer is shown at 100% opacity and normal blend mode so you can actually see what I've done.
  4. The Gary Oldman image has already been tweaked to bring it up to basic iconing level, i.e. cropped, sharpened, the copied layers of screen and soft light merged with the base, etc. You need this basic level of understanding to proceed with this tutorial.
tutorial01.jpg Shape Layer: colour #E24D47. I'm pretty sure what I did was create the stars with a font I had on hand called "Freaking Stars", rasterize the layer, erase the bits I didn't want, and then merge it all together.
tutorial01.jpg Shape Layer: colour #0D6C84. Same method as above, or you can take the easy way out by setting the layer fill to 0% and then adding a colour overlay at 100% opacity in this colour.
tutorial01.jpg Text Layer: 18pt Gill Sans MT Condensed, colour #0D6C84, tracking 25, rotated counterclockwise about 45°.
tutorial01.jpg Image Layer: blend mode "normal". There are two gradient maps on top of this image, and both of them are set to "group with previous" on top of the Sirius Black cut out. The gradient map immediately on top of Sirius (rowr) is a black and white map, and the one on top of the black and white map is done with the colours #E24D47 and #F6B78E. For more info on gradient maps, definitely check out [info]cooldecade's tutorial.
tutorial01.jpg Shape Layer: custom shape, colour #E24D47. There are a couple of shapes like this included in the "custom shapes" area on PS7, but this particular one may have been one I downloaded from Adobe.com ages and ages ago. I really can't remember.
tutorial01.jpg Shape Layer: ellipse tool, colour #577981. Holding "shift" while dragging your cursor will create a perfect circle rather than an oval.
tutorial01.jpg Shape Layer: ellipse tool, colour #F6B78E.
tutorial01.jpg Shape Layer: ellipse tool, colour #E24D47.
tutorial01.jpg Shape Layer: line tool, colour #F6B78E. I basically made a bunch of different sized lines all over the canvas, rotated them until they looked the way I wanted, and then merged them into one layer. Definitely play around with different lengths / arrangements of lines on this layer.
tutorial01.jpg Fill Layer: colour #EE8A70.

And you're done!

ETA Obviously you can adjust the colour schemes and things accordingly to make different coloured versions, as I did here. To make my life easier, I just did colour overlays over top of everything because I was far too lazy to recreate all the shapes and stuff.



Actually, I'd be really interested in seeing what other colour schemes people come up with!

Tags: !resources:tutorials, film:harry potter

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    switch

    Your IP address will be recorded 

     
    Help
  • 33 comments
Previous
← Ctrl← Alt
  • 1
  • 2
Next
Ctrl →Alt →

[info]allpurposegirl

April 23 2005, 19:24:55 UTC 7 years ago

Very cute! I like!!!

[info]_____daytripper

April 23 2005, 19:27:06 UTC 7 years ago

*gasp* that icon is the definition of hottness. awesome tut. saved to memories :)

[info]grrliz

April 23 2005, 19:32:11 UTC 7 years ago

It's all Sirius, baby, cause Sirius is the definition of hottness, so any icon with his likeness on it is bound to follow! :D

[info]_____daytripper

7 years ago

  • Loading...

[info]ladylaurelote

April 23 2005, 19:41:45 UTC 7 years ago

Great tutorial... thanks so much for sharing. :D

[info]dontbecruel_

April 23 2005, 20:36:33 UTC 7 years ago

that's cool! I'd like to see what ppl come up with using that.

[info]cobain_potter

April 23 2005, 21:10:24 UTC 7 years ago

AWSESOME. I love harry potter. I'm gonna have to try that one out...

[info]itmakesaspark

April 23 2005, 22:11:23 UTC 7 years ago

awesome tut those icons are so cute, i'll have to try this out sometime!

[info]jennypage

April 23 2005, 22:14:38 UTC 7 years ago

Thanks so much for sharing! I'll definitely have to play with this one.

[info]angelwolf24

April 23 2005, 22:18:25 UTC 7 years ago

Thank you!! I've been wondering how those were made!

[info]pessimistchick

April 23 2005, 22:53:12 UTC 7 years ago

very awesome

[info]lovesxit

April 24 2005, 00:24:59 UTC 7 years ago

really nice! added to memories ♥

[info]sweetest_potato

April 24 2005, 00:55:15 UTC 7 years ago

I love this style of icon. So this tutorial will be most helpful. Adding to memories to try out later.

[info]rizex

April 24 2005, 03:26:32 UTC 7 years ago

This is so wonderful! I'm adding it to memories. Thankyouthankyouthankyou for writing this tutorial.

[info]eyeconic

April 24 2005, 04:23:35 UTC 7 years ago

neat! added to my memories.

[info]sboardman711

April 24 2005, 08:22:06 UTC 7 years ago

YAY! a tutorial for the pop art icons thankies! i wont copy eactly- promise ^__^

[info]just_ragdoll

April 24 2005, 09:55:47 UTC 7 years ago

Wonderful icons. Thanks for sharing.

[info]dru76

April 24 2005, 10:57:29 UTC 7 years ago

adding to memories thanks :)

[info]asl0versgo

April 24 2005, 14:14:41 UTC 7 years ago

Omg. These are amazing.

[info]siricerasi

April 24 2005, 20:24:08 UTC 7 years ago

very neat, very unique, I love the popartness :)

[info]ladystardust_xs

May 1 2005, 09:39:15 UTC 7 years ago

This is a great look. I was wondering what inspired it.

[info]celestialwillow

June 7 2005, 13:24:40 UTC 6 years ago

That's a great tutorial. I've tried it in PSP with different shapes, they've not turned out as well as yours though! :)

[info]celestialwillow

June 7 2005, 13:25:41 UTC 6 years ago


Jabe the Tree from Doctor Who! I think I overdid the hearts...

[info]tied_knots

September 8 2005, 21:15:38 UTC 6 years ago

this is GREAT! well done! i will most certainly try this out!!

::saves to memories::

[info]snowpuppies

October 17 2005, 02:28:35 UTC 6 years ago

Huh. Fabulous tutorial - they're really not all that complicated, but they look like they are!

[info]bluelilyrose

October 17 2005, 09:58:33 UTC 6 years ago

I really like this style so thanks for sharing and writing the tutorial. :)

[info]thereal_anabel

May 31 2006, 07:56:28 UTC 6 years ago

I didn't actually follow the tutorial, but I remembered it and came looking for it when I decided to make this icon and I found it very helpful.

[info]goodnight

August 26 2006, 12:13:54 UTC 5 years ago

Ahh thanks so much! I'm going to use it and will definately credit when I do :)
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 • Русский…