{"id":5358,"date":"2018-08-10T14:54:35","date_gmt":"2018-08-10T14:54:35","guid":{"rendered":"https:\/\/tubikstudio.com\/?p=5358"},"modified":"2023-07-21T15:01:19","modified_gmt":"2023-07-21T15:01:19","slug":"case-study-tubik-in-paris-design-of-narrative-illustration","status":"publish","type":"post","link":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/","title":{"rendered":"Case Study: Tubik in Paris. Design of Narrative Illustration"},"content":{"rendered":"

Among all the numerous benefits of illustrations, there is a superpower to tell the story with pictures. It often happens in various projects that designers have to create a series of artworks united by one plot and characters. It demands the complex approach and specific working out the details.<\/p>\n

The term \u201cillustration\u201d origins for the Latin \u201cillustrare\u201d which meaning is to light up, illuminate, explain. An illustration may either serve as a supplement to the text or fully replace it. The series of illustrations is a kind of small story told by means of visuals. It has to be clear and transfer the needed message properly.<\/p>\n

\"graphic<\/p>\n

Example: storytelling illustrations for Florence website<\/a><\/em><\/p>\n

To show it in the real project, today we are unveiling the design process on the narrative digital illustration by studio designer Yaroslava Yatsuba. Earlier we shared her tips on\u00a0creating flat illustrations<\/a> and the case study on sports illustration<\/a>. This time you are welcome to check how the set of illustrations was created for a cartoon \u201cParis Je T’aime\u201d.<\/p>\n

\"tubikstudio<\/p>\n

Task<\/h2>\n

Creating the series of narrative illustrations for the story \u201cParis Je T’aime\u201d.<\/p>\n

Process<\/h2>\n

Idea<\/h3>\n

The story features the adventures of the cute and cheerful dachshund Tubik in Paris. The initial volume of graphics set for the project was around 10 digital illustrations.<\/p>\n

Stage 1. Draft Sketch<\/h3>\n

At this stage, the designer made research, collected references and analyzed them. The first sketch was made frontal as at this phase it was important to catch the idea, the sequence of scenes and plot while the composition could be worked out later. In the process, the number of shots was reduced from 12 to 8: the designer left only the most recognizable landmarks and united some illustrations into one.<\/p>\n

\"graphic<\/p>\n

First quick sketch<\/em><\/p>\n

\"graphic<\/p>\n

A bit more detailed working out one of the illustrations.<\/em><\/p>\n

Stage 2. Compositional Sketch<\/h3>\n

Having developed the draft storyboard, Yaroslava moved to work on the elaborate drawing which will become the basis of the digital illustration. Here she considered the composition of a shot, try interesting perspectives and stylistic effects. So, she redrew the sketch from the perspective of the dog\u2019s eye, added the effect of the Fish-eye lens and made the angle of descent steeper. All that added dynamics, drive and fun to the illustration.<\/p>\n

\"graphic<\/p>\n

Working out the main character<\/h3>\n

Together with composition, the designer developed the image of the main character, a funny dachshund dog. First, she drew 6 different concepts for its looks.<\/p>\n

\"graphic<\/p>\n

Then she worked out the digital image for the chosen concept.<\/p>\n

\"dog<\/p>\n

 <\/p>\n

Having made a choice on one of the variants, she worked on the dynamics of its movements as the plot required to show that the dog runs across Paris twining round it.<\/p>\n

Designer\u2019s tip: Study the books on character animation, they teach much about transitions and movements.<\/strong><\/p>\n

\"character<\/p>\n

Analysis of dynamic motion of the character<\/em><\/p>\n

\"character<\/p>\n

Detalization of the character<\/em><\/p>\n

Stage 3. Color and Texture<\/h3>\n

Color<\/strong>
\nAfter setting up the composition and appearance of the main character, the designer drew that all in vector and moved to one of the hardest artistic challenges – the choice of the color palette. She wanted to make the illustrations bright and catchy so the choice was made on juicy colors. In the final set, there were 6 colors plus white.<\/p>\n

Textures<\/strong>
\nTextures and ragged edges add originality to illustrations. For this series, the designer used the object’s masks and art brushes for the outline. That added the feeling of hand-drawn book illustrations.<\/p>\n

\"color<\/p>\n

Colors and textures\u00a0chosen for the series<\/em><\/p>\n

\"details<\/p>\n

The elements of composition to one of the illustrations<\/em><\/p>\n

Final Result<\/h2>\n

And here are all the shots for the series. Check the story of how funny dog traveled around Paris and fell in love with the city.<\/p>\n

\"digital<\/p>\n

“Err, where am I?”<\/em><\/p>\n

\"digital<\/p>\n

“That looks interesting, doesn’t it?”<\/em><\/p>\n

\"digital<\/p>\n

“I must see everything!”<\/em><\/p>\n

\"digital<\/p>\n

“Unbelievable, so many halls…”<\/em><\/p>\n

\"digital-design-case-study<\/p>\n

“Selfie with Mona!”<\/em><\/p>\n

\"digital<\/p>\n

“Hey, guys, where’s the exit?”<\/em><\/p>\n

\"digital<\/p>\n

“Ah, that’s so beautiful!”<\/em><\/p>\n

\"digital<\/p>\n

“Paris, I love you!”<\/em><\/p>\n

Useful Reading<\/h2>\n

Here\u2019s a bunch of articles and case studies for more reading on graphic design and digital art:<\/p>\n

Design Process: How to Create Illustrations for IT Blog or Landing Page<\/a><\/p>\n

Graphic Design: 24 Elaborate Flat Illustrations for Your Inspiration<\/a><\/p>\n

How to Create Original Flat Illustrations: Designer\u2019s Tips.<\/a><\/p>\n

Real Racing. Graphic Design for Mobile Game<\/a><\/p>\n

Winter Olympics Illustration. Step-by-Step Process<\/a><\/p>\n

Many Faces of Graphic Design: What Do Graphic Designers Do?<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.<\/p>\n","protected":false},"author":3,"featured_media":9105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,6,7],"tags":[170,191,212,214,216,248,249,26,425,57,440,59,447,88,529,100,569,108,578,138,579,147,168],"coauthors":[],"class_list":["post-5358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-case_study","category-illustration","category-processes_and_tools","tag-digital-illustration","tag-flat-illustration","tag-graphic-design","tag-graphic-design-examples","tag-graphic-design-process","tag-illustration","tag-illustrator","tag-art","tag-storytelling","tag-case-study","tag-tubik","tag-character-design","tag-tubik-studio","tag-creative-process","tag-visual-storytelling","tag-design","tag-2d-illustration","tag-design-case-study","tag-illustration-case-study","tag-design-process","tag-illustration-process","tag-design-studio","tag-digital-art"],"acf":[],"yoast_head":"\nCase Study: Tubik in Paris. Design of Narrative Illustration<\/title>\n<meta name=\"description\" content=\"The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.\" \/>\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-tubik-in-paris-design-of-narrative-illustration\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Case Study: Tubik in Paris. Design of Narrative Illustration\" \/>\n<meta property=\"og:description\" content=\"The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/\" \/>\n<meta property=\"og:site_name\" content=\"Tubik Blog: Articles About Design\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-10T14:54:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-21T15:01:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"900\" \/>\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=\"4 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-tubik-in-paris-design-of-narrative-illustration\/\",\"url\":\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/\",\"name\":\"Case Study: Tubik in Paris. Design of Narrative Illustration\",\"isPartOf\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg\",\"datePublished\":\"2018-08-10T14:54:35+00:00\",\"dateModified\":\"2023-07-21T15:01:19+00:00\",\"author\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f\"},\"description\":\"The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.\",\"breadcrumb\":{\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#primaryimage\",\"url\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg\",\"contentUrl\":\"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg\",\"width\":1600,\"height\":900,\"caption\":\"digital illustration case study tubik studio\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tubikstudio.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Case Study: Tubik in Paris. Design of Narrative Illustration\"}]},{\"@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: Tubik in Paris. Design of Narrative Illustration","description":"The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.","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-tubik-in-paris-design-of-narrative-illustration\/","og_locale":"en_US","og_type":"article","og_title":"Case Study: Tubik in Paris. Design of Narrative Illustration","og_description":"The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.","og_url":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/","og_site_name":"Tubik Blog: Articles About Design","article_published_time":"2018-08-10T14:54:35+00:00","article_modified_time":"2023-07-21T15:01:19+00:00","og_image":[{"width":1600,"height":900,"url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg","type":"image\/jpeg"}],"author":"Marina Yalanska","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marina Yalanska","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/","url":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/","name":"Case Study: Tubik in Paris. Design of Narrative Illustration","isPartOf":{"@id":"https:\/\/tubikstudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#primaryimage"},"image":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg","datePublished":"2018-08-10T14:54:35+00:00","dateModified":"2023-07-21T15:01:19+00:00","author":{"@id":"https:\/\/tubikstudio.com\/blog\/#\/schema\/person\/320206b0076eb11ea0c0d4d17012c36f"},"description":"The case study unveils all the stages of creating the series of narrative illustrations: check the story about a funny dog from the draft sketches to the final artworks.","breadcrumb":{"@id":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#primaryimage","url":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg","contentUrl":"https:\/\/blog.tubikstudio.com\/wp-content\/uploads\/2018\/08\/digital-illustration-case-study-tubik-studio.jpg","width":1600,"height":900,"caption":"digital illustration case study tubik studio"},{"@type":"BreadcrumbList","@id":"https:\/\/tubikstudio.com\/blog\/case-study-tubik-in-paris-design-of-narrative-illustration\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tubikstudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Case Study: Tubik in Paris. Design of Narrative Illustration"}]},{"@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\/5358","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=5358"}],"version-history":[{"count":4,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/5358\/revisions"}],"predecessor-version":[{"id":14440,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/posts\/5358\/revisions\/14440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media\/9105"}],"wp:attachment":[{"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=5358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=5358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=5358"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tubikstudio.com\/blog\/wp-json\/wp\/v2\/coauthors?post=5358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}