How to Animate Still Images with After Effects and Photoshop

Bringing 2D Designs to Life as Cinematic Animation

In this tutorial, the speaker explains how to create a cinematic animation from a 2D design using Envato Elements and Photoshop.

Creating PNG Files for Each Layer

• Organize layers into folders based on their distance from the camera.

• Use adjustment layers such as exposure and color balance to balance colors.

• Export each group as its own PNG file with transparency.

• Save each PNG file with a descriptive name.

Adding Effects and Logo in Photoshop

• Create a new layer for the logo and add text using the type tool.

• Choose a font downloaded from Envato Elements.

• Add a layer mask and use grunge brushes to add texture to the text.

• Export the logo as a PNG file.

Rebuilding Scene in After Effects

• Create a new composition at 4K size, 24 frames per second, and 20 seconds duration.

• Import all PNG files created in Photoshop along with additional assets from Envato Elements.

• Drag each PNG file onto the timeline to rebuild the scene.

Setting Up Camera Control

• Add a new camera and null object named "Camera Controller."

• Link camera position to null object position using pick whip icon.

• Check "3D Layer" box for all layers so they are affected by camera movement.

Adjusting Camera Position in 3D Space

• Enable two views for easier working in 3D space.

• Select background layer, press "P" on keyboard, move along z-axis to adjust distance from camera.

• Adjust position of camera along x,y,z axes in 3D space.

Creating an Animated Logo in After Effects

In this tutorial, the instructor demonstrates how to create an animated logo in After Effects using Envato Elements. The tutorial covers keyframing, camera options, depth of field, and adding visual and audio effects.

Adding Keyframes for Position

• Select all three PNG layers and press "P" on the keyboard to add a keyframe for position.

• Scrub forward about 10 seconds and change the Z position for each layer individually to create a new keyframe.

Zooming Past the Character

• For the foreground, zoom past the character by changing the camera's focus distance.

• If your timeline doesn't play, change it back to one view.

• Tinker with timings until you have something that looks good.

Enhancing with Visual and Audio Effects

• Use Envato Elements to enhance animation with visual and audio effects.

• Add particles that fill viewport and change blending mode to screen.

• Add optical lens flare effect with blending mode set to color dodge.

• Add cinematic metal hit sound when logo appears.

• Add epic soundtrack to accompany entire animation.

Closing Thoughts

• Envato Elements is a great resource for creative work.

• Trial is being rolled out gradually so check if it's available in your country.

• Cancel trial if not interested in continuing subscription.