[GEN] Official Banner Makers Thread II: Attack of the Banners

Discussion in 'Communications' started by Raven, Apr 19, 2004.

Thread Status:
Not open for further replies.
Moderators: JoinTheSchwarz, LAJ_FETT, Ramza
  1. Raven Administrator Emeritus

    Member Since:
    Oct 5, 1998
    star 6
    The purpose of this thread

    The purpose of this thread is to support Banner Makers. Here Banner Creators can do the following:

    • Learn general information about JC banner making

    • Discuss their and other JC banners

    • Give hints and tips on image modification for banners

    • Find out what others have learned about specific graphics programs

    • Ask questions of other Banner Makers (related to making banners. "How did you do that?")

    • Give or ask for Banner suggestions (images, colors, design, themes)

    • Share fonts and add-in modules




    Banner Size and Format

    Each banner submission MUST contain four parts: the main image, the background image, the curve image, and the left strip image. Optional and highly recommended are the left and right ad holders, the reply image, and a custom style sheet. If the optional parts of the style are omitted, then either a) stock elements will be used in their place or b) there will be no elements of that type on the page.

    <img src=http://www1.theforce.net/jc/images/adminimages/where.JPG>

    1. The main image. This image should be 764x110.
    2. The background image. This image should be 764x110.
    3. The curve image. This image is may vary somewhat in size, but is usually 69x69.
    4. The left image strip. This image is normally 32x465, but may be shorter or taller. See
    5 and 6. The left and right ad holders. These images are normally 74x58 pixels, but may be wider.
    7 (not shown). Reply image. This image once appeared on all replies and may again in the future, but currently only appears when new topics are posted. These images should be 437x88 pixels. Because this no longer appears when replies are posted, you might not wish for this to read ?Post Reply? on it in any way.
    8 (not shown). Cascading style sheet. See the cascading style sheet section below.

    Generally speaking, all banners should have a strong Star Wars theme. A banner that lacks a strong Star Wars theme may be rejected.

    Please include ?theForce.net? or some variation thereof on all banner submissions.

    JPEG images are preferred, but GIF images are also acceptable. Please try to find a balance between image quality and image size (in terms of kilobytes); many people who use theforce.net still use 56k modems, and don?t care to spend minutes at a time downloading artistic masterpieces when they could be browsing in forums with equally effective banners.

    To see how recent banners are implemented via HTML, view source while on the board selection page. To make a template, save a copy of any forum that has had a banner change within the past few months and change the image paths as necessary to use your files rather than files on our server. For the latest version of the code that implements the banners, please PM Raven.


    Banner submissions

    There are two general circumstances under which banners are to be submitted: banner competitions and YOU taking the initiative.

    1) Banner competitions. Periodically, we?ll hold banner competitions to create a new banner for a given forum. These competitions are generally run by forum moderators, and run over a period of a month or two. An announcement is made in Communications and the forum in question to inform people of the running of the contest, and at the end of the contest the Mod Squad votes on the entries. The winning banner(s) are then implemented in the forum and the winner is given VIP status. We?ll also generally have banner competitions for Halloween and the winter holidays period.

    2) Taking the initiative. If you haven?t seen a banner change in a given forum in a while and are interested in creating a banner, contact the moderators of that forum and inform them that you?re interested. If they have no plans to have a banner contest, they may be perfectly happy to allow you to design a new banner for the forum, though they may reserve the right to turn down the finished product. If you create a banner, you can offer it to forum moderators/>/>
  2. FlamingSword Jedi Grand Master

    Member Since:
    Jun 4, 2001
    star 6
  3. rhonderoo Former Head Admin

    Member Since:
    Aug 7, 2002
    star 9
    I just made the scheme for our FF and the main image appears too small here.

    Did the banner sizes change? :confused:

    I need to go in and make my sidebar longer also. On the mock up I had the background color set to that. That's cool about the curves! What are some other sizes?

    So if we want to tweak it ourselves, we can link from our fanforce site? That would be cool!

    Also, one more silly question... 8-}

    The font in the message body (this font). What is it called in the style sheet?

    Any more hints?

    Like how to get the curve to match!!! :mad:

    :)
  4. Kinobe Force Ghost

    Member Since:
    Apr 27, 2003
    star 4
    The font in the message body (this font). What is it called in the style sheet?

    This font comes under the BoardRowB style, so if you edit the font settings for BoardRowB, you'll edit the text in this box.

    Any more hints? Like how to get the curve to match!!!

    The way I make banners is to design them in one big image, and then cut the image up into the different sections. That way the images should all match up OK.
  5. rhonderoo Former Head Admin

    Member Since:
    Aug 7, 2002
    star 9
    Thanks!

    What size do you make the whole image? Both the main and background banners together the length of the sidebar?
  6. Jedi_Benji Jedi Master

    Member Since:
    Oct 2, 2002
    star 4
    I just made a Banner, And I cant figure out how to get it into a Sheet, Can anybody either Help me, Or do the Sheet for me if I supply them the Images?
  7. Grimby Technical Consultant

    Administrator
    Member Since:
    Apr 22, 2000
    star 7
    I am currently finishing up a complete reference guide for all style sheet elements. Look for it early next week. ;)

    edit:
    What size do you make the whole image? Both the main and background banners together the length of the sidebar?
    Like Kinobe, I usually start the whole banner on a large canvas and then crop each specific piece out and save it as a separate image. As per the current image dimensions, my canvas is 1528x575.

    Tricks of the Trade
    Every time I make a new banner, I try to do something new. I try to add something to the design that I've never seen before (i.e. bevelled table cells or rounded borders). I also try to make the color scheme pleasing to the eye without making it seem too dark or too bright. This is where the use of style sheets comes in.

    To me, the images are really only half of the banner. The images may be the first thing people see when they open up a board, but they're going to spend more time reading threads and navigating through the boards. A good color scheme is underrated IMHO, but always appreciated.

    edit 2:
    Flammingsword's link above has some excellent references for anyone who's new to banner making or could use a few pointers.

    In addition to that list, a lot of good quality star wars images can be found on my website. ;)
  8. Jedi_Benji Jedi Master

    Member Since:
    Oct 2, 2002
    star 4
  9. Kinobe Force Ghost

    Member Since:
    Apr 27, 2003
    star 4
    Does anyone know where to find a decent Star Wars typeface? In some of the banners I've designed I've tried to have 'THEFORCE.NET' in the Star Wars logo typeface but all I can find on the net are 'StarJedi' and 'A New Hope' and they're not great. Does anyone know what typeface they used to do the 'THEFORCE.NET' in this image?

    [image=http://www.theforce.net/main/image_pop/img-logo.gif]
  10. vacantlook Jedi Knight

    Member Since:
    Mar 28, 2004
    star 2
    I also try to make the color scheme pleasing to the eye without making it seem too dark or too bright. This is where the use of style sheets comes in.

    To me, the images are really only half of the banner. The images may be the first thing people see when they open up a board, but they're going to spend more time reading threads and navigating through the boards. A good color scheme is underrated IMHO, but always appreciated.


    I so totally agree with the above statements about the importance of a non-harsh color scheme when it comes to the whole banner issue. Nothing makes reading in a forum worse than my eyes getting excessively tired because of the colors.
  11. Lord Tuvitor Force Ghost

    Member Since:
    Jun 27, 2003
    star 4
    Kinobe: I usually just use Star Jedi and then modify the spacing on the file itself.
  12. rhonderoo Former Head Admin

    Member Since:
    Aug 7, 2002
    star 9
    Blue Harvest has some good font downloads in the download section. Thanks for the tips on the size. If I could get style sheets down, I'd be in business. I use Front Page to alter our FF sheet and I'm really just doing it by trial and error...
  13. Wes_Janson Jedi Youngling

    Member Since:
    Mar 17, 2004
    star 5
    Im working on a banner for the EUC boards, since therye going to have a contest before to long. You can see an earlyer version of my banner here


    In the first post raven said that the curve image sometimes could be larger than 69x69 (best number combo ever :p )
    Could I take that Tenel Ka pic in the curve, and have the cutoff leg comedown compleatly, just have the rest of it be transparent ?

    EDIT

    the curve would be 74x89 if the leg was added back in. I'll upload a pic showing it with the leg in a miniute.

    EDIT

    Ok, HERE's what itd look like if the curve size increase was allowed. Keep in mind, thats a lower quality screencap of a early test, not the finished product.
  14. rhonderoo Former Head Admin

    Member Since:
    Aug 7, 2002
    star 9
    Well, I've got my image made. Now I need to crop it to the right sizes. One of my ignorances in Photoshop is slicing. Should this be what I use to cut into smaller images?

  15. OBIX1 Jedi Grand Master

    Member Since:
    Oct 7, 2002
    star 6
    Does anyone know what typeface they used to do the 'THEFORCE.NET' in this image?


    star jedi,and "COMMUNICATIONS" was written in the "Shadows of Xizor" font style. :)
  16. Raven Administrator Emeritus

    Member Since:
    Oct 5, 1998
    star 6
    It can be done. It may throw off some alignment, but shouldn't be too much of a problem. If you don't modify the board code and just plug in your images, it's generally wysiwyg.
  17. Wes_Janson Jedi Youngling

    Member Since:
    Mar 17, 2004
    star 5
    Raven, would teh increased curve in the second one be acceptable ?
  18. Raven Administrator Emeritus

    Member Since:
    Oct 5, 1998
    star 6
    Raven, would teh increased curve in the second one be acceptable ?

    Plug it in, see how it looks...
  19. Wes_Janson Jedi Youngling

    Member Since:
    Mar 17, 2004
    star 5
    Theres a pic of it above.

    And when I try Gif's (for transparency,) it doenst work. It doesnt seem 2 like gifs.


    What I did was save the a TF.N page, and edirted the folder, and r eplaced the defualt pics with mine.

    JPEGs work, GIFs dont
  20. Grimby Technical Consultant

    Administrator
    Member Since:
    Apr 22, 2000
    star 7
    Does anyone know what typeface they used to do the 'THEFORCE.NET' in this image?

    Kinobe, the font in that picture is called distant galaxy. It, along with distant galaxy outline, can be found here

    Well, I've got my image made. Now I need to crop it to the right sizes. One of my ignorances in Photoshop is slicing. Should this be what I use to cut into smaller images?

    rhonderoo, that should be the best way to cut it up. but if all else fails, you can just use the crop tool. ;)
  21. Kinobe Force Ghost

    Member Since:
    Apr 27, 2003
    star 4
    Cheers for the typeface help guys, could've sworn I've already looked at the mulitmedia section... D'oh! :)
  22. gabe Administrator Emeritus

    Member Since:
    Jul 8, 1998
    star 6
    Banner making you say?...


    I might just try my hand at that.
  23. Gayjedi Jedi Master

    Member Since:
    Oct 5, 1998
    star 3
    I know it's far too early to think about christmas, but I'm bored and I have christmas pictures. I just have one question, I can't seem to save the YJCC to my computer to work on colours and stuff. Should I just do the pictures and worry about the colours afterwards?
  24. rhonderoo Former Head Admin

    Member Since:
    Aug 7, 2002
    star 9
    rhonderoo, that should be the best way to cut it up. but if all else fails, you can just use the crop tool.

    Well, I used crop (slicing is still really scary to me!)with fixed ratio of 764x110 and it works with some small (very small) alignment issues on both main and background images. I can't find a way to plot/grid the pixels and I know there is one in Adobe PS... The curve is driving me insane again!!! I'll post the whole image tonight (I'm at work), maybe you guys can offer some (more) pointers. I've got our FF page saved, and that is where the curve starts giving me fits. Then onto colors. I'm getting better though, some of you guys' stuff is really inspiring!

    Thanks for the help!
  25. Master-Kenobi Jedi Grand Master

    Member Since:
    Sep 20, 2002
    star 5
    Ok this is like my first Banner ever. what do you guys think?
Moderators: JoinTheSchwarz, LAJ_FETT, Ramza
Thread Status:
Not open for further replies.