browse browse contact us contact us

Case Study Illustration

Case Study: Real Racing. Graphic Design for Mobile Game

The case study shows a step-by-step process of graphic design for a mobile racing game: flat car illustrations and effects visualization. Packed with graphics.

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 experiences 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 success. Tubik designers took the 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 creation of visual assets for a mobile game. The client required not only interface design but also an extensive set of graphic assets for the app. The project was divided between two designers of different specializations. The 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.

tubikstudio logo designer

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 a 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 is 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 further graphics. The designer learned the most significant characteristics of various vehicles and 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 a 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 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 mobile devices don’t give such an opportunity. It was important to find a solution to how nitro will be shown on the small mobile screen.

The designer decided to show the 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 the Real Multiplayer Racing game was the ability to use 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 the creation of a successful mobile game. Original flat illustrations are an effective way to make a mobile game stand out from the crowd as well as exceed users’ expectations. In our next article, we share a 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

Useful Case Studies

For graphic designers interested to see more practical case studies with creative flows, we have collected a 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 check designs by Tubik on Dribbble and Behance; explore the gallery of 2D and 3D art by Tubik Arts on Dribbble

Don't want to miss anything?

Get weekly updates on the newest design stories, case studies and tips right in your mailbox.

More articles

Let’s collaborate

Want to work on the project together? Contact us and let’s discuss it.

contact us