Art Study, Article Image, Avatars, Banners, BaseTradeTV, Cartooning, Design, eSports, Fan Art, Illustration, Muse, Projects, Starcraft, Web Assets Design

BaseTradeTV Reflection

Though I am mired in my current work, I find that it can be a good thing to take small breaks from the grind to reignite my passion for artistic work by tackling smaller more focused projects.  I enjoy doing overlay and eSports work for many reasons, but one of the them is that it utilizes a generally very simple concepts that can be deeply explored through creative problem solving and intelligent design.  This allows me to push aside a lot of the extra considerations that can weigh down exploration of design while I’m working on such a complicated project as my Indie game Mecromage.

BaseTradeVs
An image to promote the crew of @BaseTradeTV

December of last year I had an encounter with a Starcraft 2 community stream on Twtich.tv that I really enjoyed.  Their obvious passion and dedication purely to the community of gamers was inspiring.  I felt this could be a nice avenue that would allow me to stretch a little and focus on quick creative execution of some small projects.  I contacted BaseTradeTV and offered some graphics support for the channel, they accepted.

The Overlay

I proceeded to create a modular overlay set for them to use for a number of different streaming situations.  This would allow the addition or removal of webcams, sponsors, score screens, promotional banners, and rolling text updates.  This would give the channel maximum flexibility while retaining a familiar aesthetic.

OverlayDraft01_AdOns_02 A Demo of the basic overlay design

The design was enjoyable to work on and didn’t take terribly long, around six hours or so, I believe.  I tried to focus on the concepts of “completion”, where the observer will complete the shapes in their mind that aren’t actually fully rendered.  The heavy shadows allow a lot of interest to stem from the imagination of the viewer.  This also helps the modules to better interconnect in a flexible ambiguous way.

First Blood

BaseTrade was known for a common tradition of playing a ‘First Blood’ sound along with flashing a red screen when the first unit in the game parishes.  I contributed an emote icon for Twitch so players could join in the callout of the First Blood ritual.  As well, I created a slicker flash screen to go along with the famed sound effect.

FirstBloodDraftDemo_01 First Blood Scene that fades in and out very quickly

knifeB_112x112

Gorilla Grouch

BaseTrade’s original mascot seemed to be a gorilla, I created a substantial amount of content and concepts that could utilize this theme, though many of them never panned out as the direction of the stream veered away from the concept.

 BaseTradeIcon_draft01 BaseTradeIcon_draft03 BaseTradeIcon_draft04 BaseTradeIcon_draft05 BaseTradeIcon_draft07 BaseTradeIcon_draft08 BaseTradeIcon_draft09 BaseTradeIcon_draft10 BaseTradeIcon_draft11
Emote Icon Drafts

BaseTradeIcon_draft12
aceGormad

The Mad Gorilla was added the the channel’s emoticon list. Though he doesn’t get much attention, he is my favorite Twitch emote to show off around other channels.

GormadCheer
Angry Gorilla!

BaseTradeTV_Gormad_demo03
Twitter Splash concept for introducing players

I designed this and a number of other odd splash screens that might have been a cool way to introduce players and give them some exposure for their twitter feed.  Though the execution is a bit muddy here, I still think this is the wave of the future.  In game animations could be set so that casters could press an ‘introduction’ button over a player and it would spawn the appropriate sponsors, Twitter, and player name.

Banner

 

bannerMoneySpeaks A banner I created for an event the channel was putting on for the community.

Banners like the Money Speaks above example I created for BaseTrade are great exercises in creating an entire thematic design.  From this small banner one could create an entire web layout.  Finding connections between real world and in game concepts has always been something I enjoy exploring.  Exhibited are resources from the game merged with a fun printed future real life cash resource theme.

In respect to future application I learned a lot about designing and implementing screen assets that rely heavily on alpha effects and fading with simple layer tricks.  All of the assets I created I did so keeping in mind how I could learn from the experience and apply the a greater level of skill and experience to my game development team.

Game Dev Applications

Overlay:  Some assets could be repurposed for level concepts in my game.  The specific exploration of fading structure into shadow will pay off as we push forward with new designs.  This concept is used heavily in our 2d terrain philosophy.  Some of the elements could inspire UI elements of our game, as well.

First Blood Effect:  Something like this is a low production value, but effective way for the player to feel the impact of big hits. a quick flash of a similar screen might let the player know they took a substantial amount of damage.  Another fun adaptation would be using the flash of ‘pain’ screen as an identifier for status effects.  For instance, if you get hit by a slowing frost effect we could have a screen flash in with a frosty window feel.

Emoticons:  These are always good practice for conveying ideas in very small pixel space.  In our indie game this could take the form of icons, power ups, hints, or buttons.

Gorilla Animation:  This animation could be adapted to be a fully realized character in our game.  I could give the guy some armor and a weapon, or steel arcane powered fists and he’d quickly find himself at home in Mecromage’s realm.

Twitter Splash:  The way I put together the twitter icon would be awesome to accentuate a temporary power up.  Flashing it in, then fading something like this out, could be a really awesome way to communicate a mode change to the player.  I may consider this effect for our Utility Swaps, to ensure the player realizes what play mode they’ve swapped into.  I can imagine the motion for the graphic quickly scaling up from the center of the player, fixing at a certain size, and then quickly fading away.

Banner: Always good to have some practice with creating assets like these.  A couple well placed banners on our Mecromage website or on in a Kickstarter can go a long way in convincing a complete stranger of our legitimacy and dedication to a quality product.

Thanks for your interest on my reflection on the work I’ve done for BaseTrade TV.  Feel free to comment, ask any questions, or contact me and I will do my best to respond.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.