{"id":86402,"date":"2017-02-08T12:10:22","date_gmt":"2017-02-08T18:10:22","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=86402"},"modified":"2018-11-04T23:33:20","modified_gmt":"2018-11-05T05:33:20","slug":"create-animated-icons-for-explainer-videos-in-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/","title":{"rendered":"Create Animated Icons for Explainer Videos in After Effects"},"content":{"rendered":"<h2 id=\"learn-how-to-design-and-create-animated-icons-for-your-corporate-explainer-videos-without-ever-having-to-leave-after-effects\">Learn how to design and create\u00a0animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.<\/h2>\n<p>Whether you are a <strong>video producer<\/strong> or <strong>motion graphic designer<\/strong>, if you work directly with clients, it may be necessary to\u00a0display\u00a0information like <strong>statistics<\/strong>\u00a0or other forms of data. <strong>Animated icons<\/strong> can help <strong>spruce up your video<\/strong> and help limit the amount of words you may need to use to explain an idea. If used correctly,<strong> animated icons can be great for visual corporate storytelling.<\/strong><\/p>\n<p>This\u00a0<strong>After Effects<\/strong> tutorial will cover the basics of conceptualizing <strong>icon design<\/strong>, how to\u00a0<strong>create icons with shape layers<\/strong> inside of <strong>After Effects<\/strong>, and how to <strong>use shape layer parameters to animate an icon.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-86736 size-full\" title=\"Create Animated Icons for Explainer Videos in After Effects\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/ICONS.jpg\" alt=\"Create Animated Icons for Explainer Videos in After Effects\" width=\"755\" height=\"401\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg?resize=359,191 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/ICONS.jpg?resize=150,80 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><br \/>\n<em>Image:\u00a0<a href=\"https:\/\/www.shutterstock.com\/g\/PureSolution\" target=\"_blank\" data-wpel-link=\"external\">PureSolution&#8217;s<\/a>\u00a0Set Web Icons Business\u00a0Finance Communication pack,\u00a0available on\u00a0<a href=\"https:\/\/www.shutterstock.com\/image-vector\/set-web-icons-business-finance-communication-133801217?src=vpWPiGlJXu8FlECnE6fMYw-1-2\" target=\"_blank\" data-wpel-link=\"external\">ShutterStock.com<\/a>.<\/em><\/p>\n<p>Here&#8217;s what you&#8217;ll take away from this exciting <strong>Animated Icon After Effects<\/strong> tutorial:<\/p>\n<ul>\n<li>How to conceptualize an icon design for your project<\/li>\n<li>Design an icon using shape layers<\/li>\n<li>Animate Icons with shape layer parameters<\/li>\n<\/ul>\n<p>Be sure to do your <strong>research<\/strong> to ensure your <strong>icon design and animation<\/strong> makes sense for the type of work you are doing.<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/mfzQkVVdqus?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<h3 id=\"download-the-free-assets\">Download the Free Assets<\/h3>\n<p>Download the free project file used in this tutorial by simply clicking on the button below. <strong>This project file is free for you to use, but please do not distribute without permission.<\/strong><\/p>\n<h4 id=\"download-free-animated-icon-template-for-after-effects\" style=\"text-align: center;\"><a class=\"bt bt-big\" title=\"Free Animated Icons for After Effects\" href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/01\/Explainer-Icons-CS6.zip\" target=\"_blank\" data-wpel-link=\"internal\">DOWNLOAD FREE ANIMATED ICON TEMPLATE FOR AFTER EFFECTS<\/a><\/h4>\n<h3 id=\"time-saving-advice-for-design-icons\">Time-Saving Advice for Design Icons<\/h3>\n<p>There are a multitude\u00a0of\u00a0<strong>designs<\/strong> for every type of icon you can think of. For example, if you are looking to design a <strong>cellphone icon,<\/strong> you could design it hundreds of different ways. So how do you focus your efforts?<\/p>\n<p>It&#8217;s best to search for the type of <strong>icon<\/strong> you want to create before you get to work. Find an icon you already like (instead of creating something you may not like), take note of what works about the design, and put your own <strong>unique creative<\/strong> touch on it.<\/p>\n<p>Places like <a href=\"https:\/\/www.shutterstock.com\" data-wpel-link=\"external\" target=\"_blank\">Shutterstock.com<\/a>\u00a0can be a great place to get ideas when looking for icon designs for your videos. The<a href=\"https:\/\/www.shutterstock.com\/search\/icons\" data-wpel-link=\"external\" target=\"_blank\"> ShutterStock icon library<\/a>\u00a0contains endless examples of icon designs. If you are dealing with time constraints, purchasing <strong>vector icons<\/strong> can be a huge time saver. Having a\u00a0<strong>vector icon pack<\/strong> in your personal library will allow you to skip the icon design step. With a little bit of\u00a0Adobe Illustrator knowledge, you can copy the vector paths inside of Illustrator and paste them directly into shape layer paths in\u00a0<strong>After Effects<\/strong>. We will post that workflow in a future video.<\/p>\n<p><strong>How do you approach animated icon design?<\/strong> Share your tips in the comments below!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.<\/p>\n","protected":false},"author":100,"featured_media":86526,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[30,3291,92],"tags":[5375,80,467,60],"class_list":["post-class-post-86402","post-class-post","post-class-type-post","post-class-status-publish","post-class-format-standard","post-class-has-post-thumbnail","post-class-hentry","post-class-category-after-effects","post-class-category-motion-graphics-2","post-class-category-video-tutorials-2","post-class-tag-after-effects","post-class-tag-motion-design","post-class-tag-motion-graphics","post-class-tag-video-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Animated Icons for Explainer Videos in After Effects<\/title>\n<meta name=\"description\" content=\"Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Animated Icons for Explainer Videos in After Effects\" \/>\n<meta property=\"og:description\" content=\"Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:published_time\" content=\"2017-02-08T18:10:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-05T05:33:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2017\/02\/02160037\/Animated-Icons.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joshua Noel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joshua Noel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/\"},\"author\":{\"name\":\"Joshua Noel\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\"},\"headline\":\"Create Animated Icons for Explainer Videos in After Effects\",\"datePublished\":\"2017-02-08T18:10:22+00:00\",\"dateModified\":\"2018-11-05T05:33:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/\"},\"wordCount\":464,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons.jpg\",\"keywords\":[\"After Effects\",\"motion design\",\"motion graphics\",\"video tutorials\"],\"articleSection\":[\"After Effects\",\"Motion Graphics\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#respond\"]}],\"copyrightYear\":\"2017\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/\",\"name\":\"Create Animated Icons for Explainer Videos in After Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons.jpg\",\"datePublished\":\"2017-02-08T18:10:22+00:00\",\"dateModified\":\"2018-11-05T05:33:20+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\"},\"description\":\"Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons.jpg\",\"width\":1000,\"height\":584,\"caption\":\"Create Animated Icons for Explainer Videos in After Effects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-icons-for-explainer-videos-in-after-effects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"After Effects\",\"item\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/category\\\/after-effects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Create Animated Icons for Explainer Videos in After Effects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/\",\"name\":\"The Beat: A Blog by PremiumBeat\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\",\"name\":\"Joshua Noel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fbef9da62c7395d81c635973ba4d0d566a036fec424edb847eff831b8df4c56e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fbef9da62c7395d81c635973ba4d0d566a036fec424edb847eff831b8df4c56e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fbef9da62c7395d81c635973ba4d0d566a036fec424edb847eff831b8df4c56e?s=96&d=mm&r=g\",\"caption\":\"Joshua Noel\"},\"description\":\"Joshua Noel has a broad range of knowledge and skills in the world of digital design platforms. With 8 years experience in the fields of animation and video production, Josh hopes to share his experiences and help aspiring digital artists create amazing work.\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/author\\\/joshuanoel\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Animated Icons for Explainer Videos in After Effects","description":"Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.","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:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"Create Animated Icons for Explainer Videos in After Effects","og_description":"Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.","og_url":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2017-02-08T18:10:22+00:00","article_modified_time":"2018-11-05T05:33:20+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2017\/02\/02160037\/Animated-Icons.jpg","type":"image\/jpeg"}],"author":"Joshua Noel","twitter_card":"summary_large_image","twitter_creator":"@Premiumbeat","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Joshua Noel","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/"},"author":{"name":"Joshua Noel","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b"},"headline":"Create Animated Icons for Explainer Videos in After Effects","datePublished":"2017-02-08T18:10:22+00:00","dateModified":"2018-11-05T05:33:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/"},"wordCount":464,"commentCount":0,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons.jpg","keywords":["After Effects","motion design","motion graphics","video tutorials"],"articleSection":["After Effects","Motion Graphics","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#respond"]}],"copyrightYear":"2017","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/","name":"Create Animated Icons for Explainer Videos in After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons.jpg","datePublished":"2017-02-08T18:10:22+00:00","dateModified":"2018-11-05T05:33:20+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b"},"description":"Learn how to design and create animated icons for your corporate explainer videos \u2014 without ever having to leave After Effects.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons.jpg","width":1000,"height":584,"caption":"Create Animated Icons for Explainer Videos in After Effects"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-icons-for-explainer-videos-in-after-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.premiumbeat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"After Effects","item":"https:\/\/www.premiumbeat.com\/blog\/category\/after-effects\/"},{"@type":"ListItem","position":3,"name":"Create Animated Icons for Explainer Videos in After Effects"}]},{"@type":"WebSite","@id":"https:\/\/www.premiumbeat.com\/blog\/#website","url":"https:\/\/www.premiumbeat.com\/blog\/","name":"The Beat: A Blog by PremiumBeat","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.premiumbeat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b","name":"Joshua Noel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/fbef9da62c7395d81c635973ba4d0d566a036fec424edb847eff831b8df4c56e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fbef9da62c7395d81c635973ba4d0d566a036fec424edb847eff831b8df4c56e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fbef9da62c7395d81c635973ba4d0d566a036fec424edb847eff831b8df4c56e?s=96&d=mm&r=g","caption":"Joshua Noel"},"description":"Joshua Noel has a broad range of knowledge and skills in the world of digital design platforms. With 8 years experience in the fields of animation and video production, Josh hopes to share his experiences and help aspiring digital artists create amazing work.","url":"https:\/\/www.premiumbeat.com\/blog\/author\/joshuanoel\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-mtA","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/86402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=86402"}],"version-history":[{"count":22,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/86402\/revisions"}],"predecessor-version":[{"id":106701,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/86402\/revisions\/106701"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/86526"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=86402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=86402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=86402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}