{"id":4400,"date":"2016-12-05T14:12:24","date_gmt":"2016-12-05T14:12:24","guid":{"rendered":"https:\/\/graphicmama.com\/blog\/?p=4400"},"modified":"2022-04-27T11:07:31","modified_gmt":"2022-04-27T11:07:31","slug":"changing-color-vector-cartoon-character","status":"publish","type":"post","link":"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/","title":{"rendered":"How to Change the Colors of a Vector Cartoon Character"},"content":{"rendered":"<p>In this simple step-by-step tutorial, you will learn how to change the color of a chosen vector cartoon character. It is super easy, and it could be done in 3 basic steps and with just a little bit of practice.<\/p>\n<p>All you need is to <a href=\"https:\/\/graphicmama.com\/blog\/adobe-illustrator-tutorials\/\">launch the Adobe Illustrator software<\/a>, which we assume you&#8217;ve already installed, \u00a0and an editable source <a href=\"https:\/\/graphicmama.com\/blog\/vector-file\/\">vector file<\/a> <strong>(.ai)<\/strong> with poses, which comes together with our <a href=\"https:\/\/graphicmama.com\/cartoon-characters\">complete cartoon character sets<\/a>. For this tutorial, we will use <a href=\"https:\/\/graphicmama.com\/cartoon-character\/kim-the-office-lady\">Kim the Office lady<\/a>\u00a0character.<\/p>\n<p>&nbsp;<\/p>\n<h3>1. Open the vector cartoon character file with Adobe Illustrator<\/h3>\n<p>Once you have downloaded one of our complete sets, locate the<strong> .ai<\/strong> file with poses and open it. You will see different poses of the same vector cartoon character, placed on separate white backgrounds, called artboards:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-4470 size-full\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05120904\/kim-poses1.jpg\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05120904\/kim-poses1.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05120904\/kim-poses1-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05120904\/kim-poses1-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>2. Working with the\u00a0symbols panel<\/h3>\n<p>A useful feature in Adobe Illustrator is <strong>Symbols<\/strong>. Symbols are important for creating repeated graphics and now you will learn to load a symbol library in just 2 simple steps.<\/p>\n<p>But first, why use symbols? It helps reduce the file size &#8211; if you have to use an object several times in your design, instead of copying it, make it a symbol, drag and drop it as many times as you need, and you have already started to save space. Secondly, when customizing a symbol, it automatically updates all instances and you don&#8217;t have to go through each one of them when you want to make a change.<\/p>\n<p>Now, go to <strong>Window &gt; Symbols<\/strong> or use the shortcut: <strong>Shift+Ctrl\/Command+F11<\/strong> \u00a0to open the symbols panel. When you open the <strong>Symbols<\/strong> panel, it should be empty or have some default symbols loaded. But we want something specific, so we will load it by going to <strong>Window &gt; Symbol Libraries &gt; Other Library<\/strong> and select the file from your computer, from our complete set, called<strong> Symbol_ Library.ai <\/strong>(or just<strong> Symbols.ai<\/strong>).<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4474\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121220\/symbols-open.jpg\" alt=\"symbols-open\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121220\/symbols-open.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121220\/symbols-open-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121220\/symbols-open-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>As a final result, you will have the <strong>Symbols\u00a0<\/strong>\u00a0opened on the right side of your screen:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4477\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121634\/symbols-library-loaded.jpg\" alt=\"symbols-library-loaded\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121634\/symbols-library-loaded.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121634\/symbols-library-loaded-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05121634\/symbols-library-loaded-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h3>3. Change the colors of the separate elements<\/h3>\n<p>Now choose an\u00a0element from the <strong>Symbols<\/strong> panel, whose color you want to change. Double click on it for <strong>Symbol Editing Mode<\/strong>. In the <strong>Layers<\/strong>\u00a0panel, all the elements\u00a0of the vector cartoon character are organized in groups. In the group of the element you chose, locate its base color (main color). Here\u00a0we will select and\u00a0change the color of Kim&#8217;s jacket. Note, that there are several other effects in the same group, which we are not editing\u00a0right now!<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4579\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/06083648\/base-color.jpg\" alt=\"base-color\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/06083648\/base-color.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/06083648\/base-color-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/06083648\/base-color-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>Click on the big shape of the jacket &#8211; the main (base) color, go to the <strong>Swatches<\/strong> panel and choose a color you like. Check in the <strong>Appearance<\/strong>\u00a0panel, that the <strong>Fill<\/strong> color is solid.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4483\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05123704\/swatch-kim.jpg\" alt=\"swatch-kim\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05123704\/swatch-kim.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05123704\/swatch-kim-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05123704\/swatch-kim-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>We are done, and when you hit <strong>Escape<\/strong>, you will exit the<strong> Symbol Editing Mode<\/strong> and your changes will be then applied to all the instances of your character.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4488\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124122\/kim-colored.jpg\" alt=\"kim-colored\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124122\/kim-colored.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124122\/kim-colored-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124122\/kim-colored-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>Furthermore, you can repeat the same action for the rest of the body and achieve amazing color variations withing minutes!<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-4492\" src=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124756\/kim-jacket-colored.jpg\" alt=\"kim-jacket-colored\" width=\"910\" height=\"683\" srcset=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124756\/kim-jacket-colored.jpg 910w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124756\/kim-jacket-colored-300x225.jpg 300w, https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/05124756\/kim-jacket-colored-768x576.jpg 768w\" sizes=\"(max-width: 910px) 100vw, 910px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>If you have any questions or doubts, don&#8217;t hesitate to ask us in the comment section below, we will do our best to answer your queries! Stay tuned for even more tutorials and great tips at our <a href=\"https:\/\/graphicmama.com\/blog\/\">GraphicMama blog<\/a>.<\/p>\n<p>Wondering where you can find more of our wonderful vector cartoon characters? Check them out in <a href=\"https:\/\/graphicmama.com\/cartoon-characters\">the section for cartoon characters of GraphicMama.<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this simple step-by-step tutorial, you will learn how to change the color of a chosen vector cartoon character. It is super easy, and it could be done in 3 basic steps and with just a little bit of practice. All you need is to launch the Adobe Illustrator software, which we assume you&#8217;ve already&#8230;<\/p>\n","protected":false},"author":6,"featured_media":12642,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[365,18,14,16,17,15,395,12,13,447],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.5.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Change the Colors of a Vector Cartoon Character in AI<\/title>\n<meta name=\"description\" content=\"Learn how to edit the colors of a vector cartoon character in Adobe Illustrator in this simple 3 steps tutorial. Editing colors of symbols.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Colors of a Vector Cartoon Character in AI\" \/>\n<meta property=\"og:description\" content=\"Learn how to edit the colors of a vector cartoon character in Adobe Illustrator in this simple 3 steps tutorial. Editing colors of symbols.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/\" \/>\n<meta property=\"og:site_name\" content=\"GraphicMama Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GraphicMama\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-05T14:12:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-27T11:07:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/08105126\/261.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1652\" \/>\n\t<meta property=\"og:image:height\" content=\"928\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Bilyana Nikolaeva\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:site\" content=\"@GraphicMama\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bilyana Nikolaeva\" \/>\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:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/\",\"url\":\"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/\",\"name\":\"How to Change the Colors of a Vector Cartoon Character in AI\",\"isPartOf\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\"},\"datePublished\":\"2016-12-05T14:12:24+00:00\",\"dateModified\":\"2022-04-27T11:07:31+00:00\",\"author\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881\"},\"description\":\"Learn how to edit the colors of a vector cartoon character in Adobe Illustrator in this simple 3 steps tutorial. Editing colors of symbols.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/graphicmama.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Colors of a Vector Cartoon Character\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#website\",\"url\":\"https:\/\/graphicmama.com\/blog\/\",\"name\":\"GraphicMama Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphicmama.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881\",\"name\":\"Bilyana Nikolaeva\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g\",\"caption\":\"Bilyana Nikolaeva\"},\"description\":\"Bilyana is an inspiring content writer and illustrator at GraphicMama with years of experience in art and design. When she\u2019s not busy writing for the blog, you will usually see her working hard on new illustrations and graphic resources.\",\"url\":\"https:\/\/graphicmama.com\/blog\/author\/bilyana\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Colors of a Vector Cartoon Character in AI","description":"Learn how to edit the colors of a vector cartoon character in Adobe Illustrator in this simple 3 steps tutorial. Editing colors of symbols.","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:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Colors of a Vector Cartoon Character in AI","og_description":"Learn how to edit the colors of a vector cartoon character in Adobe Illustrator in this simple 3 steps tutorial. Editing colors of symbols.","og_url":"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/","og_site_name":"GraphicMama Blog","article_publisher":"https:\/\/www.facebook.com\/GraphicMama","article_published_time":"2016-12-05T14:12:24+00:00","article_modified_time":"2022-04-27T11:07:31+00:00","og_image":[{"width":1652,"height":928,"url":"https:\/\/i.graphicmama.com\/blog\/wp-content\/uploads\/2016\/12\/08105126\/261.jpg","type":"image\/jpeg"}],"author":"Bilyana Nikolaeva","twitter_card":"summary","twitter_creator":"@GraphicMama","twitter_site":"@GraphicMama","twitter_misc":{"Written by":"Bilyana Nikolaeva","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/","url":"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/","name":"How to Change the Colors of a Vector Cartoon Character in AI","isPartOf":{"@id":"https:\/\/graphicmama.com\/blog\/#website"},"datePublished":"2016-12-05T14:12:24+00:00","dateModified":"2022-04-27T11:07:31+00:00","author":{"@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881"},"description":"Learn how to edit the colors of a vector cartoon character in Adobe Illustrator in this simple 3 steps tutorial. Editing colors of symbols.","breadcrumb":{"@id":"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/graphicmama.com\/blog\/changing-color-vector-cartoon-character\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/graphicmama.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Change the Colors of a Vector Cartoon Character"}]},{"@type":"WebSite","@id":"https:\/\/graphicmama.com\/blog\/#website","url":"https:\/\/graphicmama.com\/blog\/","name":"GraphicMama Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphicmama.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/eb191ad91179462cfa9664425ced0881","name":"Bilyana Nikolaeva","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/graphicmama.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce926b201acd1a64c6260c06a0034df5?s=96&d=mm&r=g","caption":"Bilyana Nikolaeva"},"description":"Bilyana is an inspiring content writer and illustrator at GraphicMama with years of experience in art and design. When she\u2019s not busy writing for the blog, you will usually see her working hard on new illustrations and graphic resources.","url":"https:\/\/graphicmama.com\/blog\/author\/bilyana\/"}]}},"_links":{"self":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/4400"}],"collection":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/comments?post=4400"}],"version-history":[{"count":51,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/4400\/revisions"}],"predecessor-version":[{"id":48942,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/posts\/4400\/revisions\/48942"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media\/12642"}],"wp:attachment":[{"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/media?parent=4400"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/categories?post=4400"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphicmama.com\/blog\/wp-json\/wp\/v2\/tags?post=4400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}