racing mobile game graphic design case study tubik

Case Study: Real Racing. Graphic Design for Mobile Game

Case Study Illustration

Speed, adrenaline, and drive often lure fans of extreme sports. Many people dream of being a part of a race to feel all those emotions. No wonder video and mobile games with cars and drive are so popular among users. Each game provides new experience and emotions so it cannot be too much of them.

 

Original graphic design is an effective way to make a unique mobile game. Game mechanics may be similar for all racing games but the authentic graphic style is an essential condition for the success. Tubik designers took a challenge of creating an original racing game for smartphones called Real Multiplayer Racing. This case study shows a step-by-step process of graphic design for the mobile game.

 

Task

 

Graphic design for a mobile racing game

 

Process

 

The Tubik team received the project of the visual assets creation for a mobile game. The client required not only interface design but also the extensive set of graphic assets for the app. The project was divided between two designers of different specializations. Graphic designer assigned to the project was Arthur Avakyan, whom you may already know from the previous cases including Binned, AppShack, Passfold, Saily, SwiftyBeaver, and others.

 

logo design case study tubik

 

The client wanted to make a game with an original visual presentation. Being a big fan of racing, he also asked to create the detailed car illustrations so that the game would transfer the right atmosphere. In addition, the client expected the game to have bright, modern, and cartoonish style.

 

The graphic design part of the project included:

  • car illustrations
  • effects visualization
  • obstacles illustrations
  • weapons icons.

 

After team brainstorming and discussions with the client, the creative process started.

 

Car Illustrations

 

The game assumed to provide users the various types of cars, from the basic to the super engines. So, before the illustrations were created, he conducted the research. Visual references to real cars have become an effective base for the further graphics. The designer learned the most significant characteristics of various vehicles then began to create their graphic representations.

 

The flat style was chosen as it corresponded to the client’s request. The flat design uses the simplicity of shapes and visual elements. The illustrations provide sophisticated detalization and can easily satisfy users’ aesthetic needs. Let’s look at the results.

Basic cars game graphic design

Street cars mobile game graphic design

As you can see, the graphic designer applied bright color palette making cars look more cartoonish. The slight gradient effect and the shadows make the illustrations vivid and contrasting.

Sport cars mobile game design

Hyper cars mobile design graphics

Jet cars graphic design illustration

Some cars required deep attention to the small details. Sport, hyper, jet cars were supposed to be opened to gamers after they receive the experience and finish certain levels. They are more powerful than the basic vehicles so their presentation needed to be more vivid. The designer added some auto customizing details such as fire and skull paintings. These details bring additional emotions and transfer the atmosphere correctly.

Race cars graphic design for mobile game

Super cars mobile game design

Lightning cars graphic design illustration

Race, super, and lighting cars are hard to achieve. They are available to gamers with high experience. It was important to visualize them extremely detailed and cool so that users would see them as a reward for their persistence. The designer made them look similar to the real-life prototypes.

 

Effects

 

When the major task was finished, the designer began to work out additional graphic details. Like many other racing games, Real Multiplayer Racing assumed applying extra features to make races more exciting. Those who played this kind of games know that the most common feature is a speed-up, also known as nitro. There are many ways to illustrate it in video games, but the mobile devices don’t give such an opportunity. It was important to find the solution how nitro will be shown on the small mobile screen.

 

The designer decided to show nitro speed with a short scale in front of the car. The scale is presented in a blue color which many gamers associate with nitro effect.

 

Also, Real Multiplayer Racing provided a shield feature helping to save a car from the damage for some time. The client has chosen the same approach for shield design as for nitro except for the color. The shield scale was illustrated in red and violet colors. Here are the results. The car on the left shows the nitro effect, and the right one — the shield.

 

racing car illustrations nitro graphic design
Obstacles

 

Obstacles are a vital part of racing games. Driving on the perfect surface may seem boring so the obstacles are a good way to entertain users. The kind of objects depends on the atmosphere and the location of the racing. Real Multiplayer Racing maps were designed in the industrial settings so the obstacles were illustrated as road elements including mud, blocks, and spring-board.

Road elements graphic design illustration

In addition, the set of vehicles was created as the obstacles on the road. The cars were simple and not meant for racing such as a school bus or some broken cars. The designer illustrated vehicle obstacles applying calm colors so that the racing cars would be noticeable on the road.

 

cars vehicles illustration graphic design

 

Weapons

 

One of the original features of Real Multiplayer Racing game was the ability to use the weapons. They include the speed up and shield features as well as some rockets to damage enemy cars. Also, some of the weapons could slow down the other cars for a certain time.

 

The designer’s task was to create small but recognizable signs so that users could understand what weapon they took. Let’s see the final results.

weapons game design illustration
Efficient graphic design plays a crucial role in creation of a successful mobile game. Original flat illustrations are an effective way to make a mobile game stand out the crowd as well as exceed users’ expectations. In our next article, we’ll share the detailed case study about the other part of the Real Multiplayer Racing project — UI and UX design process. Don’t miss!
racing mobile game graphic design case study tubik

 

Useful Case Studies

 

For the graphic designers interested to see more practical case studies with creative flows, we have collected the set of posts on graphic design.

App Shack. Logo Design for Digital Agency.

OffCents. Explainer Video Production.

Binned. Brand Identity Design for Cleaning Service.

Binned. Design for Promo Video Production

Opera. Year-in-Review Video Design.

Winter Olympics Illustration: Step-by-Step Process.

Andre. Logo Redesign for Landscape Firm.

Andre. Corporate Identity Design for Landscape Firm.

Saily. Logo for Local C2C E-commerce Application.

PassFold. Logo for a Mobile App.


Check Real Multiplayer Racing on AppStore

Welcome to see designs by Tubik on Dribbble and Behance

Subscribe