Animated Images Part 2 Video Tutorial

Welcome to the second installment of our comprehensive Animated Images tutorial series! In this advanced lesson from Noble Desktop, you'll master the art of breathing life into static photographs through sophisticated animation techniques that transform ordinary images into compelling visual stories.

This tutorial builds directly upon the foundational concepts covered in our Animated Images Part 1 tutorial, introducing more complex motion graphics principles that professional animators use daily in commercial projects.

Balloon Animation

Creating realistic balloon movement requires subtle timing and natural motion curves that mimic real-world physics. 1. In After Effects, select one of the balloons using the Selection tool. 2. With the Playhead positioned at frame zero, set your initial Position keyframe by pressing P to reveal the Position property and clicking the stopwatch icon. 3. Advance the Playhead approximately one second forward (24 frames at 24fps). 4. Drag the selected balloon downward to create a gentle floating motion—aim for subtle movement rather than dramatic displacement. 5. Hold ALT while clicking the Position stopwatch to activate expression mode. 6. Type "loopOut();" to create seamless, continuous animation that cycles indefinitely. 7. Repeat this process for the remaining balloons, staggering each animation by 8-10 frames to achieve organic, non-synchronized movement that feels natural. 8. Select all keyframes and apply Easy Ease (F9) to create smooth acceleration and deceleration curves that eliminate mechanical motion.

Text

Professional text animation elevates your composition from amateur to broadcast-quality. The key lies in choosing animations that complement rather than compete with your primary visual elements. 9. Create two Text layers using the Type tool and input your desired copy—consider hierarchy and readability when selecting fonts and sizes. 10. Position one Text layer beneath the middle balloon in the timeline to ensure proper layering and visual depth. 11. Access the Effects & Presets panel from the Window menu if not already visible. 12. Navigate to the Text Animation > Animate In folder, which contains professionally designed presets optimized for various project types. 13. Preview several animation options before selecting—consider your project's tone and pacing when choosing between subtle fades, dynamic reveals, or kinetic text treatments. Apply your chosen preset to both Text layers for visual consistency.

Animating Entire Composition

The final step involves creating a cohesive camera move that unifies all elements into a polished, cinematic experience. This technique simulates camera movement without the complexity of 3D space. 14. Generate a new Null Object (Layer > New > Null Object), which serves as an invisible control layer for coordinating multiple elements. 15. Parent all visible layers to the Null by using the pick whip or selecting the Null from each layer's Parent dropdown menu. 16. At the timeline's beginning, establish baseline keyframes for both Scale and Position properties on the Null layer—this creates your starting point for the camera move. 17. Move the Playhead forward approximately two seconds to allow your previous animations to establish themselves before the camera movement begins. 18. Increase the Null layer's Scale value to create a zoom-in effect—typically 110-150% provides noticeable movement without appearing excessive. 19. Fine-tune the Null layer's Position to maintain centered framing as the scale change may shift your composition's balance point. 20. Select all newly created keyframes across both properties to prepare for timing refinement. 21. Apply Easy Ease to create professional motion curves that begin and end smoothly, avoiding abrupt starts and stops that characterize amateur work.