{"id":29750,"date":"2013-10-10T13:54:59","date_gmt":"2013-10-10T17:54:59","guid":{"rendered":"http:\/\/www.premiumbeat.com\/blog\/?p=29750"},"modified":"2013-10-10T13:54:59","modified_gmt":"2013-10-10T17:54:59","slug":"tutorial-after-effects-shape-array","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/","title":{"rendered":"Tutorial: After Effects Shape Array"},"content":{"rendered":"<h2 id=\"create-a-manual-array-of-shapes-or-icons-that-behaves-like-particles-but-with-finer-control-in-this-after-effects-tutorial-well-show-you-how\">Create a manual array of shapes or icons that behaves like particles, but with finer control. In this After Effects tutorial we&#8217;ll show you how.<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-29753\" title=\"Adobe After Effects\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/10\/adobe-after-effects-all-ver4.jpg\" alt=\"Adobe After Effects\" width=\"490\" height=\"58\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/adobe-after-effects-all-ver4.jpg 490w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/adobe-after-effects-all-ver4.jpg?resize=300,36 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/adobe-after-effects-all-ver4.jpg?resize=277,33 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/adobe-after-effects-all-ver4.jpg?resize=359,42 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/adobe-after-effects-all-ver4.jpg?resize=150,18 150w\" sizes=\"auto, (max-width: 490px) 100vw, 490px\" \/><\/p>\n<p>You can use <strong>particles in After Effects<\/strong> to create the random movement of shapes, lights or any design element. But what if you want more precise control of the &#8220;random&#8221; particle movement? That&#8217;s where the <strong>After Effects array technique<\/strong> in the following video tutorial comes in.<\/p>\n<p>We&#8217;ll create each element in the particle cloud (or array) individually. By using <strong>After Effects expressions<\/strong> we can give the elements in the array random movement, but still have the ability to keyframe and tweak the size and position of each. \u00a0Here&#8217;s the basic steps covered in this <strong>After Effects video tutorial<\/strong>:<\/p>\n<ul>\n<li>Create shape layers and enable 3D on each layer (instead of shape layers you could use image files, like icons).<\/li>\n<li>Create a null object and parent the shape layers to it.<\/li>\n<li>Write a wiggle expression to give the shape layer movement, then apply expression to all shape layers.<\/li>\n<li>Use an expression to scale the layers dynamically.<\/li>\n<li>Add a 3D camera and orient shape layers to it.<\/li>\n<li>Apply keyframes to shapes to take control of position\/scale.<\/li>\n<\/ul>\n<p>This technique can be applied to wide variety of <strong>After Effects<\/strong> projects and designs. How will YOU use it? Share in the comments below!<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/player.vimeo.com\/video\/76625162?title=0&amp;byline=0&amp;portrait=0\" frameborder=\"0\" width=\"500\" height=\"281\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we&#8217;ll demonstrate \u2026<\/p>\n","protected":false},"author":3,"featured_media":29755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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}},"categories":[30,92],"tags":[5375,2008,80,467,2009,51,2007,5376,844,60],"class_list":["post-class-post-29750","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-video-tutorials-2","post-class-tag-after-effects","post-class-tag-icons","post-class-tag-motion-design","post-class-tag-motion-graphics","post-class-tag-particles","post-class-tag-post-production","post-class-tag-shape-array","post-class-tag-video-editing","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 v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial: After Effects Shape Array - The Beat: A Blog by PremiumBeat<\/title>\n<meta name=\"description\" content=\"Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we&#039;ll demonstrate how to create a controllable shape array - useful for a wide variety of AE projects.\" \/>\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\/tutorial-after-effects-shape-array\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: After Effects Shape Array\" \/>\n<meta property=\"og:description\" content=\"Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we&#039;ll demonstrate how to create a controllable shape array - useful for a wide variety of AE projects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/\" \/>\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=\"2013-10-10T17:54:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/ae-cc1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"225\" \/>\n\t<meta property=\"og:image:height\" content=\"225\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Danny Greer\" \/>\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=\"Danny Greer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/\",\"name\":\"Tutorial: After Effects Shape Array - The Beat: A Blog by PremiumBeat\",\"isPartOf\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#website\"},\"datePublished\":\"2013-10-10T17:54:59+00:00\",\"dateModified\":\"2013-10-10T17:54:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0\"},\"description\":\"Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we'll demonstrate how to create a controllable shape array - useful for a wide variety of AE projects.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/#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\":\"Tutorial: After Effects Shape Array\"}]},{\"@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\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0\",\"name\":\"Danny Greer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g\",\"caption\":\"Danny Greer\"},\"description\":\"Danny is a seasoned video editor, blogger, website developer and has a passion for all things media and tech.\",\"url\":\"https:\/\/www.premiumbeat.com\/blog\/author\/dannygreer\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tutorial: After Effects Shape Array - The Beat: A Blog by PremiumBeat","description":"Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we'll demonstrate how to create a controllable shape array - useful for a wide variety of AE projects.","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\/tutorial-after-effects-shape-array\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial: After Effects Shape Array","og_description":"Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we'll demonstrate how to create a controllable shape array - useful for a wide variety of AE projects.","og_url":"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2013-10-10T17:54:59+00:00","og_image":[{"width":"225","height":"225","url":"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2013\/10\/ae-cc1.png","type":"image\/png"}],"author":"Danny Greer","twitter_card":"summary_large_image","twitter_creator":"@Premiumbeat","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Danny Greer","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/","url":"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/","name":"Tutorial: After Effects Shape Array - The Beat: A Blog by PremiumBeat","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"datePublished":"2013-10-10T17:54:59+00:00","dateModified":"2013-10-10T17:54:59+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0"},"description":"Create particle-like animations in After Effects by retain control over the scale and position of each element in the array. In this After Effects tutorial we'll demonstrate how to create a controllable shape array - useful for a wide variety of AE projects.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/tutorial-after-effects-shape-array\/#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":"Tutorial: After Effects Shape Array"}]},{"@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":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/6670bef6cec04f8d06053e82b555c1e0","name":"Danny Greer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55ff1a6bdf1f4e4f88ff449c9be74d6e71bd8f79f33ff880981ade6d6a2653af?s=96&d=mm&r=g","caption":"Danny Greer"},"description":"Danny is a seasoned video editor, blogger, website developer and has a passion for all things media and tech.","url":"https:\/\/www.premiumbeat.com\/blog\/author\/dannygreer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2013\/10\/ae-cc1.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-7JQ","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/29750","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=29750"}],"version-history":[{"count":3,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/29750\/revisions"}],"predecessor-version":[{"id":29757,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/29750\/revisions\/29757"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/29755"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=29750"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=29750"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=29750"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}