{"id":195,"date":"2022-01-07T12:00:00","date_gmt":"2022-01-07T12:00:00","guid":{"rendered":"https:\/\/lifefitnessllc.com\/archives\/332"},"modified":"2023-09-19T14:48:44","modified_gmt":"2023-09-19T13:48:44","slug":"how-to-export-icons-in-illustrator-for-premiere-pro-and-after-effects","status":"publish","type":"post","link":"https:\/\/tutorialpremiere.com\/index.php\/2022\/01\/07\/how-to-export-icons-in-illustrator-for-premiere-pro-and-after-effects\/","title":{"rendered":"How to Export Icons in Illustrator for Premiere Pro and After Effects"},"content":{"rendered":"<h2><strong>In this tutorial, we\u2019ll take a look at the workflow\u00a0to export an icon from Adobe Illustrator for use in Premiere Pro and After Effects.<\/strong><\/h2>\n<p>If you\u2019ve ever purchased a set of vector icons\u00a0to use in a video, you may have quickly realized that just dragging and dropping the vector files into Premiere Pro or After Effects\u00a0is not the best workflow. I know I\u2019ve been guilty of this . . . many times.<\/p>\n<p>However, with just\u00a0a little work in\u00a0Adobe Illustrator, we can optimize any vector icon we want\u00a0for use in Premiere Pro or After Effects.<\/p>\n<p><img decoding=\"async\" title=\"How to Export Icons in Illustrator for Premiere Pro and After Effects \u2014 Illustrator Icon\" src=\"\/wp-content\/uploads\/replace\/92ec59a58592611aae8180367913146d.jpeg\" alt=\"How to Export Icons in Illustrator for Premiere Pro and After Effects \u2014 Illustrator Icon\" \/><\/p>\n<p>We\u2019ll start by importing our vector icon set into Adobe Illustrator. From there, we will isolate the icon we want to export, and we will change the scale, adjust various colors,\u00a0then split the icon into multiple layers\u00a0(if necessary).<\/p>\n<p>Ready? Let\u2019s dive into the tutorial.<\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/XGXkQxNk8pY?version=3&amp;rel=1&amp;showsearch=0&amp;showinfo=1&amp;iv_load_policy=1&amp;fs=1&amp;hl=en-US&amp;autohide=2&amp;wmode=transparent\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3><strong>Exporting a\u00a0Vector Icon\u00a0for Premiere Pro<\/strong><\/h3>\n<p>An important aspect of\u00a0vector icons in Premiere Pro is that they will\u00a0get rasterized upon import. (This means the icon will lose its vector quality\u00a0and act more like a .png\u00a0file with an alpha channel.) When you save your icon in Adobe Illustrator, you want the resolution\u00a0high enough to use in your video. If you scale the icon\u00a0over 100% in Premiere Pro, it will result in overall quality loss. (You can always export a larger icon and then scale it down in Premiere Pro with no quality loss.)<\/p>\n<p><img decoding=\"async\" title=\"How to Export Icons in Illustrator for Premiere Pro and After Effects \u2014 Exporting Vector Icon\" src=\"\/wp-content\/uploads\/replace\/df08a96c05d00b5221043ede92c74862.jpeg\" alt=\"How to Export Icons in Illustrator for Premiere Pro and After Effects \u2014 Exporting Vector Icon\" \/><\/p>\n<h3><strong>Exporting a\u00a0Vector Icon\u00a0for After Effects<\/strong><\/h3>\n<p>When using a vector icon in After Effects, we have the option to continuously rasterize (by turning on the \u201ccollapse transformations\u201d layer option), which will\u00a0let us resize our icon any way we want, <em>with no loss in quality.<\/em> (Basically, it acts just like a vector layer in Adobe Illustrator.)<\/p>\n<p>Another cool option with Illustrator files in After Effects is the ability to import multiple layers. This lets\u00a0us quickly animate different sections of our icon (a\u00a0massive workflow time saver).<\/p>\n<p><img decoding=\"async\" title=\"How to Export Icons in Illustrator for Premiere Pro and After Effects \u2014 Import Multiple Layers\" src=\"\/wp-content\/uploads\/replace\/c6468676fbeee9adc51319a532ec4e66.jpeg\" alt=\"How to Export Icons in Illustrator for Premiere Pro and After Effects \u2014 Import Multiple Layers\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we\u2019ll take a look at the workflow\u00a0to export an icon from Adobe Illustrator for use in Premiere Pro and After Effects. If you\u2019ve ever purchased a set of vector icons\u00a0to use in a video, you may have&#8230;<\/p>\n","protected":false},"author":1,"featured_media":652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,1],"tags":[],"_links":{"self":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts\/195"}],"collection":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/comments?post=195"}],"version-history":[{"count":4,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts\/195\/revisions"}],"predecessor-version":[{"id":653,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/posts\/195\/revisions\/653"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/media\/652"}],"wp:attachment":[{"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/media?parent=195"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/categories?post=195"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tutorialpremiere.com\/index.php\/wp-json\/wp\/v2\/tags?post=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}