Composite AI images and animations in After Effects

After Effects Try it →Watch full video →VideoPlasty · Aug 2024

Demo summary

The user demonstrates layering the AI-generated background, the skipping boy animation, and a confetti overlay in Adobe After Effects to create a final composite scene.

Step-by-step

Import the enhanced AI image into the After Effects project
Drag the image onto the scene layer stack
Adjust the position and scale of the background image
Resize the animated character layer to fit the scene perspective
Import the confetti asset from the library
Place the confetti layer on top of all other layers
Scale up the confetti layer to cover the scene
Preview the final composite

Options

Zoom in on the background image for better framing

Tips

Make the character layer smaller to better place them within the scene's perspective
Add a confetti overlay to spice up the animation and create a party atmosphere

Highlights

“I think that looks pretty good yeah that's pretty nice okay it's getting to that fun”

All demos from “Create AI Images with DepositPhotos”

2:502:41Generate images with DepositPhotos AI Image GeneratorThe user demonstrates the DepositPhotos AI Image Generator by entering prompts like '3D theater stage' and 'flying puppies' to generate and download a custom background image.Depositphotos AI Image Generator· Text to Image
5:310:48Upscale images with DepositPhotos Free Image UpscalerThe user shows how to use the DepositPhotos Free Image Upscaler tool to double the size and resolution of a generated AI image while maintaining quality.Depositphotos AI Image Generator· AI Image Upscaler
6:191:45Composite AI images and animations in After EffectsCurrentThe user demonstrates layering the AI-generated background, the skipping boy animation, and a confetti overlay in Adobe After Effects to create a final composite scene.After Effects· AI Video Editor
Watch “Create AI Images with DepositPhotos” →

AI Video Editor

2:000:48Apply color correction in Adobe After EffectsThe user shows how to import the upscaled clip into Adobe After Effects, create an adjustment layer, and apply a custom 'Gold CC' animation preset for final color grading.Aliz Edits
2:570:22Enable Draft 3D and axis planesDemonstrates enabling Draft 3D mode and toggling X/Y planes to help with precise layer placement in 3D space.Editing Empire
8:440:17Adjusting Aperture for background blurDemonstrates increasing the Aperture value in After Effects to create a shallow depth of field and blur the foreground subject.Editing Empire
10:250:21Snap 3D layers to camera viewShows a workflow using Ctrl+Alt+Home and Ctrl+Home to center a 3D layer's anchor point and snap it directly in front of the current camera position.Editing Empire
0:130:46Import and organize assets in After EffectsThe user demonstrates how to import files and folders into the project panel and organize them using new folders in Adobe After Effects.Gavin Herman
1:010:37Create a composition and align layersThe demo shows dragging background and image layers onto the timeline and using the Align panel to center assets in the composition.Gavin Herman
2:091:25Animate with keyframes and Easy EaseThe tutorial shows how to set position keyframes on the timeline and apply 'Easy Ease' to create a smoother sliding animation.Gavin Herman
7:181:23Apply and animate effectsThe demo shows searching for the 'CC Bend It' effect in the Effects & Presets panel and animating its values using keyframes.Gavin Herman
8:411:01Pre-compose layers for reuseThe user demonstrates how to group multiple layers into a single pre-composition to duplicate and manage them more efficiently.Gavin Herman
9:420:46Export and render a projectThe tutorial concludes by showing how to add a composition to the Render Queue, configure output settings, and export the final video file.Gavin Herman
3:120:29Animate cinematic focus blursThe creator demonstrates adding rectangle masks to an adjustment layer and using a wiggle expression on the maximum blur value to simulate a flickering cinematic focus.SonduckFilm
8:460:22Create animated counters and timersThe demo shows how to apply currency, timer, or percentage counters to a text layer and adjust keyframes for start and end values.SonduckFilm