30 Days of Sonic SPECIAL REQUEST - Stadium Banner Bonanza! [30DOS22]

[Dreadknux]

For 30 Days of Sonic, we have daily activities that you can participate in, to celebrate the blue blur's birthday month with your fellow Sonic fans. But, we wanted to add a little extra activity alongside all of this - it's time for a...

We have been meaning to bring this challenge back for quite some time... and many of you have asked whether we would do another one over the years as well. So, with 30 Days of Sonic in full swing, a new-look Sonic Stadium (since last year) and an incoming Achievements system to lean on, we thought now would be the perfect opportunity to launch...

Stadium Banner Bonanza

This activity tasks you with developing a custom header banner for The Sonic Stadium, which will go on rotation on SSMB's "Stadium" default theme.

Your banner could be there!

'What's the incentive for doing this,' I hear you ask. Well, besides being freaking COOL, your TSS Account will be blessed with the following exclusive, limited edition badge when we roll out our new Achievements system (soon):

There are some ground rules to consider:

• Your banner must be (your own) fan art - no arranged clippings of official art or other people's artwork allowed
• The banner must be your own original (fan art) work
• You must adhere to the Sonic Stadium Banner Specifications (see below)
• Your banner must account for the Sonic Stadium logo and motto text in the centre, as well as the User Bar in the top right corner. Consider the placements of characters and objects in your artwork so they don't obscure (or aren't obscured by) these elements
• Probably goes without saying, but absolutely no NSFW imagery or themes

Stadium Banner Specifications

The entire document dimensions should be 2400 pixels wide x 600 pixels high. These dimensions allow for your banner to be seen across mobile and desktop versions of the website. However, the website dynamically resizes your banner based on the device and the screen resolution you're browsing on.

With that in mind, to ensure your banner is seen correctly across all platforms, there are bleed areas at the top and bottom of the banner area that must be considered when developing your art piece. Simply make sure that the key elements of your banner art appear in the centre of the banner template (inside the bleed areas) if you want them to be seen by all visitors of The Sonic Stadium, regardless of device.

An opacity of 60% will be applied to your banner when in rotation, so please consider this as well.

Your banner will appear in rotation on the Stadium (default) theme, so you may wish to consider the header background/checkered colour scheme and the above opacity application.

PSD Template (31MB) | PXM Template (13.6MB)

Example Banner without Bleed Areas

Example of Banner applied to Stadium (default) theme on Desktop.

Example of Banner applied to Stadium (default) theme on Tablet screen sizes.

Example of Banner applies to Stadium (default) theme on Mobile devices.

------------------------

Looking forward to seeing what you have cooked up! As mentioned, this is a month-long challenge, so spend as long as you need to on it!

[Dr. Mechano]

 

 If I positioned this right, it's going to look like the wrecking ball is about to smash the Sonic logo - as the Badniks stand by, ready to set up a new one!

[Dreadknux]

Awesome work @Dr. Mechano! It looks great on the site rotation! 

[A super No.1 washedupgamer]

Are we required to add "The sonic stadium" or will it be added onto the banner automatically? And how can I upload my image?

[Dreadknux]

The 'Sonic Stadium' logo in the middle doesn't need to be included in your banner art - it's added on within the website. There should be an upload image field underneath the text area of the post editor here, when you're writing a reply (the bar that says, "Drag files here to attach..."). There is a filesize limit though, so if your banner art is quite heavy you can always upload it to Google Drive and link it here instead.

[A super No.1 washedupgamer]

Okay, here goes:

I made this a couple of months ago. Just let me know if I need to adjust it.

[Stasis]

[Indigo Rush]

GET BLUE SPHERES!

Don't much have the time to make something fancier than this, but the nice thing about Sonic 3's Special Stages are that it's just a bunch of 3D shapes.

Edited June 10, 2022 by Indigo Rush
Cleaned it up a bit, wasn't entirely happy with what I made

