{"id":1739,"date":"2019-09-18T12:12:49","date_gmt":"2019-09-18T12:12:49","guid":{"rendered":"http:\/\/www.wendyzhou.se\/blog\/?p=1739"},"modified":"2020-11-20T11:02:59","modified_gmt":"2020-11-20T11:02:59","slug":"how-to-prepare-logo-format-for-after-effects","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/how-to-prepare-logo-format-for-after-effects\/","title":{"rendered":"How to prepare logo format for After Effects"},"content":{"rendered":"\n<p>In this tutorial, I&#8217;m going to show you how to prepare a good logo format for After Effects. <\/p>\n\n\n\n<p>So, if you want to animate your logo in After Effects it&#8217;s recommended to first prepare the logo in Adobe Illustrator (Ai). The logo should always be made in a vector format, and not in a bitmap. A vector format will make the logo editable and scalable in the future.<\/p>\n\n\n\n<p><a href=\"https:\/\/modassicmarketing.com\/understanding-image-file-types\">Read more about vector format here.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Logo preparation <strong>in Adobe Illustrator<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>In Adobe Illustrator, you want to open your logo (which should be in a vector format).<\/li><li>Make sure that every element that you want to animate is in its <strong>own<\/strong> layer.<ul><li>Otherwise, After Effects will merge multiple elements into one single layer, making it hard to animate.<\/li><\/ul><\/li><li>Save the file.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Import the logo in After Effects<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Open After Effects<\/li><li>In After Effects go to &#8220;File&#8221; -&gt; &#8220;Import&#8221; -&gt; &#8220;File&#8230;&#8221;<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped aligncenter wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1478\" height=\"986\" src=\"https:\/\/i1.wp.com\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.08.05.png?fit=640%2C427&amp;ssl=1\" alt=\"\" data-id=\"1746\" data-link=\"https:\/\/www.wendyzhou.se\/blog\/?attachment_id=1746\" class=\"wp-image-1746\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.08.05.png 1478w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.08.05-300x200.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.08.05-768x512.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.08.05-1024x683.png 1024w\" sizes=\"auto, (max-width: 1478px) 100vw, 1478px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Select the Adobe Illustrator (.ai) file you created in Step 1.<\/li><li>Choose &#8220;Import As:&#8221; -&gt; &#8220;Composition &#8211; Retain Layer Sizes&#8221; <ul><li>This will make sure each element keeps its own layer<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped aligncenter wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1478\" height=\"522\" src=\"https:\/\/i1.wp.com\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.09.19.png?fit=640%2C226&amp;ssl=1\" alt=\"\" data-id=\"1747\" data-link=\"https:\/\/www.wendyzhou.se\/blog\/?attachment_id=1747\" class=\"wp-image-1747\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.09.19.png 1478w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.09.19-300x106.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.09.19-768x271.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.09.19-1024x362.png 1024w\" sizes=\"auto, (max-width: 1478px) 100vw, 1478px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>In the timeline, mark &#8220;Continuously Rasterize&#8221; to get rid of the pixelated borders. This will make your elements sharper.<ul><li>If you can&#8217;t find &#8220;Continuously Rasterize&#8221; in After Effects 2018, try clicking on &#8220;Toggle Switches\/Modes&#8221; at the bottom of the timeline.<\/li><\/ul><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1070\" height=\"342\" src=\"https:\/\/i1.wp.com\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.10.11.png?fit=640%2C204&amp;ssl=1\" alt=\"\" data-id=\"1748\" data-link=\"https:\/\/www.wendyzhou.se\/blog\/?attachment_id=1748\" class=\"wp-image-1748\" srcset=\"https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.10.11.png 1070w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.10.11-300x96.png 300w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.10.11-768x245.png 768w, https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/Screenshot-2019-09-18-at-14.10.11-1024x327.png 1024w\" sizes=\"auto, (max-width: 1070px) 100vw, 1070px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>I hope this video on how to prepare a good logo format for After Effects was helpful!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">More design articles<\/h2>\n\n\n\n<p>If you&#8217;re interested in reading more articles about design you can check out my related posts:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/2019\/01\/10\/how-to-export-after-effects-as-mp4-without-media-encoder-2019\/\">How to export After Effects as MP4 (without Media Encoder) 2019<\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/2019\/01\/06\/learn-ui-design-for-beginners-how-to-place-your-ui-design-in-a-mockup-with-photoshop-tutorial\/\">How to place your UI design in a mock-up (Photoshop tutorial)<\/a><\/li><li><a href=\"https:\/\/www.wendyzhou.se\/blog\/2019\/01\/06\/affinity-designer-on-the-ipad-pro-2018\/\">Review on Affinity Designer for UI design<\/a><\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Instagram <a href=\"https:\/\/www.instagram.com\/wendy.design\/\">@wendy.design<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Simple tutorial on how to export a good logo format for After Effects for logo animation.<\/p>\n","protected":false},"author":1,"featured_media":1743,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[166,6],"tags":[],"class_list":["post-1739","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-ux-and-ui-design","entry","has-media"],"gutentor_comment":1,"uagb_featured_image_src":{"full":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac.png",2560,1440,false],"thumbnail":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac-150x150.png",150,150,true],"medium":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac-300x169.png",300,169,true],"medium_large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac-768x432.png",768,432,true],"large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac-1024x576.png",1024,576,true],"1536x1536":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac.png",1536,864,false],"2048x2048":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac.png",2048,1152,false],"ocean-thumb-m":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac.png",600,338,false],"ocean-thumb-ml":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac.png",800,450,false],"ocean-thumb-l":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2019\/09\/iMac.png",1200,675,false]},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":1,"uagb_excerpt":"Simple tutorial on how to export a good logo format for After Effects for logo animation.","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/1739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=1739"}],"version-history":[{"count":6,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/1739\/revisions"}],"predecessor-version":[{"id":1998,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/1739\/revisions\/1998"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media\/1743"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=1739"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=1739"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=1739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}