{"id":812022,"date":"2024-01-08T09:00:00","date_gmt":"2024-01-08T17:00:00","guid":{"rendered":"https:\/\/community.wacom.com\/en-us\/?p=812022"},"modified":"2025-11-21T15:02:14","modified_gmt":"2025-11-21T23:02:14","slug":"how-to-draw-cartoon-7-steps-mitch-leeuwe","status":"publish","type":"post","link":"https:\/\/community.wacom.com\/en-us\/how-to-draw-cartoon-7-steps-mitch-leeuwe\/","title":{"rendered":"How to draw a cartoon in seven steps: a tutorial from Mitch Leeuwe and Proko"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this video from <a title=\"Proko\" href=\"https:\/\/www.proko.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Proko<\/a>, Mitch Leeuwe gives a tutorial on how to create a cartoon from start to finish. Leeuwe is a freelance artist working on character design and environmental art for animation shows, toys, and more. More than a year ago, he started creating tutorials about how he draws and posting them on <a title=\"Instagram\" href=\"https:\/\/www.instagram.com\/mitchleeuwe\/?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">Instagram<\/a>. He then started selling eBooks and video tutorials, and started a <a title=\"Patreon\" href=\"https:\/\/www.patreon.com\/mitchleeuwe\" target=\"_blank\" rel=\"noreferrer noopener\">Patreon<\/a> page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>The following post is based on the video below, which originated on Proko\u2019s <a title=\"YouTube channel\" href=\"https:\/\/www.youtube.com\/@ProkoTV\" target=\"_blank\" rel=\"noreferrer noopener\">YouTube channel<\/a>. All content belongs to Proko and Leeuwe.<\/em><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Cartoon Demo From Start to Finish\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/MM-5juydkEk?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Create the line of action<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For this tutorial, we'll be creating a bird perched on a branch. To start, create the line of action for the cartoon as shown below. This will serve as a guide for the general shape and pose of the character. Then, draw the head as a simple ball followed by the body shape. By the end of this step, there should be a very basic outline of the cartoon, giving a sense of what the cartoon will look like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"607\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-1.jpg\" alt=\"Leeuwe Bird Demo 1\" class=\"wp-image-812025\" title=\"step 1 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-1.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-1-980x551.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-1-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: <\/strong>Use references<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This step is not absolutely necessary, but can be a great tool in creating quality cartoons. Comparing your cartoon to real-life images of what the cartoon is based on, and even the skeletal structure can help guide your design choices. This will make your understanding of the cartoon greater which will only help in the creation of a quality cartoon.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"608\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-2.jpg\" alt=\"\" class=\"wp-image-812026\" title=\"step 2 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-2.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-2-980x552.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-2-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3: Draw perspective guides<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">On the head of your character, draw in perspective guides to determine the direction of the head. Then draw in the features of the head. For this cartoon, we can start by drawing the beak and work our way up to the eyes. You may need to play around with this for a while until you are happy with the way the features on the head are structured.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"608\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-3.jpg\" alt=\"\" class=\"wp-image-812027\" title=\"step 3 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-3.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-3-980x552.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-3-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4: Complete the baseline sketch<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From here you can start sketching out the basic design of your cartoon. The lines do not have to be perfect, but rather they are a guide for you when you complete the outline that will show on your final design. At the end of this step, you should have a more detailed sketch of what your cartoon will look like. Make sure you are happy with these lines because these are the ones that will be painted over for the final cartoon outline.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Big, medium and small<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For all cartoon designs, it is important to consider the principle of <a href=\"https:\/\/www.artstation.com\/blogs\/htartist\/mVg2\/exploring-the-big-medium-small-theory-in-design-for-games-and-films\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.artstation.com\/blogs\/htartist\/mVg2\/exploring-the-big-medium-small-theory-in-design-for-games-and-films\" rel=\"noreferrer noopener\">big, medium, and small<\/a>. This will make your cartoon more interesting and grab the viewer's attention for longer. For this cartoon, the principal was used mainly on the wings and tail but it can be used almost anywhere on a cartoon.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"608\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-4.jpg\" alt=\"\" class=\"wp-image-812028\" title=\"step 4 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-4.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-4-980x552.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-4-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 5: Paint in the outline\u00a0<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now it\u2019s time to paint the outline of the cartoon. This will be visible on the final draft, so take your time and make sure you are happy with everything before adding color. Start by painting in the eyes and make sure the front one is larger than the back. You can do this by simply using your fingers to measure the screen if you're using a Wacom pen display like a  <a href=\"https:\/\/community.wacom.com\/en-us\/wacom-cintiq-pro-pen-display\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/community.wacom.com\/en-us\/en-us\/wacom-cintiq-pro-pen-display\/\" rel=\"noreferrer noopener\">Wacom Cintiq<\/a>. Start by outlining the most important parts of your cartoon with thick lines so they stand out more. From there you can go add in the final details until the outline of the cartoon is complete.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"608\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-5.jpg\" alt=\"\" class=\"wp-image-812029\" title=\"step 5 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-5.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-5-980x552.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-5-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 6: Coloring<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Create a new layer separate from the outline to start coloring. You may want to create a couple layers for each different part of the cartoon or each color. From here it is up to your creative taste to pick and choose colors that will create a visually interesting cartoon.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"608\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-6.jpg\" alt=\"\" class=\"wp-image-812030\" title=\"step 6 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-6.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-6-980x552.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-6-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 7: Add shadows<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Combine every layer into one silhouette of the cartoon and then turn that layer off. Then create a new layer and set it to multiply. From there, select a very light purple color that will darken the entire cartoon. Now you can select a light and dark color to start painting in shadows. This is a part that you should play around with and see what looks good and what doesn't. Once you are happy with the shadows, you should have a finished cartoon on your screen!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1080\" height=\"608\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-7.jpg\" alt=\"\" class=\"wp-image-812031\" title=\"step 7 image\" srcset=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-7.jpg 1080w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-7-980x552.jpg 980w, https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/08\/Cartoon-demo-from-start-to-finish-Img-7-480x270.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"873\" height=\"873\" src=\"https:\/\/community.wacom.com\/en-us\/wp-content\/uploads\/sites\/40\/2023\/02\/122327894_191048765808067_3200444786692052491_n.jpg\" alt=\"proko logo\" class=\"wp-image-808892\" title=\"\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:80%\">\n<h3 class=\"wp-block-heading\">Want to learn more?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Curious to learn more about character design, cartoons, and illustration? Check out\u00a0Mitch Leeuwe\u2019s <a title=\" website\" href=\"https:\/\/www.mitchleeuwe.nl\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a> or head to his <a title=\" Patreon\" href=\"https:\/\/www.patreon.com\/mitchleeuwe\" target=\"_blank\" rel=\"noreferrer noopener\">Patreon<\/a> to find full tutorials. You can also check out Proko\u2019s <a title=\" website\" href=\"https:\/\/www.proko.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">website<\/a> to find a wide variety of art tutorials and content. For their premium video tutorials, head to <a title=\"proko.com\/browse\/all\/courses\" href=\"https:\/\/www.proko.com\/browse\/all\/courses\" target=\"_blank\" rel=\"noreferrer noopener\">proko.com\/browse\/all\/courses.<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Curious about cartoon design? Learn how to create your own cartoon character from start to finish in just 7 steps with the talented Mitch Leeuwe.<\/p>\n","protected":false},"author":3,"featured_media":812034,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[2317,6021,2338,2554],"tags":[170],"class_list":["post-812022","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digital-drawing-painting","category-how-to-draw","category-how-to","category-learn-drawing-painting","tag-proko"],"_links":{"self":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/812022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/comments?post=812022"}],"version-history":[{"count":0,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/posts\/812022\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media\/812034"}],"wp:attachment":[{"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/media?parent=812022"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/categories?post=812022"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/community.wacom.com\/en-us\/wp-json\/wp\/v2\/tags?post=812022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}