[Dreadknux]

Thanks for your contributions, guys! I've added them to rotation!

@A super No.1 washedupgamer Your banner art looks great, but I think it is probably falling foul of the logo and userbar placement on desktop - see below to see what I mean. If you like, please download the PSD template file linked in the OP and use that to help adjust your banner's items around the bleed areas and safe zones.

@Stasis I absolutely LOVE this! Combining Sonic Movie 2 action with Sonic the Comic art style is genius. I'm also a big fan of how you placed the Master Emerald so it sits behind the Sonic Stadium logo. Thank you! Here's how it looks on site (desktop):

@Indigo Rush A great banner, thank you! I really like the creative placement of the Special Stage elements. Sometimes the simplest concepts can look the best!

[Spin Slasher]

Here is my design, It is so modern and I made it so Modern and it is themed around Sonic and this Website.

[castell-neath]

Ok, I've tried here. Not sure on pixel requirements as my ICT skills for art design are zero. As a result I've had to go for hand drawn, with a crude screen grab pasted on. I then emailed it to myself, screenshotted it of the phone and uploaded.

I know its not goung to win any awards but I thought I would and a go and try at least. Hopefully you can see what I was trying for....The Sonic Stadium & Knuckles!

 

[FlameStream]

A little something to celebrate the world slowly re-opening.

[Iko]

I hope you don't mind your website being invaded by a horde of adorable little creatures.

EDIT: I moved the chao a bit to better fill the space.

EDIT2: I added a border because I realized that without it the banner didn't look good in mobile mode:

Now it looks more finished; I think that the border is only visible on mobile.

Sorry to @Dreadknux for changing it after it was already added to the random, I have no plans of changing it again anymore, so this is the definitive version.

[Muscles Maximum]

Storm! I absolutely love this character. He isn't particularly popular though, so he probably wouldn't ever really get the spotlight. So it's up to me to help give the guy some limelight when no one else will by having him be front and center with his very own banner!

[Dreadknux]

All good @Iko, I've swapped the banner out. Looks super cute!  

Many many thanks for your banners too @Spin Slasher, @castell-neath, @FlameStream and @Guy Strong - they all look great on rotation!  

[Ryannumber1gamer]

Decided to have a go at making a banner, and decided to go with my first Sonic game as the source of inspiration:

I thought recreating the loading screen for Sonic Heroes would be a neat idea for a banner, so here was my attempt at that. Ideally, I'm hoping that the Sonic Stadium logo will appear where the level name would usually go in the typical load screen, and recreating the speed, flight and power icons were pretty fun as well!

I also thought for fun, I'd throw in a few team variants as well. Team Sonic's the main one, and has the best colouring out of them, but I thought might as well while I was at it:

Team Dark:

Team Rose:

Team Chaotix:

[NikoS]

I tought for a while if I was going to take part in this, and if so what to do, after a while I had an idea to use various phrases from the series (akin to the one below the Stadium logo); I selected some, prepared a cool background, and the result is the following

The text behind is a google-translated greek lyrics of Open Your Heart, i felt it needed some more flavor, and IMHO the end result was a nice one.

[JezMM]

Had this agonisingly sat at 70% completion for over a week, but finally got it done in time.  Had to homage my personal first Sonic game!

[WanderingBleats]

context: i saw this thing and burst out laughing for like a minute or two. It is hilarious and adorable and I'm sad it's out of stock.

 

I initially intended this to be a little less entirely-done-in-MS-Paint-y, but I had a hiccup with the tablet I ordered. The components I needed to actually get it working only just arrived today and I do not have enough time to practice with it. But maybe it's better this way for this thing anyway.

[Nix]

a visual representation of my school notebooks

[joeb]

On 6/12/2022 at 5:59 AM, Spin Slasher said:

Here is my design, It is so modern and I made it so Modern and it is themed around Sonic and this Website.

It's impressive. I liked It.