{"id":4650,"date":"2018-04-12T17:39:13","date_gmt":"2018-04-12T14:39:13","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=4650"},"modified":"2023-07-24T11:45:29","modified_gmt":"2023-07-24T11:45:29","slug":"case-study-real-racing-graphic-design-for-mobile-game","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/","title":{"rendered":"Case Study: Real Racing. Graphic Design for Mobile Game"},"content":{"rendered":"<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><span style=\"color: #333333;\">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 <a style=\"color: #333333;\" href=\"https:\/\/itunes.apple.com\/us\/app\/real-multiplayer-racing\/id1288436698?mt=8\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Real Multiplayer Racing<\/a>. This case study shows a step-by-step process of graphic design for the mobile game.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Task<\/span><\/h2>\n<p><span style=\"color: #333333;\">Graphic design for a mobile racing game<\/span><\/p>\n<h2><span style=\"color: #333333;\">Process<\/span><\/h2>\n<p>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 <a href=\"https:\/\/blog.tubikstudio.com\/case-study-binned-promo-video-design\/\">Binned<\/a>, <a href=\"https:\/\/blog.tubikstudio.com\/case-study-appshack-logo-design-for-digital-agency\/\">AppShack<\/a>, <a href=\"https:\/\/blog.tubikstudio.com\/case-study-passfold-designing-logo\/\">Passfold<\/a>, <a href=\"https:\/\/blog.tubikstudio.com\/case-study-saily-design-logo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Saily<\/a>, <a href=\"https:\/\/blog.tubikstudio.com\/case-study-swiftybeaver-designing-logo\/\">SwiftyBeaver<\/a>, and others.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8801\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubikstudio-logo-designer.jpg\" alt=\"tubikstudio logo designer\" width=\"1500\" height=\"1000\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubikstudio-logo-designer.jpg 1500w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubikstudio-logo-designer-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubikstudio-logo-designer-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubikstudio-logo-designer-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/tubikstudio-logo-designer-150x100.jpg 150w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><span style=\"color: #333333;\">The graphic design part of the project included:<\/span><\/p>\n<ul>\n<li><span style=\"color: #333333;\">car illustrations<\/span><\/li>\n<li><span style=\"color: #333333;\">effects visualization<\/span><\/li>\n<li><span style=\"color: #333333;\">obstacles illustrations<\/span><\/li>\n<li><span style=\"color: #333333;\">weapons icons.<\/span><\/li>\n<\/ul>\n<p><span style=\"color: #333333;\">After team brainstorming and discussions with the client, the creative process started.<\/span><\/p>\n<h2><span style=\"color: #333333;\">Car Illustrations<\/span><\/h2>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><span style=\"color: #333333;\">The flat style was chosen as it corresponded to the client\u2019s request. The flat design uses the simplicity of shapes and visual elements. The illustrations provide sophisticated <\/span>detalization<span style=\"color: #333333;\"> and can easily satisfy users\u2019 aesthetic needs. Let\u2019s look at the results.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8802\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Basic-cars-game-graphic-design.png\" alt=\"Basic cars game graphic design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Basic-cars-game-graphic-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Basic-cars-game-graphic-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Basic-cars-game-graphic-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Basic-cars-game-graphic-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Basic-cars-game-graphic-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8811\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Street-cars-mobile-game-graphic-design.png\" alt=\"Street cars mobile game graphic design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Street-cars-mobile-game-graphic-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Street-cars-mobile-game-graphic-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Street-cars-mobile-game-graphic-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Street-cars-mobile-game-graphic-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Street-cars-mobile-game-graphic-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8810\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Sport-cars-mobile-game-design.png\" alt=\"Sport cars mobile game design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Sport-cars-mobile-game-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Sport-cars-mobile-game-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Sport-cars-mobile-game-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Sport-cars-mobile-game-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Sport-cars-mobile-game-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8804\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Hyper-cars-mobile-design-graphics.png\" alt=\"Hyper cars mobile design graphics\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Hyper-cars-mobile-design-graphics.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Hyper-cars-mobile-design-graphics-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Hyper-cars-mobile-design-graphics-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Hyper-cars-mobile-design-graphics-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Hyper-cars-mobile-design-graphics-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8805\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Jet-cars-graphic-design-illustration.png\" alt=\"Jet cars graphic design illustration\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Jet-cars-graphic-design-illustration.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Jet-cars-graphic-design-illustration-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Jet-cars-graphic-design-illustration-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Jet-cars-graphic-design-illustration-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Jet-cars-graphic-design-illustration-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8807\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Race-cars-graphic-design-for-mobile-game.png\" alt=\"Race cars graphic design for mobile game\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Race-cars-graphic-design-for-mobile-game.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Race-cars-graphic-design-for-mobile-game-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Race-cars-graphic-design-for-mobile-game-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Race-cars-graphic-design-for-mobile-game-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Race-cars-graphic-design-for-mobile-game-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8812\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Super-cars-mobile-game-design.png\" alt=\"Super cars mobile game design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Super-cars-mobile-game-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Super-cars-mobile-game-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Super-cars-mobile-game-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Super-cars-mobile-game-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Super-cars-mobile-game-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8806\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Lightning-cars-graphic-design-illustration.png\" alt=\"Lightning cars graphic design illustration\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Lightning-cars-graphic-design-illustration.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Lightning-cars-graphic-design-illustration-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Lightning-cars-graphic-design-illustration-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Lightning-cars-graphic-design-illustration-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Lightning-cars-graphic-design-illustration-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Effects<\/span><\/h2>\n<p><span style=\"color: #333333;\">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\u2019t give such an opportunity. It was important to find a solution to how nitro will be shown on the small mobile screen.<\/span><\/p>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><span style=\"color: #333333;\">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 \u2014 the shield.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8808\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-car-illustrations-nitro-graphic-design.png\" alt=\"racing car illustrations nitro graphic design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-car-illustrations-nitro-graphic-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-car-illustrations-nitro-graphic-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-car-illustrations-nitro-graphic-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-car-illustrations-nitro-graphic-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-car-illustrations-nitro-graphic-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Obstacles<\/span><\/h2>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8809\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Road-elements-graphic-design-illustration.png\" alt=\"Road elements graphic design illustration\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Road-elements-graphic-design-illustration.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Road-elements-graphic-design-illustration-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Road-elements-graphic-design-illustration-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Road-elements-graphic-design-illustration-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/Road-elements-graphic-design-illustration-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8803\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/cars-vehicles-illustration-graphic-design.png\" alt=\"cars vehicles illustration graphic design\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/cars-vehicles-illustration-graphic-design.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/cars-vehicles-illustration-graphic-design-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/cars-vehicles-illustration-graphic-design-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/cars-vehicles-illustration-graphic-design-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/cars-vehicles-illustration-graphic-design-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #333333;\">Weapons<\/span><\/h2>\n<p><span style=\"color: #333333;\">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.<\/span><\/p>\n<p><span style=\"color: #333333;\">The designer\u2019s task was to create small but recognizable signs so that users could understand what weapon they took. Let\u2019s see the final results.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8813\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/weapons-game-design-illustration.png\" alt=\"weapons game design illustration\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/weapons-game-design-illustration.png 1600w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/weapons-game-design-illustration-300x225.png 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/weapons-game-design-illustration-768x576.png 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/weapons-game-design-illustration-1024x768.png 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/weapons-game-design-illustration-150x113.png 150w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p><span style=\"color: #333333;\">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\u2019 expectations. In our next article, we share a detailed case study about the other part of the Real Multiplayer Racing project \u2014 <a href=\"https:\/\/blog.tubikstudio.com\/case-study-real-racing-ux-ui-design-for-mobile-game\/\">UI and UX design process<\/a>. Don\u2019t miss!<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7654\" src=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg\" alt=\"racing mobile game graphic design\" width=\"1500\" height=\"1000\" srcset=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg 1500w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1-300x200.jpg 300w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1-768x512.jpg 768w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1-1024x683.jpg 1024w, https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1-150x100.jpg 150w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<h2><span style=\"color: #333333;\">Useful Case Studies<\/span><\/h2>\n<p><span style=\"color: #333333;\">For graphic designers interested to see more practical case studies with creative flows, we have collected a set of posts on graphic design.<\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-appshack-logo-design-for-digital-agency\/\">App Shack. Logo Design for Digital Agency<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-offcents-explainer-video-production\/\">OffCents. Explainer Video Production<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-binned-brand-identity-design-for-cleaning-service\/\">Binned. Brand Identity Design for Cleaning Service<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-binned-promo-video-design\/\">Binned.\u00a0Design for Promo Video Production<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-opera-year-in-review-video-design\/\">Opera. Year-in-Review Video Design<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-winter-olympics-illustration-process\/\">Winter Olympics Illustration: Step-by-Step Process<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-andre-rebranding-logo\/\">Andre. Logo Redesign for Landscape Firm<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-andre-corporate-brand-identity\/\">Andre. Corporate Identity Design for Landscape Firm<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-saily-design-logo\/\">Saily. Logo for Local C2C E-commerce Application<\/a><\/span><\/p>\n<p><span style=\"color: #333333;\"><a style=\"color: #333333;\" href=\"https:\/\/blog.tubikstudio.com\/case-study-passfold-designing-logo\/\">PassFold. Logo for a Mobile App<\/a><\/span><\/p>\n<hr \/>\n<p><span style=\"color: #333333;\"><em>Check\u00a0<a style=\"color: #333333;\" href=\"https:\/\/itunes.apple.com\/us\/app\/real-multiplayer-racing\/id1288436698?mt=8\" target=\"_blank\" rel=\"noopener noreferrer\">Real Multiplayer Racing on AppStore<\/a><\/em><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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.<\/p>\n","protected":false},"author":3,"featured_media":7654,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6],"tags":[212,580,213,602,214,603,216,604,218,248,249,55,263,57,277,108,278,138,327,168,390,191,434,201,567,202,569,203,579],"coauthors":[],"class_list":["post-4650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-illustration","tag-graphic-design","tag-tubik-arts","tag-graphic-design-article","tag-game-design","tag-graphic-design-examples","tag-game-art","tag-graphic-design-process","tag-game-illustration","tag-graphic-designer","tag-illustration","tag-illustrator","tag-cars","tag-interface-illustration","tag-case-study","tag-ios-game-design","tag-design-case-study","tag-ios-game-development","tag-design-process","tag-mobile-game-design","tag-digital-art","tag-racing-game","tag-flat-illustration","tag-theme-illustration","tag-game-app","tag-2d-art","tag-game-ui","tag-2d-illustration","tag-game-user-interface","tag-illustration-process"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Case Study: Real Racing. Graphic Design For Mobile Game<\/title>\n<meta name=\"description\" content=\"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.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Real Racing. Graphic Design For Mobile Game\" \/>\n<meta property=\"og:description\" content=\"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.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2018-04-12T14:39:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-24T11:45:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marina Yalanska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marina Yalanska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/\",\"name\":\"Case Study: Real Racing. Graphic Design For Mobile Game\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg\",\"datePublished\":\"2018-04-12T14:39:13+00:00\",\"dateModified\":\"2023-07-24T11:45:29+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"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.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg\",\"width\":1500,\"height\":1000,\"caption\":\"racing mobile game graphic design\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Real Racing. Graphic Design for Mobile Game\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\",\"url\":\"https:\/\/tubikstudio.com\/blog\/\",\"name\":\"Tubik Blog: Articles About Design\",\"description\":\"Tubik Studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\",\"name\":\"Marina Yalanska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g\",\"caption\":\"Marina Yalanska\"},\"url\":\"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Case Study: Real Racing. Graphic Design For Mobile Game","description":"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.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Real Racing. Graphic Design For Mobile Game","og_description":"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.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2018-04-12T14:39:13+00:00","article_modified_time":"2023-07-24T11:45:29+00:00","og_image":[{"width":1500,"height":1000,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/","name":"Case Study: Real Racing. Graphic Design For Mobile Game","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg","datePublished":"2018-04-12T14:39:13+00:00","dateModified":"2023-07-24T11:45:29+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"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.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/04\/racing-mobile-game-graphic-design-case-study-tubik-1-1.jpg","width":1500,"height":1000,"caption":"racing mobile game graphic design"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-real-racing-graphic-design-for-mobile-game\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Real Racing. Graphic Design for Mobile Game"}]},{"@type":"WebSite","@id":"https:\/\/tubikstudio.com\/blog\/#website","url":"https:\/\/tubikstudio.com\/blog\/","name":"Tubik Blog: Articles About Design","description":"Tubik Studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tubikstudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f","name":"Marina Yalanska","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/image\/2ddde1c118fcf989ce8e73997a3909dd","url":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/630af235953a586b42ed17f9ea472b131bcde00719efc655984d63ca2078e7a2?s=96&d=mm&r=g","caption":"Marina Yalanska"},"url":"https:\/\/tubikstudio.com\/blog\/author\/marina-yalanska\/"}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=4650"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4650\/revisions"}],"predecessor-version":[{"id":14462,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/4650\/revisions\/14462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/7654"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=4650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=4650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=4650"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=4650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}