{"id":141873,"date":"2020-11-17T10:40:35","date_gmt":"2020-11-17T16:40:35","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=141873"},"modified":"2020-11-17T10:36:13","modified_gmt":"2020-11-17T16:36:13","slug":"wiggle-expression-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/","title":{"rendered":"The Wiggle Expression: Creating Movement in After Effects"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"h-in-after-effects-use-the-wiggle-expression-to-create-random-movement-by-modifying-numbers-not-keyframes\"><span id=\"in-after-effects-use-the-wiggle-expression-to-create-random-movement-by-modifying-numbers-not-keyframes\">In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.<\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sometimes, our animation lacks character or feels a little lifeless. What would fix the issue is a slight bit of movement. The problem is, it&#8217;s tedious to manually set the keyframes for a continuous line of small adjustments, as you need to alter the properties every few frames and with no real consistency to keep the movement organic.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To work around this tedious task, follow the tutorial below to learn how to use the wiggle expression to remove the tedious nature of this incremental movement.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<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\/7DFkRVXifdE?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>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-what-does-the-wiggle-expression-do\"><span id=\"what-does-the-wiggle-expression-do\">What Does the Wiggle Expression Do?<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, before we look at what the wiggle expression does, we must ask: <em>What is an expression?<\/em> An expression is a piece of JavaScript code that you can insert into the animated properties of your media.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, unlike a script, which tells the application to do something, an expression will inform the individual property to do something. For example, this script tells the application (the application being After Effects) to position the anchor point of this layer to the center, the right, or the top.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/script-example-1.jpg\" alt=\"After Effects: Script Example\" class=\"wp-image-142309\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/script-example-1.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>An example of a script\u2014not an expression.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">With that covered, what about in the case of the wiggle expression? With a wiggle, we&#8217;re instructing the property, whether the scale, opacity, or position, to wiggle within the set parameters. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a lot faster than tediously animating the media item back and forth, or continually lowering the opacity or scale. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Wiggle-Examples.gif\" alt=\"After Effects: Wiggle Examples\" class=\"wp-image-142293\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As noted in the examples above, although the wiggle expression is usually applied to an object&#8217;s position, there are numerous applications for the wiggle expression. If you&#8217;re emulating the light flicker from a candle using a solid color and adjusting its opacity, the wiggle expression is perfect for replicating the sporadic nature of a flickering flame. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While the language is based on the JavaScript language, you don&#8217;t need to know JavaScript to get started with expressions. I have numerous expressions tucked away in my head, and haven&#8217;t the faintest idea about JavaScript.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-add-a-wiggle-expression-in-after-effects\"><span id=\"how-to-add-a-wiggle-expression-in-after-effects\">How to Add a Wiggle Expression in After Effects<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To show how a wiggle expression is added, I&#8217;ve created an end card that we\u2019re going to pretend appears at the end of a recycling commercial. In the composition, we have a 3D camera moving upward with a visible parallax between the foreground and the mountains. We have the clouds moving in the background, and then a 3D push in. It looks quite nice. But this &#8220;YES!&#8221; to recycling is slightly boring. I think a wiggle to the position would be the perfect expression to give it more life.&nbsp;&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Landscape-Gif.gif\" alt=\"After Effects: 3D Composition\" class=\"wp-image-142290\"\/><figcaption><em>Background image via <a href=\"https:\/\/www.shutterstock.com\/image-vector\/green-nature-forest-landscape-scenery-banner-1076394827\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Man as Thep<\/a>.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To do this, we&#8217;re going to select the <strong>YES layer<\/strong> and hit <strong>P<\/strong> to open the <strong>Position Transform<\/strong> properties.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hit <strong>Alt<\/strong> (PC) or <strong>Option<\/strong> (Mac) and <strong>click<\/strong> on the <strong>stopwatch<\/strong> to create the expression. The text turns <strong>red<\/strong>, telling you there&#8217;s an expression applied.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Type <strong>wiggle<\/strong>, <strong>open bracket<\/strong>, then the <strong>first number<\/strong> (which is the frequency of the movement), so <strong>2<\/strong> would be two movements per second, <strong>comma<\/strong>, then <strong>50<\/strong> (which is the amplitude of the movement), and <strong>close bracket<\/strong>. So, this expression reads that it\u2019s going to wiggle 50 pixels on the x &amp; y-axis twice a second.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Landscape-with-wiggle.gif\" alt=\"After Effects: Wiggle Expression Applied\" class=\"wp-image-142291\"\/><figcaption><em>Background image via <a href=\"https:\/\/www.shutterstock.com\/image-vector\/green-nature-forest-landscape-scenery-banner-1076394827\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Man As Thep<\/a>.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So, let me break that down. The first number is how many times a second, the second is the amount of pixel movement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg\" alt=\"After Effects: Modify Wiggle\" class=\"wp-image-142318\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/wiggle-1.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Change the numbers to modify the wiggle.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to modify the wiggle, change the numbers. If we had done this with keyframes, every time the client wanted changes, we&#8217;d have to change the keyframes. Not fun!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And, this can be done on several properties. We could wiggle the opacity and, instead of the amount of pixel movement, it&#8217;ll be the level of transparency\u2014the same for scale and so on.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-keyframe-a-wiggle-expression\"><span id=\"how-to-keyframe-a-wiggle-expression\">How to Keyframe a Wiggle Expression<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">While the wiggle, for the most part, is uncontrollable as its movement will repeat the motion until otherwise instructed, we can add some personalized wiggle movement with keyframes. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this, you want to <strong>open the property<\/strong> with the wiggle expression (in our case, the position), <strong>right-click<\/strong>, and select <strong>Convert Expression to Keyframes<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg\" alt=\"After Effects: Convert Expression to Keyframes\" class=\"wp-image-142323\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Convert-Expression-to-Keyframe1.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>After opening the property, select <strong>Convert Expression to Keyframes<\/strong>.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now the expression is laid out as a series of keyframes, allowing you to adjust the position for specific areas and allowing you to stop and start the expression as you see fit.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg\" alt=\"After Effects: Expression Example\" class=\"wp-image-142328\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Expression-Example-2.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Now you can adjust the position as you see fit.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, stopping and starting an expression like this isn&#8217;t an elegant way of doing so. Let&#8217;s look at a more refined process that allows you to adjust the speed at which the wiggle operates.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-to-stop-an-expression-and-change-an-expression-s-speed\"><span id=\"how-to-stop-an-expression-and-change-an-expressions-speed\">How to Stop an Expression and Change an Expression&#8217;s Speed<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A common technique is to add an expression control to a null layer. This means we&#8217;ll be operating the parameters through the null layer and not the layer the expression is on. While this seems convoluted, it\u2019s more efficient when working with multiple expressions that you need synced to a single host.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, in our pretend example, we\u2019re going to say that the client wants the area of movement to increase over the few seconds the &#8220;Yes!&#8221; is on screen, so we need to gradually increase the amplitude.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this, we need to first <strong>add a null object<\/strong>. Then apply the effect <strong>Sliders Control<\/strong> to the null. This can be found in the <strong>Expressions Controls<\/strong> category.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg\" alt=\"After Effects: Slider Control Effect\" class=\"wp-image-142332\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Slider-Control-Null2.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Begin by adding a null object, then apply the Sliders Control effect.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the <strong>wiggle control layer<\/strong> in the timeline, and type <strong>E<\/strong> to reveal the <strong>Slider Control<\/strong> effect. Click the <strong>triangle<\/strong> for Slider Control to see the stopwatch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the <strong>wiggle text expression<\/strong> and select just the <strong>5<\/strong>. With the 5 selected, click on the <strong>pick whip<\/strong> and drag the pick whip to the <strong>Slider stopwatch<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"755\" height=\"400\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg\" alt=\"After Effects: Pick Whip\" class=\"wp-image-142337\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg 755w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg?resize=300,159 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg?resize=277,147 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg?resize=359,190 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg?resize=543,288 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg?resize=560,297 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2020\/11\/Null-Object1.jpg?resize=150,79 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><figcaption><em>Now drag the pick whip to the Slider stopwatch.<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The Slider is now controlling how much movement there is for the expression, or in better terms, the wiggle&#8217;s amplitude. <strong>Click the stopwatch<\/strong> to create a keyframe at the beginning, then <strong>move the playhead<\/strong> further in time and <strong>change the amount<\/strong> for the Slider to increase the wiggle.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Increase-to-50.gif\" alt=\"After Effects: Slider Control\" class=\"wp-image-142289\"\/><figcaption><em>Using the slider control, the wiggle increases in amplitude. <\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Using a null object in this manner allows you to specify where the wiggle is to start and also by how much.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-wiggling-one-dimension\"><span id=\"wiggling-one-dimension\">Wiggling One Dimension<\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">What if you want to wiggle just the x or y position? This expression is a little more complicated, but you don&#8217;t have to write it. Copy the code below and keep it handy for the next time you need to wiggle one axis. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wiggle only in x (horizontal):<\/strong> org=value; temp=wiggle (5,50); [temp[0],org[1]];<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Shorthand:<\/strong> [wiggle(5,50)[0],position[1]]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wiggle only in y (vertical):<\/strong> org=value; temp=wiggle (5,50); [org[0],temp[1]];<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Copy this text into your After Effects project and you\u2019re done!<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">For more on After Effects, check out the articles below<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.premiumbeat.com\/blog\/create-3d-shapes-with-newton-3s-2d-physic-simulator\/\" target=\"_blank\" data-wpel-link=\"internal\">How to Create 3D Shapes with Newton 3\u2019s 2D Physic Simulator<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.premiumbeat.com\/blog\/animate-individual-letters-in-after-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">How to Animate Individual Letters in Adobe After Effects<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.premiumbeat.com\/blog\/presets-vs-plug-ins-vs-scripts-vs-templates-vs-expressions-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">After Effects: Presets vs Plugins vs Scripts vs Expressions vs Templates<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.premiumbeat.com\/blog\/use-ifelse-statements-effects\/\" target=\"_blank\" data-wpel-link=\"internal\">How to Write If\/Else Expressions in After Effects<\/a><\/li><li><a href=\"https:\/\/www.premiumbeat.com\/blog\/10-tips-for-creating-sci-fi-huds-in-after-effects\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"internal\">10 Practical Tips for Creating Sci-Fi HUDs in After Effects<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Cover background image via&nbsp;<a href=\"https:\/\/www.shutterstock.com\/image-vector\/green-nature-forest-landscape-scenery-banner-1076394827\" target=\"_blank\" rel=\"noreferrer noopener\" data-wpel-link=\"external\">Man As Thep<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.<\/p>\n","protected":false},"author":72,"featured_media":142342,"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":true,"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,21,39,583],"tags":[1494,5375,2316,1999],"class_list":["post-class-post-141873","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-tutorials","post-class-category-video-editing","post-class-category-video-production-2","post-class-tag-ae-wiggle","post-class-tag-after-effects","post-class-tag-after-effects-tutorial-2","post-class-tag-wiggle"],"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>The Wiggle Expression: Creating Movement in After Effects<\/title>\n<meta name=\"description\" content=\"In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.\" \/>\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\/wiggle-expression-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Wiggle Expression: Creating Movement in After Effects\" \/>\n<meta property=\"og:description\" content=\"In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-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:author\" content=\"http:\/\/www.facebook.com\/uglymcgregor\" \/>\n<meta property=\"article:published_time\" content=\"2020-11-17T16:40:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/11\/12101045\/Wiggle-Expression.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=\"Lewis McGregor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@lewismcgregor\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lewis McGregor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/\"},\"author\":{\"name\":\"Lewis McGregor\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/7a152cc21e9a209453f30a642d47bf67\"},\"headline\":\"The Wiggle Expression: Creating Movement in After Effects\",\"datePublished\":\"2020-11-17T16:40:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/\"},\"wordCount\":1258,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Wiggle-Expression.jpg\",\"keywords\":[\"AE wiggle\",\"After Effects\",\"After Effects Tutorial\",\"wiggle\"],\"articleSection\":[\"After Effects\",\"Tutorials\",\"Video Editing\",\"Video Production\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#respond\"]}],\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/\",\"name\":\"The Wiggle Expression: Creating Movement in After Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Wiggle-Expression.jpg\",\"datePublished\":\"2020-11-17T16:40:35+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/7a152cc21e9a209453f30a642d47bf67\"},\"description\":\"In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Wiggle-Expression.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/Wiggle-Expression.jpg\",\"width\":1000,\"height\":584,\"caption\":\"The Wiggle Expression: Creating Movement in After Effects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wiggle-expression-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\":\"The Wiggle Expression: Creating Movement 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\\\/7a152cc21e9a209453f30a642d47bf67\",\"name\":\"Lewis McGregor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g\",\"caption\":\"Lewis McGregor\"},\"description\":\"Lewis McGregor is a freelance filmmaker, a certified DaVinci Resolve trainer, and online content creator from Wales. His interests are firmly rooted in cinematography and the science of color. He first picked up a camera at the age of 15, and he hasn\u2019t put one down since. Along with freelance work, Lewis also runs Indie Tips, a filmmaking website focused towards new filmmakers.\",\"sameAs\":[\"http:\\\/\\\/www.indietips.com\",\"http:\\\/\\\/www.facebook.com\\\/uglymcgregor\",\"https:\\\/\\\/x.com\\\/lewismcgregor\"],\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/author\\\/lewismcgregor\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Wiggle Expression: Creating Movement in After Effects","description":"In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.","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\/wiggle-expression-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"The Wiggle Expression: Creating Movement in After Effects","og_description":"In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.","og_url":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_author":"http:\/\/www.facebook.com\/uglymcgregor","article_published_time":"2020-11-17T16:40:35+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2020\/11\/12101045\/Wiggle-Expression.jpg","type":"image\/jpeg"}],"author":"Lewis McGregor","twitter_card":"summary_large_image","twitter_creator":"@lewismcgregor","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Lewis McGregor","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/"},"author":{"name":"Lewis McGregor","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/7a152cc21e9a209453f30a642d47bf67"},"headline":"The Wiggle Expression: Creating Movement in After Effects","datePublished":"2020-11-17T16:40:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/"},"wordCount":1258,"commentCount":0,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Wiggle-Expression.jpg","keywords":["AE wiggle","After Effects","After Effects Tutorial","wiggle"],"articleSection":["After Effects","Tutorials","Video Editing","Video Production"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#respond"]}],"copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/","name":"The Wiggle Expression: Creating Movement in After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Wiggle-Expression.jpg","datePublished":"2020-11-17T16:40:35+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/7a152cc21e9a209453f30a642d47bf67"},"description":"In After Effects, use the wiggle expression to create random movement by modifying numbers, not keyframes.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-after-effects\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Wiggle-Expression.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Wiggle-Expression.jpg","width":1000,"height":584,"caption":"The Wiggle Expression: Creating Movement in After Effects"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/wiggle-expression-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":"The Wiggle Expression: Creating Movement 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\/7a152cc21e9a209453f30a642d47bf67","name":"Lewis McGregor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/de88e7e5980dc53d66134d79f539bfa0ddc177d52f458cce762afcf65fc69ab8?s=96&d=mm&r=g","caption":"Lewis McGregor"},"description":"Lewis McGregor is a freelance filmmaker, a certified DaVinci Resolve trainer, and online content creator from Wales. His interests are firmly rooted in cinematography and the science of color. He first picked up a camera at the age of 15, and he hasn\u2019t put one down since. Along with freelance work, Lewis also runs Indie Tips, a filmmaking website focused towards new filmmakers.","sameAs":["http:\/\/www.indietips.com","http:\/\/www.facebook.com\/uglymcgregor","https:\/\/x.com\/lewismcgregor"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/lewismcgregor\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2020\/11\/Wiggle-Expression.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-AUh","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/141873","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\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=141873"}],"version-history":[{"count":67,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/141873\/revisions"}],"predecessor-version":[{"id":142825,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/141873\/revisions\/142825"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/142342"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=141873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=141873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=141873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}