Total War Battles: Shogun (2011/12, CA/SEGA)

In 2011 I was hired by The Creative Assembly to do Concept Art and UI on my first full game- Total War Battles: Shogun. (Unity – iOS/Android/Steam) .

02 a enviro 32

 

 

The buildings have a dual purpose from a visual design point of view- they represent places where you can acquire troops, and places where resources such as wood and gold can be generated. The main resource buildings incorporate elements of the resource they generate into their architecture.

troops-warm-vs-cold

The characters had to be readable despite their tiny size (As 3D models, and as elements in the UI) , and distinctive enough so that you could tell each unit type apart at a glance. I proposed a basic analogous colour scheme to help with this – range units are yellow, defending units are orange, attack units are red. Your adversary has the opposite – dark blue characters are attack, lighter blue are range, aqua-teal are defenders.

The campaign map showing the various areas you’ll find in game- from snowy mountains to tropical beaches, swamps and sprawling cities.




6831479080_4e9750d4bd_o.jpg06peasant-farms07 simplefestival-zen-garden.jpg6831484048_b60357f10f_o.jpg
09fortress03 chapter-x-moonlight

 

Concepts for the in-game maps. Some of these were based on the events of the in-game story, others inspired side-quest maps.


01 rocks-colour

Various trees and rocks, these were to be used both as ‘blockers’ to help make interesting  maps as well as background elements.

GUI

Final in-game assetsDevelopment mockups. The style gradually became more simplified in order to save space and avoid issues with compression artifacts. ( Here you can also see the earlier versions of the in-game 3D models which were later changed to be closer to my concepts. )

twb-ipad

Total War Battles:Shogun is available on iOS/Android /Steam

All images © SEGA/The Creative Assembly

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s