{"id":72744,"date":"2023-10-24T11:08:19","date_gmt":"2023-10-24T00:08:19","guid":{"rendered":"https:\/\/elements.blog-cms.envato.net\/?p=35384"},"modified":"2025-11-11T18:58:07","modified_gmt":"2025-11-11T07:58:07","slug":"how-to-animate-a-photo-in-after-effects","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/how-to-animate-a-photo-in-after-effects","title":{"rendered":"How to Animate a Photo in After Effects"},"content":{"rendered":"\n<p>If you want to know how to animate a photo in After Effects, we&#8217;re here to help you brush up on some basic animation techniques. Perfect for beginners, our guide will teach you how to animate an image step-by-step, and also answer some common After Effects questions along the way. Let\u2019s dive in!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/1-Animating-a-Photo-in-After-Effects.jpg\" alt=\"animating a photo in after effects\" class=\"wp-image-83580\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/1-Animating-a-Photo-in-After-Effects.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/1-Animating-a-Photo-in-After-Effects-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/1-Animating-a-Photo-in-After-Effects-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Animate in After Effects<\/h2>\n\n\n\n<p>After Effects makes <a href=\"https:\/\/www.envato.com\/blog\/art-of-animation\/\" target=\"_blank\" rel=\"noopener\">animation<\/a> incredibly accessible\u2014even for <a href=\"https:\/\/www.envato.com\/blog\/after-effects-tutorials-beginners\/\" target=\"_blank\" rel=\"noopener\">beginners<\/a>. But first, what exactly is After Effects? After Effects is a motion graphics and compositing application prevalent among content creators for creating videos and visual effects. After Effects is a blend of a video editing app, Photoshop, and a 3D program, combining elements of all three into one application. Adobe is constantly innovating the program with new updates, so After Effects\u2019 capabilities are continually expanding.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/2-What-is-After-Effects.jpg\" alt=\"what is after effects?\" class=\"wp-image-83581\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/2-What-is-After-Effects.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/2-What-is-After-Effects-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/2-What-is-After-Effects-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>What makes After Effects so significant for animation is the depth you can go into. You can animate nearly every animation property you can think of, comprising everything from scale and rotation to more complex properties like time displacement, 3D cameras, and special effects. This versatility is what makes After Effects so powerful. It allows you to create simple animations quickly and effectively, but if you need pin-point control or want to tweak or perfect an animation After Effects enables you to do that, too.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/3-Tweaking-Animation.jpg\" alt=\"tweaking an animation in after effects\" class=\"wp-image-83582\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/3-Tweaking-Animation.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/3-Tweaking-Animation-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/3-Tweaking-Animation-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>In After Effects, keyframes drive animation. These keyframes allow you to set a property value at a specific point on your timeline, to which you can add another keyframe later. This results in After Effects automatically animating the change between the two points. Think of it like animating between Point A and Point B on a map \u2013 effectively the same way keyframes work. Keyframes are the building blocks for all animations. If you want more in-depth knowledge about animating in After Effects, check out our free <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=XNhxpOT8FMg\" target=\"_blank\">How to Animate in After Effects Course<\/a>!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Animate in After Effects | FREE COURSE\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/XNhxpOT8FMg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><br>How to Animate a Photo in After Effects<\/h2>\n\n\n\n<p>Now, let\u2019s look at how easy it can be to add animation to a photo in After Effects. For this photo animation, we will create the \u201c<a rel=\"noreferrer noopener\" href=\"https:\/\/en.wikipedia.org\/wiki\/Ken_Burns_effect\" target=\"_blank\">Ken Burns Effect<\/a>,\u201d which involves slowly zooming in or panning across a still image. This simple yet effective animation technique is used frequently in modern media, so it\u2019s beneficial to know! Let\u2019s go through the process step by step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Import a Photo<\/h3>\n\n\n\n<p>First, import your photo into After Effects by dragging and dropping it into the project panel or using the <strong>File &gt; Import<\/strong> menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"200\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/4-Import-Photo-into-After-Effects.jpg\" alt=\"import a photo\" class=\"wp-image-83583\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/4-Import-Photo-into-After-Effects.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/4-Import-Photo-into-After-Effects-300x67.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/4-Import-Photo-into-After-Effects-768x171.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Create a New Composition<\/h3>\n\n\n\n<p>Click the \u201cNew Composition\u201d icon in the middle of the Composition window. Select a preset for your composition or input in your custom composition size. (I recommend using the HD 1920&#215;1080 preset at 24 fps.)<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/5-Create-a-New-Composition.jpg\" alt=\"Create a New Composition\" class=\"wp-image-83584\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/5-Create-a-New-Composition.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/5-Create-a-New-Composition-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/5-Create-a-New-Composition-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Add the Photo to the Composition<\/h3>\n\n\n\n<p>Next, drag and drop your photo from the <strong>Project<\/strong> panel into your new composition. You can drop it in the composition window or on the composition timeline.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/6-Add-Photo-to-Composition.jpg\" alt=\"Add the Photo to the Composition\" class=\"wp-image-83585\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/6-Add-Photo-to-Composition.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/6-Add-Photo-to-Composition-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/6-Add-Photo-to-Composition-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. Transform Properties<\/h3>\n\n\n\n<p>To animate the photo, you&#8217;ll need to add keyframes to its Transform properties. Select the image layer and toggle open the layer\u2019s Transform properties by clicking the arrow next to the layer name.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"200\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/7-After-Effects-Transform-Properties.jpg\" alt=\"Transform Properties\" class=\"wp-image-83586\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/7-After-Effects-Transform-Properties.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/7-After-Effects-Transform-Properties-300x67.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/7-After-Effects-Transform-Properties-768x171.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">5. Add Keyframes<\/h3>\n\n\n\n<p>Choose the Transform property you want to animate, such as position or scale. Then, move the playhead to the time you want the animation to start and add a keyframe by clicking the stopwatch icon next to the property. Let\u2019s animate the scale.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"200\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/8-Create-a-Keyframe.jpg\" alt=\"Add Keyframes\" class=\"wp-image-83587\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/8-Create-a-Keyframe.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/8-Create-a-Keyframe-300x67.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/8-Create-a-Keyframe-768x171.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. Adjust the Keyframes<\/h3>\n\n\n\n<p>Move the playhead to a later time and change the value of the Scale property to create a new keyframe automatically. Repeat this process with other Transform properties to create a series of keyframes defining the animation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"200\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/9-Adding-Keyframes.jpg\" alt=\"Adjust the Keyframes\" class=\"wp-image-83588\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/9-Adding-Keyframes.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/9-Adding-Keyframes-300x67.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/9-Adding-Keyframes-768x171.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">7. Use Easing<\/h3>\n\n\n\n<p>Use easing to adjust the speed and acceleration of the movement between keyframes and create a smooth and natural animation. You can do this by selecting the keyframes and choosing an easing preset from the graph editor or manually adjusting the handles on the graph. An easy way to add Easing for beginners is to select your keyframe by clicking on it and pressing <strong>F9<\/strong>, automatically creating an <strong>Easy Ease<\/strong> keyframe. You can recognize that it is an <strong>Easy Ease<\/strong> keyframe from its hourglass shape.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"200\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/10-Add-Keyframe-Easing.jpg\" alt=\"Use Easing\" class=\"wp-image-83589\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/10-Add-Keyframe-Easing.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/10-Add-Keyframe-Easing-300x67.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/10-Add-Keyframe-Easing-768x171.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">8. Add Effects<\/h3>\n\n\n\n<p>You can add effects to the photo layer to enhance your animation, such as blurs or color adjustments. Select the image layer and choose the effect from the <strong>Effects &amp; Presets<\/strong> panel. Effects also have properties you can keyframe, just like we did for the Transform properties.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">9. Export the Animation<\/h3>\n\n\n\n<p>Once you&#8217;re happy with your photo animation, you can export it by choosing <strong>File &gt; Export &gt; Add to Render Queue<\/strong>. Select your desired output settings and click <strong>Render<\/strong> to export your animation.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"200\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/12-Export-the-Animation.jpg\" alt=\"export animation\" class=\"wp-image-83590\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/12-Export-the-Animation.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/12-Export-the-Animation-300x67.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/12-Export-the-Animation-768x171.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Common FAQs for Animating a Photo in After Effects<\/h2>\n\n\n\n<p>Do you still need help? Let\u2019s review some commonly asked questions for animating a photo in After Effects.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Q. What is the best way to animate a photo in After Effects?<\/h4>\n\n\n\n<p>The best way to animate a photo in After Effects depends on the specific effect you want to achieve. However, some standard techniques include using keyframes to animate properties such as position, scale, and rotation, using masks to reveal or hide parts of the photo, and using effects to add visual interest. There is no right or wrong way to animate an image in After Effects. You can achieve many different techniques using a variety of methods and effects. Even for the same final result!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Q. Can I animate a video clip the same as a photo?<\/h4>\n\n\n\n<p>Yes, you can animate a video clip in After Effects using the same techniques as a photo. However, video clips will be more dynamic, as they already have movement from the video itself. They may also have additional properties you can animate, such as audio levels. There are pros and cons to both types of media. Videos can be more render intensive since the video is playing and constantly changing, along with any secondary animation you add. Pictures are still, but they may be larger in size and resolution than video clips.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Q. How do I make an object move in front of or behind other objects?<\/h4>\n\n\n\n<p>To move an object in front of or behind others in After Effects, you can adjust the layer order in the timeline panel. Layers listed higher up in the panel will appear in front of layers listed lower down. Move a layer from the bottom to the top if you want it to appear in front of all the other layers.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/13-Layer-Order.jpg\" alt=\"change layer order\" class=\"wp-image-83591\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/13-Layer-Order.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/13-Layer-Order-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/13-Layer-Order-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Q. How do I adjust the timing of my animation?<\/h4>\n\n\n\n<p>To adjust the timing of your animation, you can move the keyframes on the timeline or change the timing graph in the graph editor. Select a keyframe and drag it forward and backward on the timeline to move it. You can also use Easing to adjust the speed and acceleration of the movement between keyframes by selecting a keyframe and using the keyboard shortcut <strong>F9<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/14-Keyframe-Timing.jpg\" alt=\"adjust keyframe timing\" class=\"wp-image-83592\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/14-Keyframe-Timing.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/14-Keyframe-Timing-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/14-Keyframe-Timing-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Q. Can I add sound to my animated photo?<\/h4>\n\n\n\n<p>Yes, you can add sound to your animated photo in After Effects. Simply import the sound file into your project and drag it onto the timeline. You can adjust the timing and volume of the sound using keyframes if needed. Conversely, you can export your animation, import it into Premiere Pro, and do all your sound design there. This will likely be easier to manage and give you more precise control. To learn more, check out <a href=\"https:\/\/www.envato.com\/blog\/after-effects-vs-premiere-pro\/\" target=\"_blank\" rel=\"noopener\">After Effects vs. Premiere Pro: Which Video Editing Software is Right for Your Project<\/a>?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tips for How to Animate a Photo in After Effects<\/h2>\n\n\n\n<p>Here are some general After Effects tips to help you start with photo animation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Plan Your Animation<\/h3>\n\n\n\n<p>Before you start animating, take some time to plan out what you want to achieve. Think about the overall look and feel you want to convey and sketch rough ideas or storyboards. You can even quickly create a \u201crough cut\u201d of your animation in After Effects just to see how it looks before spending too much time on it. This can save you time in the long run and help you identify problems that might arise later in the edit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Choose the Right Photo<\/h3>\n\n\n\n<p>Some photos lend themselves better to animation than others. Look for images with clear focal points or exciting elements that you can highlight or move around. You\u2019ll most likely want to avoid pictures with too much noise, as this can be distracting during an animation. (Unless the noise is an intentional, stylistic choice.)<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Use the Right Tools<\/h3>\n\n\n\n<p>After Effects offers a range of tools that you can use to animate your photos, such as keyframes, masks, and effects. Experiment with different tools and see what works best for your project. After Effects is compatible with numerous third-party plugins that can further expand its capabilities. You can also use pre-built <a href=\"https:\/\/www.envato.com\/blog\/top-10-after-effects-templates\/\" target=\"_blank\" rel=\"noopener\">After Effects templates<\/a> that add more production value to your project and save time!<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"10 Best After Effects Transitions Presets\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Tro9_b00tCQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. Play With Timing and Pacing<\/h3>\n\n\n\n<p>They say timing is everything, which is also true in animation. Experiment with different speeds and timings for your animation, and use Easing to create natural and fluid movement. Timing and animation easing is the secret sauce for a fantastic animation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Use Layers<\/h3>\n\n\n\n<p>To create more complex animations, use layers to separate different photo elements. This will give you more control over each part of the animation. You can even layer video elements by animating a transparent alpha channel over your photos\u2014such as <a href=\"https:\/\/elements.envato.com\/stock-video\/smoke\/properties-alpha-channel\">smoke<\/a>, <a href=\"https:\/\/elements.envato.com\/stock-video\/sparks\/properties-alpha-channel\">sparks<\/a>, and <a href=\"https:\/\/elements.envato.com\/stock-video\/light+rays\/properties-alpha-channel\">light rays<\/a>\u2014to make your images look more dynamic. Experiment with different blending modes on your layers for more vibrant looks.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"900\" height=\"506\" src=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/15-Smoke-Overlay.jpg\" alt=\"smoke overlay\" class=\"wp-image-83593\" srcset=\"https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/15-Smoke-Overlay.jpg 900w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/15-Smoke-Overlay-300x169.jpg 300w, https:\/\/elements.envato.com\/learn\/wp-content\/uploads\/2023\/08\/15-Smoke-Overlay-768x432.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n\n\n\n<p>Hopefully, these After Effects tips will give you a good jumping-off point for your following photo animation. Check out these Top 15 Animation &amp; Motion Graphics Tutorials on Tuts+ for more animation tips. And don&#8217;t forget, you can find thousands of jaw-dropping <a href=\"https:\/\/elements.envato.com\/video-templates\/compatible-with-after-effects\">After Effects templates<\/a> on Envato Elements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover how to animate a photo in After Effects in this simple tutorial.<\/p>\n","protected":false},"author":128,"featured_media":83594,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[151,149,142],"tags":[],"class_list":["post-72744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-after-effects","category-motion-design","category-video-filmmaking"],"acf":[],"_links":{"self":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/72744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/users\/128"}],"replies":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/comments?post=72744"}],"version-history":[{"count":0,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/posts\/72744\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media\/83594"}],"wp:attachment":[{"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/media?parent=72744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/categories?post=72744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elements.envato.com\/learn\/wp-json\/wp\/v2\/tags?post=72744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}