{"id":101328,"date":"2018-04-25T06:00:45","date_gmt":"2018-04-25T11:00:45","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=101328"},"modified":"2018-04-24T10:38:22","modified_gmt":"2018-04-24T15:38:22","slug":"create-animated-website-presentation","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/","title":{"rendered":"Create An Animated Website Presentation Using After Effects"},"content":{"rendered":"<h2 id=\"in-this-video-tutorial-learn-how-you-can-capture-and-animate-a-website-presentation-for-your-projects-using-adobe-after-effects\">In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe After Effects.<\/h2>\n<p>Whether you are a video editor or a motion graphics artist, at some point, you may need to display a website\u00a0in a video project. A simple way to\u00a0do this is to video-capture the website while scrolling\u00a0through it. However, the scrolling may\u00a0look jumpy when you scroll down an entire web page. Plus, you&#8217;ll have to download video-capture software to record the screen. If you want the best quality and the most control, this After Effects tutorial has you covered!<\/p>\n<p><a href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/web-presentation.jpg\" target=\"_blank\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-101387\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/web-presentation.jpg\" alt=\"\" width=\"755\" height=\"441\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=300,175 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=768,449 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=277,162 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=359,210 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=543,317 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=865,505 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=994,580 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=560,327 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/web-presentation.jpg?resize=150,88 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/a><\/p>\n<p>To create a smooth scroll effect with complete control over your website animation, take screenshots of each portion of the web page and composite them together in After Effects. This approach\u00a0yields the best results and gives you the option to design your website presentation however you want it.<\/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\/alDFBPGklPE?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<hr \/>\n<h3 id=\"what-to-take-away-from-this-tutorial\">What\u00a0to Take Away from This Tutorial<\/h3>\n<p>Learn how to stitch together your website screenshots and animate them to create a smooth scroll effect. Furthermore, you\u2019ll also learn how to create callout titles and add information to your presentation. Beyond the basics, this After Effects tutorial takes a close look\u00a0at 3D animation and how to animate the website\u00a0however you like.<\/p>\n<p>Here are a few of the main takeaways from this After Effects tutorial:<\/p>\n<ul>\n<li>Composite your website together using multiple screenshots.<\/li>\n<li>Animate your presentation in 3D space with rotation.<\/li>\n<li>Create titles that animate with your scrolling website.<\/li>\n<\/ul>\n<hr \/>\n<p>If you&#8217;re looking for an amazing, ready-to-go website presentation, check out <a href=\"https:\/\/www.rocketstock.com\/shop\/search\/header\/\" target=\"_blank\" data-wpel-link=\"external\">Header<\/a>\u00a0at\u00a0<a href=\"https:\/\/www.rocketstock.com\" target=\"_blank\" data-wpel-link=\"external\">RocketStock.com<\/a>.<\/p>\n<p>https:\/\/vimeo.com\/137993204<\/p>\n<hr \/>\n<p>Looking for more on After Effects? Check out these tutorials:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">Video Tutorial: Animate a 2D Mobile Device with After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/understanding-keyframe-interpolation-after-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">Understanding Keyframe Interpolation in Adobe After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/create-simple-background-after-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">5 Ways To Create A Background in After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/create-shootout-scene-after-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">Create A Shootout Scene In After Effects + Free Muzzle Flashes and Sparks<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/video-tutorial-360-footage-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">Video Tutorial: How to Stitch 360 Footage in After Effects<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe After Effects.<\/p>\n","protected":false},"author":100,"featured_media":101385,"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,39,92],"tags":[177,649,5375,755,80,467,51,31,153,5376,472],"class_list":["post-class-post-101328","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-editing","post-class-category-video-tutorials-2","post-class-tag-adobe","post-class-tag-adobe-after-effects","post-class-tag-after-effects","post-class-tag-animation","post-class-tag-motion-design","post-class-tag-motion-graphics","post-class-tag-post-production","post-class-tag-tutorial","post-class-tag-tutorials-2","post-class-tag-video-editing","post-class-tag-video-production"],"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 An Animated Website Presentation Using After Effects<\/title>\n<meta name=\"description\" content=\"In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe 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-website-presentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create An Animated Website Presentation Using After Effects\" \/>\n<meta property=\"og:description\" content=\"In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe After Effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/\" \/>\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=\"2018-04-25T11:00:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2018\/04\/24093136\/animate-web.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-website-presentation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/\"},\"author\":{\"name\":\"Joshua Noel\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\"},\"headline\":\"Create An Animated Website Presentation Using After Effects\",\"datePublished\":\"2018-04-25T11:00:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/\"},\"wordCount\":339,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/animate-web.jpg\",\"keywords\":[\"Adobe\",\"Adobe After Effects\",\"After Effects\",\"animation\",\"motion design\",\"motion graphics\",\"Post Production\",\"tutorial\",\"tutorials\",\"Video Editing\",\"video production\"],\"articleSection\":[\"After Effects\",\"Motion Graphics\",\"Video Editing\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#respond\"]}],\"copyrightYear\":\"2018\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/\",\"name\":\"Create An Animated Website Presentation Using After Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/animate-web.jpg\",\"datePublished\":\"2018-04-25T11:00:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\"},\"description\":\"In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe After Effects.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/animate-web.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/animate-web.jpg\",\"width\":1000,\"height\":584,\"caption\":\"Create An Animated Website Presentation Using After Effects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-website-presentation\\\/#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 An Animated Website Presentation Using 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 An Animated Website Presentation Using After Effects","description":"In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe 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-website-presentation\/","og_locale":"en_US","og_type":"article","og_title":"Create An Animated Website Presentation Using After Effects","og_description":"In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe After Effects.","og_url":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2018-04-25T11:00:45+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2018\/04\/24093136\/animate-web.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-website-presentation\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/"},"author":{"name":"Joshua Noel","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b"},"headline":"Create An Animated Website Presentation Using After Effects","datePublished":"2018-04-25T11:00:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/"},"wordCount":339,"commentCount":0,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/animate-web.jpg","keywords":["Adobe","Adobe After Effects","After Effects","animation","motion design","motion graphics","Post Production","tutorial","tutorials","Video Editing","video production"],"articleSection":["After Effects","Motion Graphics","Video Editing","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#respond"]}],"copyrightYear":"2018","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/","url":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/","name":"Create An Animated Website Presentation Using After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/animate-web.jpg","datePublished":"2018-04-25T11:00:45+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b"},"description":"In this video tutorial, learn how you can capture and animate a website presentation for your projects using Adobe After Effects.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/animate-web.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/animate-web.jpg","width":1000,"height":584,"caption":"Create An Animated Website Presentation Using After Effects"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-website-presentation\/#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 An Animated Website Presentation Using 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\/2018\/04\/animate-web.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-qmk","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/101328","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=101328"}],"version-history":[{"count":7,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/101328\/revisions"}],"predecessor-version":[{"id":101380,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/101328\/revisions\/101380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/101385"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=101328"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=101328"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=101328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}