A Bird's Eye View: Looking into Style & Basic Design
Code Rally features race track environments rendered in a simplistic style with cut-out images and multiple layers of color.
The image sample below showcases the different layers of colors and textures of the Sky Track environment.
How were these graphics created?
The visuals implemented in Code Rally are created using Adobe Photoshop and Illustrator. Adobe Photoshop is a pixel based software and Adobe Illustrator is a vector based software which creates smoother, flatter looking graphics. A distinctive characteristic regarding vector images is that they can be scaled up or down to any size and maintain the same quality. To incorporate vector based art into Photoshop and to maintain the flexibility in scaling, the artwork has to be converted into a smart object. The next time you take a look at the game, see if you can identify which graphics were created in Photoshop and which ones in Illustrator.
All the environment (background) graphics start off as a standard 1024x768 pixel artboard. The backgrounds are made up of a mixture of Photoshop tools and real photographs which are edited and enhanced to blend in seamlessly. Some of the photographs used are mostly of textures found in nature, for example rock, sand or grass which are then adjusted and scaled down to the appropriate size. All the environments have a fairly neutral, toned down color palette overall which enables the viewer to focus more on the vehicles, objects or specimens racing along the track. More contrast and a range of vibrant colors are added to the vehicles in the game as they are smaller elements within the environment.
Stay tuned for my next entry, where I will show you how to create one of these vehicles!