Design the BlenderNation Header

header.jpgWe regularly invite Blender artists to design a header graphic for us so that we can have a new look every month or so. I thought it would be nice to change the rules a little and run a 'BlenderNation Header Contest'.

To participate, prepare a header graphic and post a link to your it in the comments. You can also post votes there. There's no deadline; I'll check this post regularly to see if there's any new material that we like.

If your work is selected I'll try to notify you. If I can't because we don't have your email address then you'll just be in for a nice surprise one day ;-)

Here are the image requirements:

  • only submit complete, 'ready to use' headers.
  • use the correct format (700×100 pixels). (size updated)
  • use the correct background color (#3388cc).
  • don't use the left-side of the image (as the BlenderNation text and menu will be there).
  • we like the (reflective) bar that Mathias introduced; you can use that as well, but it's not required.
  • please add your own name to the far right in a font like Arial or Helvetica.

Here's a sample header file (right-click and save as) to help you get started.

Your prize? Eternal BlenderNation fame! (Well, as long as your image is shown, I guess ;-)

Have fun!



Related Posts


Related posts are selected automatically based on their content.


62 Responses to “Design the BlenderNation Header”  

  1. 1 grafixsuz Edit Link

    This sounds interesting. I wonder how many start submitting files today?

  2. 2 Cubedude04 Edit Link

    Nice i might try and enter this later if i get some time =D

  3. 3 Kadooter Edit Link

    I really like the current banner but its very emotionally based and should only have been used as a transitory image to something else, to get an emotional 'pop' before moving on.

    I'm suggesting forethought in the header banner. Cycling through for an emotional effect. Pre-planned expresiveness, in predetermined sequences, to affect many visitors.

  4. 4 mp3 Edit Link

    Nice idea. A random banner with the best works, as at pouet.net, would be great.

  5. 5 blenditall Edit Link

    Well, here's mine.
    http://bp1.blogger.com/_qykD_Bk-Vlg/Rwj0XYiyt2I/AAAAAAAAAD8/iV3H2YF93qY/s1600-h/header_blenditall.png

    780X100 doesn't seem to be the right size though…

  6. 6 Bart Edit Link

    @blenditall: cool, the first entry! You're right though, the size should have been 700×100! Here's a direct link to the current header graphic:

    http://www.blendernation.com/wp-content/themes/k2/images/blog_logo.jpg

    I'll update the article right away.

  7. 7 hawk Edit Link
  8. 8 rodrigocr Edit Link
  9. 9 Kukanani Edit Link
  10. 10 TK-421 Edit Link

    here is my entry in jpg

    http://i235.photobucket.com/albums/ee218/mehb/banner.jpg

    here it is again in png if you want that or sometthing. or whatever

    http://i235.photobucket.com/albums/ee218/mehb/bannerpng.png

  11. 11 BlendRoid Edit Link

    My entry:

    [IMG]http://img131.imageshack.us/img131/6076/blendernationlogoentryqb3.png[/IMG]

  12. 12 BlendRoid Edit Link
  13. 13 TK-421 Edit Link
  14. 14 BlendRoid Edit Link

    Double oops. I forgot to put my signature on it. Here is the FINAL VERSION!

    http://img266.imageshack.us/img266/9696/blendernationlogoentrykf1.png

    If I register with the site, will I be able to edit my posts?

  15. 15 TK-421 Edit Link

    now this is making me mad *stupid photobucket…*
    last attempt
    http://img341.imageshack.us/my.php?image=bannerpngdb2.png

  16. 16 TK-421 Edit Link

    oh, all the links just updated to the new picture. they were messed up before. super sry for the quad-post….

  17. 17 Pierre Edit Link
  18. 18 IzE_Design Edit Link
  19. 19 GustavTheMushroom Edit Link

    Heres my little thing! XD

    http://img337.imageshack.us/img337/5276/blendernationbarfinalky6.jpg

    Enjoy! (Btw, those colours are the blender logo colours. Except maybe the gray… lol)

  20. 20 GustavTheMushroom Edit Link

    Hey again.
    I personally think the text ruins the image so I decided to leave it off. Just looks better.
    (theres a link to my deviantArt page in the jpg tag just so you know)

    And I fixed the bar at the bottom now. Its has one now! lol.

    http://img402.imageshack.us/img402/7845/blendernationbarupdatedpm0.jpg

  21. 21 Alexandre Edit Link

    380 millions years ago, the Eusthenopteron

    http://www.astrosurf.com/planeterre/header%20Alex.png

  22. 22 blenditall Edit Link
  23. 23 blenditall Edit Link
  24. 24 blenditall Edit Link

    Ah, well, never mind that. If you like mine, I'll send you the version that's the right size ;).

  25. 25 Jon Edit Link

    The image requirement says 700px wide.

    The Matthias sample header file is 780px wide.

    The actual header on screen is 827px wide.

    Why can't we make full use of the available width, which appears to be 827px, as long as the image doesn't clash with the BN headline text or menu? Could you clarify please Bart?

    PS: Would you be interested in designs for a proper BlenderNation logotype and strapline? (Pixel perfect, anti aliased to #3388cc and supplied as a transparent PNG or GIF for easy overlay of course.)

  26. 26 Aaron Williams Edit Link
  27. 27 IzE_Design Edit Link

    i cant edit my post… i have change link:

    http://www.izedesign.it/tmp/header_izedesign.png

  28. 28 Bart Edit Link

    @Jon: hmm, it looks like I've used a few different standards myself ;-) Use 780px or 700px, not more; the header image is right-aligned and the left part just has a blue background color. That way the header sizes nicely with the fluid page layout. Oh, and you can always bug me with fancy designs! My email is bart (at) this site.

  29. 29 Edgar Ravenhorst Edit Link

    I thought let's give it a try so here's my creation

    the size i used is the size of the actual header 827×100.
    If you really want it to be 700×100 you can just ask ok.

    So here it is: http://er3d.myartsonline.com/header.htm

    I hope the link works.(first post ever on BlenderNation)

  30. 30 superkoop Edit Link
  31. 31 fraek Edit Link

    pretty cool …

  32. 32 Otávio "tatasoka" Edit Link
  33. 33 TK-421 Edit Link

    can't edit my earlier posts. here is my absolute final image. disregard the earlier ones completely.

    http://img266.imageshack.us/my.php?image=bannerpngwm6.png

  34. 34 Rhazieul Edit Link
  35. 35 OneShotAl Edit Link
  36. 36 OneShotAl Edit Link

    hmmm, for some reason the pic i download from photobucket does not exactly match the color of the one i uploaded. rats.

    so here's another in jpeg, but same problem with the background color #3388cc, it doesn't match after uploading. if the color has to be exact i can e-mail it.

    http://i243.photobucket.com/albums/ff68/oneshotal/banner-1.jpg

  37. 37 Philman401 Edit Link

  38. 38 Philman401 Edit Link
  39. 39 Gryphon Edit Link

    @OneShotAl:
    Are you doing post-pro outside Blender? Say, in Photoshop, perhaps? Sometimes colorspace profiles can mess up your image that way; try saving as .png instead of .jpg, see if that helps.

  40. 40 Gryphon Edit Link

    Oh, oops. You did that first. My bad… :-\

  41. 41 Paul Edit Link
  42. 42 George Edit Link

    i vote for rodrigocr's header. im going to have one pf my own soon.

  43. 43 Frederick Edit Link
  44. 44 Frederick Edit Link

    In case the Photobucket link won't work, which I copied directly from the code text box they supplied, here's the link

    http://i218.photobucket.com/albums/cc70/ScooterDooter/header-Boo.jpg

  45. 45 Jean-Sébastien Guillemette Edit Link

    probably doesn't fit the website..but anyway, was fun to make

    http://gallery.mudpuddle.co.nz/albums/album34/header_jsguillemette.png

  46. 46 Otávio "tatasoka" Edit Link
  47. 47 Louis Sanchez (LsBlend) Edit Link

    okay…i think it came out gooooood
    check it out:
    http://img231.imageshack.us/img231/6927/banner3ae0.jpg

    um..if u need more blue space i can fix it ^^

    :D

  48. 48 Mark Edit Link

    http://www.markfiend.com/blendernationentry.png

    Based on something I started for the Blender F1 challenge but didn't finish in time.

  49. 49 J.P. Edit Link
  50. 50 jesusfrk14 Edit Link

    why wont this load when ever i want to post a banner?

  51. 51 mike Edit Link
  52. 52 aws357 Edit Link
  53. 53 mfoxdogg Edit Link

    here is mine
    http://dominomf.com/smcfiles/mfoxdogg_BN_logo.png

    I made it using the particle rewrite

  54. 54 mfoxdogg Edit Link

    here is the same i just posted but different, more eye friendly colour

    http://dominomf.com/smcfiles/mfoxdogg_bn_logo_orange.png

  55. 55 Chris (zsouthboy) Edit Link
  56. 56 Jon Edit Link

    Hi Bart

    Here's the Blender Nation logotype design I said I would have a go at earlier on this thread…

    http://i208.photobucket.com/albums/bb108/jongreenslade/BlenderNationLogotypeBar01a.jpg

    And here's a useable GIF version…

    http://i208.photobucket.com/albums/bb108/jongreenslade/BlenderNationLogotype01a.gif

    It's an original typetypeface design handcrafted in pixels. Hmmm, I may develop it into a full vector font if I can find some time away from Blender :)

    If you want to use it but would like any alterations first, then just let me know.

  57. 57 TKR101010 Edit Link

    Got some really cool headers posted here people :)

    Maybe a few of them should be kept so that there are some on hand in case Bart want to switch them up every once in a while.

  58. 58 Jon Edit Link

    Hi Bart

    I thought you may have found my previous logotype design a bit too 'techy' so here's an alternate that you may prefer…

    http://i208.photobucket.com/albums/bb108/jongreenslade/BlenderNationLogotypeBar02a.jpg

    It's just set in good old safe and reliable Myriad. Here's the GIF if you want to use it…

    http://i208.photobucket.com/albums/bb108/jongreenslade/BlenderNationLogotype02a.gif

  59. 59 kkrawal Edit Link
  60. 60 lardman Edit Link
  61. 61 LiveWire Edit Link
  62. 62 Ben Edit Link
Tip: register on gravatar.com to show your own avatar with your comments instead of

Leave a Reply