PDA

View Full Version : Hayley Williams banner tutorial


American-Rebel
07-07-2009, 01:06 AM
Ok so this tut is for GIMP. Idk how to translate so this is for only GIMP users I guess. :P

We'll be going from this (http://sixpop.com/files/191/94.jpg) to this:
http://i50.photobucket.com/albums/f310/Livestrong368/tut17.png

1. Open the base image. The original dimensions are 800x536, and I decided to crop a bit off the top because I don't like banners that are tall.

http://www.greendaycommunity.org/Forum/style_images/redblack/img-resized.png Reduced: 64% of original size [ 800 x 472 ] - Click to view full image
http://i50.photobucket.com/albums/f310/Livestrong368/tut1-3.png

2. Next I scaled the image because obviously we don't want a banner that's 800x472. ;) So I went to Image > Scale Image and scaled it to 450x266.
Then I decided that it was still a bit too tall so I cropped some more off the bottom making it 450x249.
http://i50.photobucket.com/albums/f310/Livestrong368/tut2-3.png

3. Once I had the size and shape done, I sharpened up the image by going to Filters > Enhance > Unsharp Mask and used the default settings:
http://i50.photobucket.com/albums/f310/Livestrong368/tut3-3.png

http://i50.photobucket.com/albums/f310/Livestrong368/tut4-3.png

4. Next I performed my obligatory Channel Mixer coloring by going to Colors > Components > Channel Mixer and entering the following settings (which I have memorized because I have used them so often...)

http://www.greendaycommunity.org/Forum/style_images/redblack/img-resized.png Reduced: 47% of original size [ 1082 x 508 ] - Click to view full image
http://i50.photobucket.com/albums/f310/Livestrong368/tut567.png

http://i50.photobucket.com/albums/f310/Livestrong368/tut8-2.png

5. After that I went to Colors > Brightness - Contrast and raised the contrast to 30.
http://i50.photobucket.com/albums/f310/Livestrong368/tut9-2.png

6. Next I went to Colors > Levels and raised the Output Levels to 35.
http://i50.photobucket.com/albums/f310/Livestrong368/tut10.png

http://i50.photobucket.com/albums/f310/Livestrong368/tut11-1.png

7. Next I went to File > Open As Layers and opened this (http://sixpop.com/files/191/black-hard-cover.jpg) texture.
I set the texture to Screen at 100% Opacity.
http://i50.photobucket.com/albums/f310/Livestrong368/tut12.png

8. After that I went to File > Open As Layers again and this time opened this (http://sixpop.com/files/191/37-5_crazykira.jpg) texture.
I moved it around so the colored parts weren't really showing, then I set it to Multiply at 100% Opacity.
http://i50.photobucket.com/albums/f310/Livestrong368/tut13.png

9. Once I was satisfied with the coloring, I felt like it needed something more, so I decided to add some text.
I used the text tool to type "HAYLEY" in Sans, size 148 and made it white. I moved it to the bottom of the banner, where some of it was cut off.
http://i50.photobucket.com/albums/f310/Livestrong368/tut14.png

10. After that I thought that the text stood out far too much, so I set it to Overlay at 100% Opacity.
http://i50.photobucket.com/albums/f310/Livestrong368/tut15.png

11. Finally, I wanted to make it so the text still popped a little, so I decided to add a drop shadow.
I went to Filters > Light and Shadow > Drop Shadow and put in the following settings.
http://i50.photobucket.com/albums/f310/Livestrong368/tut16.png

http://i50.photobucket.com/albums/f310/Livestrong368/tut17.png

And there you have it! I'd love to see your results. You don't have to use a Hayley pic;it could be anyone. :)

megdolphinlover
07-07-2009, 01:32 AM
hey this is really good! i like the coloring :) great job!! ill try it later :)

EDIT: my try: http://i27.tinypic.com/xft89x.jpg

American-Rebel
07-07-2009, 01:33 AM
Thanks. :)

devoniscrazyy
07-08-2009, 12:03 AM
love this!

American-Rebel
07-08-2009, 12:56 PM
That's very pretty Megan! :o

megdolphinlover
07-09-2009, 04:36 AM
That's very pretty Megan! :o

:P thanks. i tried to make the text bigger but it looked weird and you couldnt really tell what it said haha i really like your coloring :)

reese_x3!
07-09-2009, 04:39 AM
omg this is an amazing tutorial!!(:

SupaStaRrMiley92
07-23-2009, 01:42 AM
very pretty ;D
this is mine

http://i172.photobucket.com/albums/w38/SupaStaRrMiley92/MORE%20GRAPHIXX/hayleyblendie.png

American-Rebel
07-23-2009, 12:33 PM
That's very pretty Amanda. :)

:P thanks. i tried to make the text bigger but it looked weird and you couldnt really tell what it said haha i really like your coloring :)omg this is an amazing tutorial!!(:
Thank you both. :P

tanningbry
07-23-2009, 12:38 PM
Nice tut. I'm gonna try the text thing.

ttly_miley
07-24-2009, 01:45 PM
loove this tut (: i'll try it out sometime!

tanningbry
07-24-2009, 02:41 PM
I tried, don't think it came out good. I only used the text part, though.
http://i372.photobucket.com/albums/oo168/sunsetluvr123/miley-2.png?t=1248457274

best_of_both_worlds16
07-24-2009, 04:28 PM
I am so going to try this out!
But I'm not on my laptop right now, so I can't right now. :S

EDIT:: Oh my, I did it!
http://i301.photobucket.com/albums/nn62/niannagraphics16/demicoloringgg5.png

HannahMontana_9
07-25-2009, 04:58 PM
HOLY CRAP! I love this tutorial! This is how mine turned out! <3
http://i27.tinypic.com/156tphz.png

Thanks so much! Please make some more tutorials! <3

American-Rebel
07-25-2009, 05:55 PM
Those are great. :D

MileyFan_4_Ever
07-25-2009, 06:47 PM
This Is Really Awesome Mary! I'll Have To Try It Out Some Time :D

EDIT Here; I Gave It A Try.
I Didn't Do The Text, Because You Couldn't Read It On Mine
Anyhow; So I Just Left It Out And Such... But I REALLY Love
What Your Tut Did With The Picture :D It Is Great :D Thanks Mary!
http://i732.photobucket.com/albums/ww327/x__LuckyMe/Tutorial%20Stuff/MaryTut.png