More Interesting Backdrop Suggestion

Discussion in 'Site Discussion' started by hutty, Sep 28, 2015.

  1. hutty

    aa hutty

    Messages:
    471
    Positive Ratings:
    373
    I'm liking the new website so far (especially from a functionality standpoint) , but I can't help but feel that we lost something when we converted everything to a flat style.

    So, tonight I made some mockups of something that might make the site feel better.

    The general gist, is replace the background gradient with a static image of a map.
    Also getting rid of that red square in the upper left. (note that I don't have a good selection of fonts on my computer, so logo I wouldn't consider final)

    In the examples below I took some images from our featured maps section and tossed them through gimp's focal blur plugin. (Not all map screenshots look that good as backdrops, only about 10% of them have interesting content on the edges)

    I'm assuming this would be the kind of thing that is swapped out every month or so (like a sub-reddit banner)

    The homepage is still a more chaotic then I would prefer, but I think that this is a step in the right direction.


    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]
     
    • Thanks Thanks x 11
  2. tyler

    aa tyler snail prince, master of a ruined tower

    Messages:
    5,034
    Positive Ratings:
    3,989
    I think this would be a great way to feature new showcase maps.
     
    • Thanks Thanks x 4
  3. radarhead

    aa radarhead Hands out ratings like cheap cigars

    Messages:
    1,004
    Positive Ratings:
    543
    That looks incredible, Hutty. Great job!
     
  4. Hyperion

    aa Hyperion L16: Grid Member

    Messages:
    810
    Positive Ratings:
    618
    Background should have low alpha channel
     
  5. KubeKing

    Server Staff KubeKing dan's birthday was fun too

    Messages:
    1,247
    Positive Ratings:
    1,510
    That looks quite incredible. For reference, how specifically did you edit the images?

    And ooh, this is getting me thinking about event/contest-themed banners.

    Edit: Also, it would probably make sense to disable this on mobile. Am I thinking about this too much?
     
    • Thanks Thanks x 1
    Last edited: Sep 28, 2015
  6. Bunbun

    aa Bunbun Gay sex slave

    Messages:
    403
    Positive Ratings:
    569
    What kind of maps do you think would be suitable for this?
    BTW excellent job there!
     
  7. hutty

    aa hutty

    Messages:
    471
    Positive Ratings:
    373
    @KubeKing The only edit I made I made to the backdrops themselves were these settings in the gimp focus blur plugin
    [​IMG]

    Although I did add some drop shadow to the site border as well as tweak the header a bit.

    @Cox Any map is suitable, but the best screenshots are ones that have detail along the edges with a darker sky.
     
    • Thanks Thanks x 1
  8. MaccyF

    aa MaccyF Notoriously Unreliable

    Messages:
    908
    Positive Ratings:
    1,468
    I reckon lowering the saturation of the background images would be good to keep focus on the actual content
     
    • Thanks Thanks x 4
  9. Tumbolisu

    aa Tumbolisu  I ⌄ I 

    Messages:
    947
    Positive Ratings:
    928
    Should be in the black & white style that the images in the ingame menu have.
     
    • Thanks Thanks x 1
  10. Fr0Z3nR

    aa Fr0Z3nR Creator of blackholes & memes. Destroyer of forums

    Messages:
    6,391
    Positive Ratings:
    4,906
    We could probably do the grainy TF2 backgrounds easily.

    I'm not a wed designer, so I can't comment in that capacity. But if we keep up with the monthly Showcase maps (which I'm somewhat planning to do), then this will work out well.

    @Geit , what do you think?
     
  11. MaccyF

    aa MaccyF Notoriously Unreliable

    Messages:
    908
    Positive Ratings:
    1,468
  12. worMatty

    aa worMatty Repacking Evangelist

    Messages:
    1,072
    Positive Ratings:
    834
    Nice work, hutty.

    Given that the web site is quite cluttered and noisy, perhaps it would be best to stick with screenshots that are quite simple and clean, for use with this backdrop. Perhaps darkened a little bit.
     
  13. Anreol

    Anreol L6: Sharp Member

    Messages:
    262
    Positive Ratings:
    273
    I actually like more a normal map background that a grainy one.
    Well, almost all the forums are dark with orange, and screenshots, I will enjoy more colors.
    We are going to use this for the showcase maps?
     
  14. tyler

    aa tyler snail prince, master of a ruined tower

    Messages:
    5,034
    Positive Ratings:
    3,989
    I tried this in various tones (variations on sepia etc) and couldn't make any that I liked. In this case, I think normal screenshots with just a bit of blur is best.
     
  15. hutty

    aa hutty

    Messages:
    471
    Positive Ratings:
    373
    I also did try tossing it through various filters before I settled on a focal blur.
    I kinda wanted to go for a similar effect to this hud's backdrop, but I couldn't get it looking right.

    That and the map maker might be annoyed if their super colorful map looked all dreary on the backdrop.
    [​IMG]
     
  16. tyler

    aa tyler snail prince, master of a ruined tower

    Messages:
    5,034
    Positive Ratings:
    3,989
    If we pick screenshots carefully and do just one map at a time, we can still have a variety of backgrounds that match a consistent color palette. There's nothing wrong with going from the dark tones of one map to the light ones of another as long as the screenshots aren't mixed together.
     
  17. Idolon

    aa Idolon the worst admin

    Messages:
    1,548
    Positive Ratings:
    4,437
    [​IMG]
    [​IMG]
    [​IMG]
    Quick edit done in Photoshop CC (Color Lookup > Abstract > Gold-Crimson, Saturation -50, Contrast -30 (use legacy)). Could use a little fine tuning to fit the existing site colors.
     
    • Thanks Thanks x 3
  18. tyler

    aa tyler snail prince, master of a ruined tower

    Messages:
    5,034
    Positive Ratings:
    3,989
    It looks good, but do a map like Anthem (very dark) and one like Sunshine (very bright). Hard to get them to match well.
     
  19. Idolon

    aa Idolon the worst admin

    Messages:
    1,548
    Positive Ratings:
    4,437
  20. tyler

    aa tyler snail prince, master of a ruined tower

    Messages:
    5,034
    Positive Ratings:
    3,989