{"id":101179,"date":"2018-04-18T15:32:46","date_gmt":"2018-04-18T20:32:46","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=101179"},"modified":"2018-04-18T15:32:46","modified_gmt":"2018-04-18T20:32:46","slug":"animate-2d-mobile-device-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/","title":{"rendered":"Video Tutorial: Animate a 2D Mobile Device with After Effects"},"content":{"rendered":"<h2 id=\"in-this-video-tutorial-learn-how-you-can-use-motion-graphics-in-after-effects-to-animate-a-2d-mobile-device-using-your-own-ui-design\">In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.<\/h2>\n<p>Working on an animated 2D mobile\u00a0device project is quite common today\u00a0since most people spend a lot their time online\u00a0on a mobile device.\u00a0With that in mind,\u00a0you shouldn&#8217;t be surprised if your client wants to incorporate a mobile device into a project.\u00a0A 2D mobile device is a great way to create a strong call-to-action, as it tells viewers that they can use their phones to get in on the action. (In fact, they will more than likely be on their mobile device while watching your video.)<\/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\/NnuFEwkczOA?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<p>Any company\u00a0with a web presence or an app may need a commercial that showcases their product in the context of a mobile phone CTA. So, there are multiple ways to go about designing a mobile phone animation:<\/p>\n<ul>\n<li>The easy way: download a .PNG of a file and animate in the UI.<\/li>\n<li>The top of line way: create a 3D phone with realistic textures and accurate design.<\/li>\n<li>And the clean motion graphics way: use 2D layers to make a 3D phone.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-101181\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png\" alt=\"\" width=\"755\" height=\"425\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png 1920w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=300,169 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=768,432 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=1024,576 1024w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=1536,864 1536w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=277,156 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=359,202 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=543,305 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=865,487 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=994,559 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=560,315 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2018\/04\/1st.00_08_47_29.Still002.png?resize=150,84 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<hr \/>\n<h3 id=\"use-2d-layers-to-make-a-3d-phone\">Use 2D Layers to Make a 3D phone<\/h3>\n<p>In this After Effects tutorial, we\u2019ll create\u00a0a clean motion graphics mobile animation. We&#8217;ll use the rounded rectangle tool to create each side of the phone. From there, we will use strategic compositions to design the phone and the UI. Lastly, we will tie all of the layers together and animate the phone in 3D space.<\/p>\n<p>What you\u2019ll take away from this After Effects tutorial:<\/p>\n<ul>\n<li>Using 2D shape layers to create a 3D phone.<\/li>\n<li>Creating compositions to\u00a0build your UI.<\/li>\n<li>How to work in 3D space with cameras.<\/li>\n<li>How to use motion graphics to create a real object.<\/li>\n<\/ul>\n<hr \/>\n<h3 id=\"mobile-device-template\">Mobile Device Template<\/h3>\n<p>If you are looking for amazing, ready-to-go background mobile device animation, check out <a href=\"https:\/\/www.rocketstock.com\/after-effects-templates\/promos\/fast-forward\/\" target=\"_blank\" data-wpel-link=\"external\">Fast Forward<\/a>\u00a0on <a href=\"https:\/\/www.rocketstock.com\" target=\"_blank\" data-wpel-link=\"external\">RocketStock.com<\/a>.<\/p>\n<p>https:\/\/vimeo.com\/121389664<\/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\/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\/video-tutorial-360-footage-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">Video Tutorial: How to Stitch 360 Footage in After Effects<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/export-illustrator-icons-premiere-ae\/\" target=\"_blank\" data-wpel-link=\"internal\">How to Export Illustrator Icons to Use in After Effects and Premiere Pro<\/a><\/li>\n<li><a href=\"https:\/\/www.premiumbeat.com\/blog\/tutorial-loop-animation-adobe-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">Video Tutorial: How to Loop an Animation in Adobe After Effects<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.<\/p>\n","protected":false},"author":100,"featured_media":101180,"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":[177,649,5375,755,80,467,51,31,472,844,60],"class_list":["post-class-post-101179","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-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-video-production","post-class-tag-video-tutorial","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>Video Tutorial: Animate a 2D Mobile Device with After Effects<\/title>\n<meta name=\"description\" content=\"In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.\" \/>\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\/animate-2d-mobile-device-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Tutorial: Animate a 2D Mobile Device with After Effects\" \/>\n<meta property=\"og:description\" content=\"In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-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=\"2018-04-18T20:32:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2018\/04\/15191958\/THumbnail.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\\\/animate-2d-mobile-device-after-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/\"},\"author\":{\"name\":\"Joshua Noel\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\"},\"headline\":\"Video Tutorial: Animate a 2D Mobile Device with After Effects\",\"datePublished\":\"2018-04-18T20:32:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/\"},\"wordCount\":405,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/THumbnail.jpg\",\"keywords\":[\"Adobe\",\"Adobe After Effects\",\"After Effects\",\"animation\",\"motion design\",\"motion graphics\",\"Post Production\",\"tutorial\",\"video production\",\"video tutorial\",\"video tutorials\"],\"articleSection\":[\"After Effects\",\"Motion Graphics\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/#respond\"]}],\"copyrightYear\":\"2018\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/\",\"name\":\"Video Tutorial: Animate a 2D Mobile Device with After Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/THumbnail.jpg\",\"datePublished\":\"2018-04-18T20:32:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/f63ad3b253baba76ad26431186d62d6b\"},\"description\":\"In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/THumbnail.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/THumbnail.jpg\",\"width\":1000,\"height\":584,\"caption\":\"Video Tutorial: Animate a 2D Mobile Device with After Effects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/animate-2d-mobile-device-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\":\"Video Tutorial: Animate a 2D Mobile Device with 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":"Video Tutorial: Animate a 2D Mobile Device with After Effects","description":"In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.","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\/animate-2d-mobile-device-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"Video Tutorial: Animate a 2D Mobile Device with After Effects","og_description":"In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.","og_url":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2018-04-18T20:32:46+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2018\/04\/15191958\/THumbnail.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\/animate-2d-mobile-device-after-effects\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/"},"author":{"name":"Joshua Noel","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b"},"headline":"Video Tutorial: Animate a 2D Mobile Device with After Effects","datePublished":"2018-04-18T20:32:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/"},"wordCount":405,"commentCount":0,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/THumbnail.jpg","keywords":["Adobe","Adobe After Effects","After Effects","animation","motion design","motion graphics","Post Production","tutorial","video production","video tutorial","video tutorials"],"articleSection":["After Effects","Motion Graphics","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/#respond"]}],"copyrightYear":"2018","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/","name":"Video Tutorial: Animate a 2D Mobile Device with After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/THumbnail.jpg","datePublished":"2018-04-18T20:32:46+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/f63ad3b253baba76ad26431186d62d6b"},"description":"In this video tutorial, learn how you can use motion graphics in After Effects to animate a 2D mobile device using your own UI design.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-after-effects\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/THumbnail.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2018\/04\/THumbnail.jpg","width":1000,"height":584,"caption":"Video Tutorial: Animate a 2D Mobile Device with After Effects"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/animate-2d-mobile-device-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":"Video Tutorial: Animate a 2D Mobile Device with 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\/THumbnail.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-qjV","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/101179","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=101179"}],"version-history":[{"count":6,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/101179\/revisions"}],"predecessor-version":[{"id":101248,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/101179\/revisions\/101248"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/101180"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=101179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=101179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=101179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}