{"id":87224,"date":"2017-03-14T07:00:31","date_gmt":"2017-03-14T12:00:31","guid":{"rendered":"https:\/\/www.premiumbeat.com\/blog\/?p=87224"},"modified":"2018-11-04T23:42:07","modified_gmt":"2018-11-05T05:42:07","slug":"create-animated-envelope-after-effects","status":"publish","type":"post","link":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/","title":{"rendered":"How to Create an Animated Envelope in After Effects"},"content":{"rendered":"<h2 id=\"learn-to-create-line-art-animation-for-your-videos-in-this-step-by-step-after-effects-tutorial\">Learn to create line art animation for your videos in this step-by-step After Effects tutorial.<\/h2>\n<p>Line art refers to a style that uses generally one color and one stroke weight. In this tutorial, we will create a<strong> line art envelope icon<\/strong> that animates on and off for use in looping gifs. Here\u2019s the finished product:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-87231\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Envelope.gif\" alt=\"animated-envelope\" width=\"640\" height=\"640\" \/><\/p>\n<p>You can watch the tutorial below.<\/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\/5vr5mTNSJMA?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<h3 id=\"download-free-animated-envelope-template\">Download Free Animated Envelope Template<\/h3>\n<p>Want to follow along with the tutorial? Simply download the free project file by hitting the button below.<\/p>\n<h4 id=\"download-free-animated-envelope-project-file-for-after-effects\" style=\"text-align: center;\"><a class=\"bt bt-big\" title=\"Free Sound Effects for Trailers\" href=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/03\/Envelope-Animation-CC-12.zip\" target=\"_blank\" data-wpel-link=\"internal\">DOWNLOAD FREE ANIMATED ENVELOPE PROJECT FILE FOR AFTER EFFECTS<\/a><\/h4>\n<p>&nbsp;<\/p>\n<h3 id=\"step-0\">Step 0<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87268\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 0\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 0\" width=\"755\" height=\"248\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=300,99 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=768,253 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=277,91 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=359,118 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=543,179 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=865,285 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=994,327 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=560,184 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-a-New-Composition.png?resize=150,49 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>Create a new composition. Since we\u2019re working with a <strong>.gif output<\/strong>, we don\u2019t need to adhere to any broadcast standards. For this piece, we\u2019re working with a 640 by 640 pixel composition size, 5 seconds long, at 29.97 frames per second.<\/p>\n<h3 id=\"step-1\">Step 1<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87266\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 2\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 1\" width=\"755\" height=\"321\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=300,128 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=768,326 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=277,118 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=359,153 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=543,231 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=865,368 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=994,422 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=560,238 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Create-New-White-Solid.png?resize=150,64 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>Make a new white solid to serve as your background.<\/p>\n<h3 id=\"step-2\">Step 2<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87265\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 2\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Circle.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 2\" width=\"755\" height=\"310\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=300,123 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=768,316 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=277,114 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=359,148 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=543,223 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=865,356 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=994,409 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=560,230 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Circle.png?resize=150,62 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>The next step is to get the circle in place. Double click on the <strong>Ellipse Tool<\/strong> and change the fill to none and the stroke to 10px, then <strong>pick a dark color for the line<\/strong>. This will draw a circle the same size as your composition, which in this case is 640 by 640. Twirl into the shape layer to access the contents and <strong>change the size of the ellipse to 450 by 450<\/strong>. A circle is a nice, clean way to frame our icon, and it sets up an easy exit at the end of the animation when it swallows the icon.<\/p>\n<p>To animate on the circle, we use the trim paths. <strong>Add a trim path<\/strong> to the ellipse group and keyframe both the end and offset property. The end should start at 0% and animate on to 100% in 1 second. At the same time, the offset should <strong>animate from 30 degrees to 90 degrees<\/strong>.<\/p>\n<p>Finally you will want to use <strong>round caps and round joins<\/strong> on the stroke of your circle. Throughout this tutorial, all strokes should be 10 pixels thick with round caps and joins.<\/p>\n<h3 id=\"step-3\">Step 3<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87264\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 3\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 3\" width=\"755\" height=\"305\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=300,121 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=768,310 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=277,112 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=359,145 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=543,219 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=865,349 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=994,402 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=560,226 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Rectangle-Animation.png?resize=150,61 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>Now we\u00a0need an envelope. This begins with a rectangle. You can <strong>double click on the rectangle tool<\/strong> with nothing selected to produce a rectangle the same size as your composition and then edit the details by twirling down into the contents of the new layer. This rectangle should have a <strong>white fill<\/strong>, the same color as your background, and a black stroke, the same color as your circle. This project will use only these two colors. You should also match the <strong>stroke of the circle in thickness and roundness<\/strong>. Change the size of the envelope to 300 by 175 pixels.<\/p>\n<p>We animate this layer on by adding trim paths, and instead of animating the end of the path from 0 to 100, we <strong>animate both the start and end from 50 to 0 for the start and 100 for the end<\/strong>. This trims\u00a0the path to write on from the middle outward. This should produce a line that writes on from corner to corner.<\/p>\n<p>You will want to <strong>easy ease the first keyframes<\/strong>, but leave the last one linear so the animation starts slowly and accelerates to a constant speed by the time the animation has completed.<\/p>\n<h3 id=\"step-4\">Step 4<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87262\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 4\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 4\" width=\"755\" height=\"322\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=300,128 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=768,328 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=277,118 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=359,153 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=543,232 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=865,369 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=994,424 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=560,239 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Top-of-the-Envelope.png?resize=150,64 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>That leads us to the next section, where we animate on the <strong>flap of the envelope<\/strong>. We create the flap by duplicating the \u201cenvelope back\u201d layer and converting the rectangle path to points. It is also best to parent the flap to the back and position the envelope lower so that when the flap opens, the image is balanced.<\/p>\n<p>This will allow us to remove one of the points and move another to form a triangle. I recommend using the grid to line up the middle point exactly in a predictable position. We can <strong>remove the keyframes for the start of the trim paths<\/strong> and only use the end property to animate on the flap from 0 to 100. This should begin one frame before the \u201cenvelope back\u201d completes\u00a0and end around 20 seconds in. You will want to change the <strong>first keyframe to linear and the last to eased<\/strong>. This will create a smooth transition and the illusion that the envelope and the flap share the same back line.<\/p>\n<p>Now you\u2019ll likely notice the fill of the flap is making an ugly little overhang. You can <strong>keyframe the opacity of the file<\/strong> so that it is not visible before the animation completes. Once the trim paths is finished\u00a0writing on the flap, you can set the opacity to 100. <strong>Set these keyframes to be hold keyframes<\/strong> if you like or just situate them right against each other.<\/p>\n<p>Finally, we need this flap to open. To do this, we will <strong>simple keyframe the path<\/strong>. Twirl into the contents of the shape and keyframe the path. The start state should be flap-down. The end state should be the open\u00a0envelope. Just move the middle point up to the new position. You\u2019ll want both of those keyframes eased, and you&#8217;ll want to <strong>pull the handles of the last keyframe to have 100% influence<\/strong>. This makes a nice acceleration curve for the movement.<\/p>\n<h3 id=\"step-5\">Step 5<\/h3>\n<p>If we\u2019re going to put a letter in the envelope, we\u00a0need to form the front of the envelope. We will again <strong>duplicate the \u201cenvelope back\u201d layer<\/strong>, convert the rectangle to points, and instead of deleting points, add one in the middle of the top line. Bring that point to match the location of the tip of the flap. This layer will remain mostly unchanged. You should also <strong>parent it\u00a0to the envelope back<\/strong>. This layer doesn&#8217;t need to animate on, and you should trim it in time to exist only after the trim paths have resolved for the layers that make up the envelope. You can just delete the trim paths from this layer entirely. This layer should also live above the envelope back but below the flap.<\/p>\n<h3 id=\"step-6\">Step 6<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87269\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 6\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 6\" width=\"755\" height=\"327\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=300,130 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=768,333 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=277,120 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=359,155 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=543,235 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=865,375 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=994,430 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=560,242 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope-2.png?resize=150,65 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>So we have an envelope that animates on and then opens up. Now we need a letter to come out of the envelope. We can again duplicate the envelope back so we don\u2019t have to tweak any fills or strokes. And we may want to <strong>solo this layer<\/strong> as we\u2019re working on it and rename it \u201cletter\u201d or something useful.<\/p>\n<p>This layer is going to be the page that exits the envelope and flops over. However, this will only be one half of the flop. The bend that happens in the paper is made of two layers, and together they form <strong>the illusion that one piece of paper is flopping out of an envelope<\/strong>.<\/p>\n<p>To make the first part of the flow we will first enlarge the rectangle path in the letter layer. Then we will add another rectangle path and <strong>convert that to a bezier path<\/strong>. We then make it taller and add points to the top to make the curve.<\/p>\n<p>Then we will add a merge paths to these and set the merge method to \u201cintersect,\u201d so we will only see where the two paths overlap each other. After that, we can <strong>move the rectangle path up and down<\/strong> to reveal more or less of the curved path. We then set keyframes to make\u00a0the rectangle change position and\u00a0move all the way up the layer until only one line is visible at the top of the shape.<\/p>\n<p>This layer should be between the envelope&#8217;s back and front. However, it also needs to be above the flap after the flap opens up. So you should <strong>split the flap layer (command+shift+d)<\/strong> and position the second flap behind the letter. You will need to time the letter\u2019s emergence and animation to not intersect strangely with the flap.<\/p>\n<h3 id=\"step-7\">Step 7<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87270\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 7\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 7\" width=\"755\" height=\"357\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=300,142 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=768,363 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=277,131 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=359,170 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=543,257 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=865,409 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=994,470 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=560,265 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Animated-Envelope.png?resize=150,71 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>You can create the second half of the flopping letter by duplicating and flipping the first letter and then time reversing its keyframes so the rectangle moves from revealing only a line at the top of the \u201cpaper\u201d to the straight rectangle section. I recommend <strong>parenting the second paper to the first<\/strong> so when you keyframe the paper\u2019s position, the two move together. Then, it\u2019s a matter of <strong>lining up the timing<\/strong> so that as the paper appears to come out and flop over, it continues that motion in the second layer. You will need to alter the graph editor by easing their keyframes to give it a pleasing motion. But, once they\u2019re lined up right, the trick is complete!<\/p>\n<p>You will want the paper to change position to rise up a little as it flops. You can set keyframes for the position to make that happen. Just remember to <strong>ease your keyframes<\/strong> so it doesn\u2019t look jerky.<\/p>\n<h3 id=\"step-8\">Step 8<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-87271\" title=\"How to Create an Animated Envelope in After Effects \u2014 Step 8\" src=\"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Envelope.png\" alt=\"How to Create an Animated Envelope in After Effects \u2014 Step 8\" width=\"755\" height=\"378\" srcset=\"https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png 1000w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=300,150 300w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=768,384 768w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=277,139 277w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=359,180 359w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=543,272 543w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=865,433 865w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=994,497 994w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=560,280 560w, https:\/\/vip-go.premiumbeat.com\/wp-content\/uploads\/2017\/02\/Envelope.png?resize=150,75 150w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>The last thing to do is add some embellishments. Now that the whole piece is moving around and animating on as you would expect, I recommend <strong>putting a burst of some kind<\/strong> at the start when the write on of the circle and envelope end. You can make a burst using shape layers by animating a rectangle from size and position 0,0 out to size 0,55 and position 0,-375 over about 10 frames and ease the keyframes. In the middle of those keyframes, however, you\u2019ll want the size to be 0,155 and position to be 0,170 \u2014 and <strong>set\u00a0the middle keyframes to \u201cauto bezier,\u201d<\/strong> which you can do by holding alt and clicking the keyframe until it becomes a circle. Then go into the graph editor and change the influence handles of the first keyframes to 0%. This causes a nice burst on.<\/p>\n<p>Then you just need to use the repeater to make an array of 6 of these changing their rotation to 60 degrees. I then duplicate a group containing all those rotating at 30 degrees and scaling it up. But then you have two different strokes from the scale. So you should <strong>remove the stroke from one of the groups and drag the other stroke below the two groups<\/strong>. This applies the stroke to the contents of the groups after transformation so it won\u2019t deform the stroke at all. Next,\u00a0you can set it to round, 10 pixels thick, and give it a dash of 20, a gap of 30, and a dash of 60 to complete the look. Line up this layer with the envelope&#8217;s completion,\u00a0and it really calls attention to the frame. You may want to <strong>trim the layer down<\/strong> so you don\u2019t need to see the first few frames and only get the exciting bits of the animation.<\/p>\n<p>I highly recommend watching the video tutorial to get all the step-by-step nuances. And if you had trouble with the tutorial, download the project file and really dive in.<\/p>\n<hr \/>\n<p><strong>Do you have tips about line art animation?<\/strong> Share in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn to create line art animation for your videos in this step-by-step After Effects tutorial.<\/p>\n","protected":false},"author":16,"featured_media":87273,"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,21,39,92],"tags":[5375,5554,467,60],"class_list":["post-class-post-87224","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-tutorials","post-class-category-video-editing","post-class-category-video-tutorials-2","post-class-tag-after-effects","post-class-tag-animated","post-class-tag-motion-graphics","post-class-tag-video-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Create an Animated Envelope in After Effects<\/title>\n<meta name=\"description\" content=\"Learn to create line art animation for your videos in this step-by-step After Effects tutorial.\" \/>\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-envelope-after-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create an Animated Envelope in After Effects\" \/>\n<meta property=\"og:description\" content=\"Learn to create line art animation for your videos in this step-by-step After Effects tutorial.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/\" \/>\n<meta property=\"og:site_name\" content=\"The Beat: A Blog by PremiumBeat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/premiumbeat\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-14T12:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-11-05T05:42:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2017\/02\/21164408\/Animated-Icons-in-After-Effects.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=\"Evan Abrams\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ECAbrams\" \/>\n<meta name=\"twitter:site\" content=\"@Premiumbeat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Abrams\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 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-envelope-after-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/\"},\"author\":{\"name\":\"Evan Abrams\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"headline\":\"How to Create an Animated Envelope in After Effects\",\"datePublished\":\"2017-03-14T12:00:31+00:00\",\"dateModified\":\"2018-11-05T05:42:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/\"},\"wordCount\":1794,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons-in-After-Effects.jpg\",\"keywords\":[\"After Effects\",\"Animated\",\"motion graphics\",\"video tutorials\"],\"articleSection\":[\"After Effects\",\"Motion Graphics\",\"Tutorials\",\"Video Editing\",\"Video Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/#respond\"]}],\"copyrightYear\":\"2017\",\"copyrightHolder\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/\",\"name\":\"How to Create an Animated Envelope in After Effects\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons-in-After-Effects.jpg\",\"datePublished\":\"2017-03-14T12:00:31+00:00\",\"dateModified\":\"2018-11-05T05:42:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/#\\\/schema\\\/person\\\/cb38535fa54aac5fcd16fef1232f1892\"},\"description\":\"Learn to create line art animation for your videos in this step-by-step After Effects tutorial.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-after-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons-in-After-Effects.jpg\",\"contentUrl\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/Animated-Icons-in-After-Effects.jpg\",\"width\":1000,\"height\":584,\"caption\":\"How to Create an Animated Envelope in After Effects\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/create-animated-envelope-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\":\"How to Create an Animated Envelope 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\\\/cb38535fa54aac5fcd16fef1232f1892\",\"name\":\"Evan Abrams\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g\",\"caption\":\"Evan Abrams\"},\"description\":\"Evan Abrams is a freelance motion graphics designer and After Effects guru. He has been using After Effects since version 5.5 (2002) and during his career has worked with clients ranging from multinational corporations and government institutions, to unsigned musicians and start up businesses, and all points in between. Freelancing is one of Evan's great joys since it connects him with new and interesting people, businesses, projects and ideas that he finds fascinating. He currently specializes in motion graphics and kinetic typography. Other fun facts about Evan: he is a 2nd\u00a0Dan Black Belt in Tae Kwon Do and he grew up in rural Ontario Canada next to a The Big Apple (a novelty truck stop). He is a huge fan of DIY projects and he holds a BA in Communications form Ottawa University.\u00a0 To get more of Evan in your life check out EvanAbrams.com, subscribe to his\u00a0Youtube Channel\u00a0or follow him on\u00a0Twitter.\",\"sameAs\":[\"http:\\\/\\\/evanabrams.com\",\"https:\\\/\\\/x.com\\\/ECAbrams\"],\"url\":\"https:\\\/\\\/www.premiumbeat.com\\\/blog\\\/author\\\/evanabrams\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create an Animated Envelope in After Effects","description":"Learn to create line art animation for your videos in this step-by-step After Effects tutorial.","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-envelope-after-effects\/","og_locale":"en_US","og_type":"article","og_title":"How to Create an Animated Envelope in After Effects","og_description":"Learn to create line art animation for your videos in this step-by-step After Effects tutorial.","og_url":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/","og_site_name":"The Beat: A Blog by PremiumBeat","article_publisher":"https:\/\/www.facebook.com\/premiumbeat","article_published_time":"2017-03-14T12:00:31+00:00","article_modified_time":"2018-11-05T05:42:07+00:00","og_image":[{"width":1000,"height":584,"url":"https:\/\/pbblogassets.s3.amazonaws.com\/uploads\/2017\/02\/21164408\/Animated-Icons-in-After-Effects.jpg","type":"image\/jpeg"}],"author":"Evan Abrams","twitter_card":"summary_large_image","twitter_creator":"@ECAbrams","twitter_site":"@Premiumbeat","twitter_misc":{"Written by":"Evan Abrams","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#article","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/"},"author":{"name":"Evan Abrams","@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"headline":"How to Create an Animated Envelope in After Effects","datePublished":"2017-03-14T12:00:31+00:00","dateModified":"2018-11-05T05:42:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/"},"wordCount":1794,"commentCount":0,"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons-in-After-Effects.jpg","keywords":["After Effects","Animated","motion graphics","video tutorials"],"articleSection":["After Effects","Motion Graphics","Tutorials","Video Editing","Video Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#respond"]}],"copyrightYear":"2017","copyrightHolder":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/","url":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/","name":"How to Create an Animated Envelope in After Effects","isPartOf":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons-in-After-Effects.jpg","datePublished":"2017-03-14T12:00:31+00:00","dateModified":"2018-11-05T05:42:07+00:00","author":{"@id":"https:\/\/www.premiumbeat.com\/blog\/#\/schema\/person\/cb38535fa54aac5fcd16fef1232f1892"},"description":"Learn to create line art animation for your videos in this step-by-step After Effects tutorial.","breadcrumb":{"@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-after-effects\/#primaryimage","url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons-in-After-Effects.jpg","contentUrl":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons-in-After-Effects.jpg","width":1000,"height":584,"caption":"How to Create an Animated Envelope in After Effects"},{"@type":"BreadcrumbList","@id":"https:\/\/www.premiumbeat.com\/blog\/create-animated-envelope-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":"How to Create an Animated Envelope 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\/cb38535fa54aac5fcd16fef1232f1892","name":"Evan Abrams","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/88be182e030a4b233e3915792b85bb61d37a17b710da35a28ab1beba9daa4cda?s=96&d=mm&r=g","caption":"Evan Abrams"},"description":"Evan Abrams is a freelance motion graphics designer and After Effects guru. He has been using After Effects since version 5.5 (2002) and during his career has worked with clients ranging from multinational corporations and government institutions, to unsigned musicians and start up businesses, and all points in between. Freelancing is one of Evan's great joys since it connects him with new and interesting people, businesses, projects and ideas that he finds fascinating. He currently specializes in motion graphics and kinetic typography. Other fun facts about Evan: he is a 2nd\u00a0Dan Black Belt in Tae Kwon Do and he grew up in rural Ontario Canada next to a The Big Apple (a novelty truck stop). He is a huge fan of DIY projects and he holds a BA in Communications form Ottawa University.\u00a0 To get more of Evan in your life check out EvanAbrams.com, subscribe to his\u00a0Youtube Channel\u00a0or follow him on\u00a0Twitter.","sameAs":["http:\/\/evanabrams.com","https:\/\/x.com\/ECAbrams"],"url":"https:\/\/www.premiumbeat.com\/blog\/author\/evanabrams\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.premiumbeat.com\/blog\/wp-content\/uploads\/2017\/02\/Animated-Icons-in-After-Effects.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pab9JK-mGQ","_links":{"self":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/87224","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\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/comments?post=87224"}],"version-history":[{"count":18,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/87224\/revisions"}],"predecessor-version":[{"id":106704,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/posts\/87224\/revisions\/106704"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media\/87273"}],"wp:attachment":[{"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/media?parent=87224"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/categories?post=87224"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.premiumbeat.com\/blog\/wp-json\/wp\/v2\/tags?post=87224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}