Page 1 of 15 1234511 ... LastLast
Results 1 to 25 of 362

Thread: Banner Tutorial thread

  1. #1
    Join Date
    Oct 2004
    Location
    Surrey, UK
    Posts
    1,815

    Default Tutorial//Vine Spiderman Sig - Good for newbies. ^^

    This is my first tutorial... ever. You need Adobe Photoshop for this, and any queries or comments please post, since I need to make sure I explained everything properly. ^^ And although it's not great, I like the outcome:



    If you use it, posting your outcome would be greatly appreciated, and feedback would be awesome - I need to know how to improve.

    This is just a short one to show how to load brushes, since some people were having problems:


    Other outcomes:
    Quote Originally Posted by vegeta119,Jun 11 2006, 09:52 PM

    [snapback]2618201[/snapback]
    Quote Originally Posted by . Sasuke .

    Woah it's my eyeball. Tata!
    Quote Originally Posted by katiekitten
    Blast. No gradient tool on mine. Ah well, I'll improvise...

    Meep. ^.^;; Came out a little odd... If you really want to see the atrocity, then here is a:
    XD

    That was a very good tutorial, P/Arts! *hugs* Thanks!
    Quote Originally Posted by Waterlight
    Here's my first result:


    I think I overdid it slightly, and the colours I chose for the gradient blended with the stock too much, but I like it. I'm gonna try once more, though.

    EDIT - Second:
    Quote Originally Posted by Tourwatcher,Jun 12 2006, 05:34 PM
    Nice tut,

    Im rather new at photoshop but tried something. This is my outcome, not to good tho.


    [snapback]2622090[/snapback]
    Quote Originally Posted by Ejunknown
    *jaw drop* This is a superb tutorial, I've seen it before but never tried. I now have, and I love the effects. Thank you! <333



    Edit: XD I edited that one too enter into the banner contest. This is the result.

    Edit#2:

    New Tut

    Last edited by Nagashi; 8th April 2007 at 11:18 PM.
    .
    Quote Originally Posted by sakurauchicha12
    P.P.S- And what gender are you? Gay, Lesbian, Straight or Girl? Cuz' when I
    meet you I'll definitely punch the living daylights out of you.

  2. #2
    Join Date
    Oct 2004
    Location
    Leeds, UK
    Posts
    2,782

    Default

    Nice. I've only had a quick scan through and it seems clear on how to do it - when I have more time tommorow night, I'll try it out. Your end result rocks, the background and text fit the stock really well.
    "It is such a quiet thing, to fall.
    But far more terrible is to admit it."


  3. #3
    Join Date
    Oct 2004
    Location
    Surrey, UK
    Posts
    1,815

    Default

    Thanks Waterlight, I appreciate the comment - please post it here when you've used the tutorial. =o

    Any other comments?
    .
    Quote Originally Posted by sakurauchicha12
    P.P.S- And what gender are you? Gay, Lesbian, Straight or Girl? Cuz' when I
    meet you I'll definitely punch the living daylights out of you.

  4. #4
    Join Date
    Mar 2005
    Location
    Lancaster
    Posts
    2,346

    Default


    Woah it's my eyeball. Tata!

  5. #5
    Join Date
    Aug 2005
    Location
    On a Mars bar. :)
    Posts
    1,579

    Default

    Blast. No gradient tool on mine. Ah well, I'll improvise...

    Meep. ^.^;; Came out a little odd... If you really want to see the atrocity, then here is a linkie. XD

    That was a very good tutorial, P/Arts! *hugs* Thanks!


    Floating over your rocky spine
    The glaciers made you and now you're mine


    [img]http://oi49.*******.com/fo18jd.jpg[/img]
    Pair: duncan | Lyrics: Great Lake Swimmers | Art: ejunknown | Banner: Me | Brush Credit

  6. #6
    Join Date
    Oct 2004
    Location
    Leeds, UK
    Posts
    2,782

    Default

    Here's my first result:


    I think I overdid it slightly, and the colours I chose for the gradient blended with the stock too much, but I like it. I'm gonna try once more, though.

    EDIT - Second:
    Last edited by Waterlight; 12th June 2006 at 9:54 PM.
    "It is such a quiet thing, to fall.
    But far more terrible is to admit it."


  7. #7
    Join Date
    Oct 2004
    Location
    Surrey, UK
    Posts
    1,815

    Default

    o.o Awesome, this got stickified! I'm honoured. =D And great sig Sasuke - I love the concept - and you too Sai, 'specially considering it's your what - tenth? And Katie, love the colour scheme. =o

    I'm gonna be editing outcomes onto the beggining post so people can see what they do by the way - if anyone doesn't wish for theres to be on there for any reason, just let me know and I'll remove it.
    Last edited by Nagashi; 12th June 2006 at 9:51 PM.
    .
    Quote Originally Posted by sakurauchicha12
    P.P.S- And what gender are you? Gay, Lesbian, Straight or Girl? Cuz' when I
    meet you I'll definitely punch the living daylights out of you.

  8. #8
    Join Date
    Aug 2005
    Location
    Flooded Europa
    Posts
    391

    Default

    *jaw drop* This is a superb tutorial, I've seen it before but never tried. I now have, and I love the effects. Thank you! <333



    Edit: XD I edited that one too enter into the banner contest. This is the result.



    Edit: And again... XDDD

    Last edited by Ejunknown; 13th June 2006 at 10:25 PM.

    demise: the last remnants of the fallen

    chapter two complete: defective.


    meddling with time: where time lines collide
    a new fanfiction of twisted time and mistaken love chapter one complete: steps forward


    author's profile -review exchange profile - deviant [/COLOR]

  9. #9
    Join Date
    Aug 2005
    Location
    On a Mars bar. :)
    Posts
    1,579

    Default

    I tried again. ^.^;; XD



    XD

    I really need to get some better grunge brushes... XD
    Last edited by katiekitten; 14th June 2006 at 12:14 AM.


    Floating over your rocky spine
    The glaciers made you and now you're mine


    [img]http://oi49.*******.com/fo18jd.jpg[/img]
    Pair: duncan | Lyrics: Great Lake Swimmers | Art: ejunknown | Banner: Me | Brush Credit

  10. #10

    Default


    My results.

    Nice job.
    russian graffiti

  11. #11
    Join Date
    Aug 2005
    Location
    Somewhere
    Posts
    440

    Default Tutorial::A Mixed Sig

    Step 1: Lay Down a Little Grunge
    Start with a small image, I use 400x170. Then dump the background black, create a new layer and brush a little bit of grunge on. I use a brush set from 22pixels flock called Sneaky_GFX_Dragoneye. I only used two brushes. Drop the opacity of that layer down to 40% or so.



    Step 2: Some Soft Abstract
    Create a new layer and brush a little bit more with a set of abstract brushes. I used Jashin's brushes set 10, which is downloadable from deviantart.com. Drop the opacity down to 50% or so.



    Step 3: Bash It Up
    There is a set of brushes called Bash's set 12, downloadable from deviantart.com. They are very unique brushes, and can cause an incredible effect if used in the right place. I find that bash's brushes look best around the edges, but feel free to experiment. Create a new layer and brush some on. Set the blending mode of that layer to "Soft Light"



    Step 4: Add Some Stuff to the Emptiness
    Sometimes, when you do this there is some leftover black space. That is not good. You need to fill that stuff up. I used jashin's dirty abstract brushes for that. Downloadable from deviantart.com. Drop the opacity of this layer down to 50% or so.



    Step 5: Fractalize It
    Using some fractal brushes (I used orsonsfractals, from deviantart.com) brush some more. Drop the opacity of this layer down to 70% or so.



    Step 6: Fractalize It-AGAIN!
    Using some more fractal brushes, brush some more. Don't drop the opacity on this layer.



    Step 7: Darken
    Merge the layer into one layer by pressing cntrl+shift+e. Then go to enhance>adjust brightness and contrast>brightness and contrast. Set the brightness to -40 and the contrast to +40.



    Step 8: Techit
    Using some tech brushes create a little platform. Then duplicate the layer. Go to edit>stroke>1px black brush on that layer. Drop the opacity of the non stroked layer to 50% or so. Then set the stroked layer to "darken."



    Step 9: Color!
    Create a new layer underneath the tech layers. Using a 65 px soft brush start to add the colors that you want. After you have that, go to filter>noise>median and set the amount to 45 pixels or so. Then go to filter>blur>gaussian blur and set the amount to 50 pixels or so. Now, got to enhance>adjust color>hue and saturation and drag the saturation slider down to -65 or so. Then set the layer to "color."



    Step 10: Render it Awesome
    Put your render in, resize it, and place it in a location you like. Drag it underneath the color layer. Then, take the lassoo tool and set the feather to 40 pixels. Now select part of the render. Cut it, and paste it onto a new layer. Use the nudge tool to put it right on top of where it was before you cut it. THat way it will be part of the normal color, and part of the background color.



    Step 11: Text!
    Add some text on top of that platform that you made with the tech brushes. Bam! You're done!


    Notes
    *Remember the thirds rule. Divide the banner into imaginary thirds. The render should go on the dividing line between the middle and one of the outer thirds usually. There are exceptions, like the image in my sig. The render would interfere with the text, so I had to stick it lower and farther to the right.

    *Bright colors are not good. Try to stay with very low saturation colors, or else it'll look crappeh, k?

    *Borders. Yes, I didn't mention borders, but they're usually a good idea. Stick with a 1 pixel black brush, k. It'll probably look the best. If you want to look fancy, then you'll want to do a 2 pixel colored brush, then a 1 pixel black brush on top of it (see sig for an example.)

    *Text. There are a number of styles you can do text. My favorite is a black outline, on top of a layer with colored text, then set the colored layer to linear light. Nice effect. (See the tut text for an example.)

    *Fonts. People all have their preferred styles for fonts, but commonly used are pixel fonts. A few recommendations are Silkscreen, pixeldust, sevenet7, Visitor TT2 (BRK), and aerial.

    *Gradients. Another way to color things is through gradients. On a new layer, you can use two gradients, in my sig I used yellow and blue, and put them in a style that looked good on this banner.

    *Coloring from the start. If you don't plan on brushing a lot and having some black space, which is cool, then you might want to brush in color from the start. It's very hard, IMO to get a good effect, but sometimes it looks better then my coloring method.
    Here's a banner I made with coloring from the start


    *Tech stuff is totally optional. I just think it looks c00l.


    BRUSHES

    a huge brush set is here

    http://22pixels.com/flock.php

    download it. it also has tons of fonts. yes, it CS only, but download it on any other version and some of the brush sets will work. not all of them, unfortunately, but some of them.

    also, here are some links to good brush sets

    http://j-a-s-h-i-n.deviantart.com/
    http://b-a-s-h.deviantart.com/
    http://o-r-s-o-n.deviantart.com/
    http://files.filefront.com/Brusheszi.../fileinfo.html

    Tech brushes
    http://genuine-atramentous.deviantart.com/ - get the Tech Set .1659.
    http://www.greycobra.com/downloads/view/13/ - download 'em


    IMPORTANT: NOW PM ME YOUR RESULTS SO WE DON'T SPAM THE BANNER THREAD! I'LL INCLUDE THEM IN THE POST!
    Outcomes

    FireHead Hank
    Last edited by Hoenir; 18th June 2006 at 6:28 PM.


  12. #12
    Join Date
    Aug 2005
    Location
    On a Mars bar. :)
    Posts
    1,579

    Default



    *goes to try it out* XD

    Edit:...Is this for Photoshop? *has paint shop pro*


    Floating over your rocky spine
    The glaciers made you and now you're mine


    [img]http://oi49.*******.com/fo18jd.jpg[/img]
    Pair: duncan | Lyrics: Great Lake Swimmers | Art: ejunknown | Banner: Me | Brush Credit

  13. #13
    Join Date
    Aug 2005
    Location
    Somewhere
    Posts
    440

    Default

    Quote Originally Posted by katiekitten


    *goes to try it out* XD

    Edit:...Is this for Photoshop? *has paint shop pro*
    yeh, 's for photoshop


  14. #14
    Join Date
    Jun 2004
    Location
    United States
    Posts
    1,867

    Default



    Great tut. :0 Mine came out a little clonky (I don't know why I use that word) but I like it.

    [IMG]http://i44.*******.com/16kdhqh.png[/IMG]

  15. #15
    Join Date
    Aug 2005
    Location
    Somewhere
    Posts
    440

    Default

    added some notes about some other shtuff


  16. #16
    Join Date
    Aug 2005
    Location
    On a Mars bar. :)
    Posts
    1,579

    Default

    I like the new banner! =D

    ...I'll try to do this, but it might be a little different... XD


    Floating over your rocky spine
    The glaciers made you and now you're mine


    [img]http://oi49.*******.com/fo18jd.jpg[/img]
    Pair: duncan | Lyrics: Great Lake Swimmers | Art: ejunknown | Banner: Me | Brush Credit

  17. #17
    Join Date
    Aug 2005
    Location
    Somewhere
    Posts
    440

    Default

    Quote Originally Posted by katiekitten
    I like the new banner! =D

    ...I'll try to do this, but it might be a little different... XD
    awesome! post your result when you're done and I'll put it in! You're awesome for looking at my tutorial and posting btw XD.


  18. #18
    Join Date
    Aug 2005
    Location
    Somewhere
    Posts
    440

    Default

    lol mods sticky this


  19. #19
    Join Date
    Jan 2006
    Location
    Eating your Internets.
    Posts
    2,932

    Default

    Very nice tut! Maybe when I get Photoshop I can use this! THANK YOU! *bows down*
    What's the name of the font in the final result of the tut? I'm curious =3

    Oh maybe there can be a tut thread instead of individual tut stickies like what they did in the Fan Sprites section!

  20. #20
    Join Date
    Jun 2006
    Location
    Somewhere in Michigan
    Posts
    797

    Default

    That is awesome!! I'll have to go try it out on my Photoshop 6.0!


    Twins with Shikamaru and Pokeshipping twins with XxM!styxX.
    Banner was made by me. </3

  21. #21
    Join Date
    Feb 2006
    Location
    Victorville,CA
    Posts
    91

    Default

    what kind of photoshop do you use?
    [IMG]http://oi40.*******.com/2rwlzmf.jpg[/IMG]
    Credit To Me ^

  22. #22
    Join Date
    Apr 2006
    Posts
    1,494

    Default

    I use Photoshop 7 but I dont have those brushes you're using...do you have another Photoshop or is there any free download of brushes?

    EDIT: nevermind, I've found a page to download new brushes
    Last edited by FireHead Hank; 18th June 2006 at 2:36 AM.

    Pokemon Y Friend Code 4356-0012-3407

    Looking for:

    Female Growlithe in a fast ball
    Female Houndour in a level ball or moon ball
    Scrappy Miltank in a love ball


    Please PM me if you have on of those! <3


  23. #23
    Join Date
    Aug 2005
    Location
    Somewhere
    Posts
    440

    Default

    I use photoshop elements 2.0. Yeh, I'll suggest that we get a tutorial thread to danny.

    the font I used was
    Visitor TT2 (BRK)

    I got it recently, but I prefer the other fonts I mentioned.

    a huge brush set is here

    http://22pixels.com/flock.php

    download it. it also has tons of fonts. yes, it CS only, but download it on any other version and some of the brush sets will work. not all of them, unfortunately, but some of them.

    also, here are some links to good brush sets

    http://j-a-s-h-i-n.deviantart.com/
    http://b-a-s-h.deviantart.com/
    http://o-r-s-o-n.deviantart.com/
    http://files.filefront.com/Brusheszi.../fileinfo.html

    try em


  24. #24

    Default Banner Tutorial thread

    This thread shall be used for all banner tutorials that are made. If you have a tutorial to add, pm it to me and I will put it on.
    russian graffiti

  25. #25
    Join Date
    Feb 2006
    Location
    Victorville,CA
    Posts
    91

    Default

    Okay all you need is MS Paint which everyone has.

    Step One. background.

    Get a Backround from google. like a wallpaper



    Step two. The Banner.

    Now Just Paste the wallpaper then use this:
    Then Do This:


    Step 3 adding The Picture.

    You Copy an image from any website and make it smaller and put it in the banner:



    Step 4. Adding Text.
    Okay To add the text you click the "A" icon and then Right click your banner and hold it and move to make a square, then you type what you want it to say.
    When you make the squa,right click it and click text toolbar.



    Hope you understand.

    Step 5.Cropping

    First when you have your banner at the scroll down(all the way) and do you see that small blue dot in the middle? right click it and hold it and move up(make sure your banner is at the top corner at the left.( then click the blue dot on the right side in the middle and right click and hold and move back.



    Then DO this:


    Your Done!

    Host It Now:



    Then:


    Heres ONe For using pain ^

    [IMG]http://oi40.*******.com/2rwlzmf.jpg[/IMG]
    Credit To Me ^

Page 1 of 15 1234511 ... LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •