How to Do Camera Projection in After Effects (and Save Hours Doing It)

This tutorial will show you how to set up a 3D camera projection (aka "projection mapping") in Adobe After Effects. Camera projection mapping is one of the most powerful and cinematic visual effects techniques available. It allows you to take a flat, 2D still image and transform it into an immersive 3D scene that your camera can move through, pulling the viewers right into the picture.

While you can build a camera projection entirely from scratch, there are a lot of settings to remember and the 3D screen setup can be time-consuming. Below is a detailed, step-by-step guide on how to set it up manually—along with how you can save time on setup and build 3D screens more efficiently using the inexpensive Camera Projection Toolkit for After Effects. Creation Effects has also produced a free, in-depth video tutorial for setting up a camera projection, which you can watch on YouTube here: Camera Projection Tutorial - After Effects . The tutorial covers a number of techniques for making better projections and screens.

A camera projection setup is like a movie theater. There needs to be a projector light (a Spot Light layer), which shines light through the film strip (your image layer), projecting that image onto a projection screen (your 3D planes, arranged to align with the geometry of your image). Moving your camera through the projection turns your 2D image into a 3D animation.

Step 1: Set Up Your Composition and Camera

1. Create a new composition with your desired dimensions. Drag your photo into the comp and make it a  3D layer by clicking the small 3D Layer cube icon next to the layer name in your timeline.

2. Create your virtual camera by going to the top menu and selecting Layer > New > Camera. A 2-node camera is typically the best choice for this workflow. 

3. In the Camera Settings panel, set your focal length (in the Preset dropdown menu) to match your photo. If you don't know the focal length, select 28mm.

Camera settings for a 3D camera projection in After Effects

Step 2: Add a Projection Light

To make the projection work, you need a virtual light source that acts like a movie projector bulb, shining the image forward onto your 3D geometry:   

1. Go to the top menu and select Layer > New > Light.   

2. In the Light Settings panel, set Light Type to Spot.   

3. Set Intensity to 100%.

4. Adjust the Cone Angle to 150°.

5. Ensure Cast Shadows is enabled, and Shadow Darkness is set to 100%.

6. To move the light layer to your camera's default position, reveal the Position property of your camera layer, copy it, and paste it to the spot light layer.

Projection mapping Spot Light settings

Step 3: Set Up Your Image

A film projector shines a light through a film strip to project its image onto the screen. We need to position our image layer right in front of our spot light, and adjust its settings so that light can shine through it.

1. Copy the camera's Position to your image layer. The camera, the spot light, and the image should now all be in the exact same position.

2. Parent the image layer to the spot light layer. The image's Position values should automatically reset to [0,0,0]. Edit the value to be [0,0,200], which moves the image 200 pixels in front of the light.

3. Scale the image layer down until it fits your comp (but fills up the entire frame). You may need to set the Scale as low as 1%. Hold down the Shift key and drag the corners of the layer in your Composition panel for precise scaling.

4. Reveal the image layer's Material Options.

5. Click Cast Shadows twice to set it to Only.

6. Increase Light Transmission to 100%.

Material Options settings for your projected image layer.

Step 4: Build and Match Your 3D Screen

To understand why this step matters, imagine walking through a real room. If you project a movie onto a flat bedsheet, everything looks normal when standing next to the projector. But when you walk to the side, you realize the picture is flat. Camera projection mapping works the same way. If you just animate a camera past a flat 2D image, the perspective will look warped and unnatural.

To fix this, the goal is to build a 3D "screen" out of individual 3D planes that physically match the layout of the surfaces in your photo. For instance, if your photo is an indoor hallway, you want to place flat 3D planes that align with the floor, the ceiling, and walls.   

Note: Positioning and aligning all of these 3D planes can take a lot of time. If you want to save time, the Camera Projection Toolkit comes with a built-in library of pre-built 3D shapes and elements, including spheres, stairs, columns, hills, ditches, and curved planes. These elements can be copied and pasted into your scene, and customized with slider controls.

1. Create a new Solid layer by going to Layer > New > Solid. Make it 1,000 x 1,000 pixels, and make it pure white.

2. Make the layer 3D, then expand the layer to access the layer's Material Options. Set Accepts Lights to Off.

3. A grid on the solid layer will help us see the angle and perspective of the layer as we try to match it to the surfaces in our photo. Add the Grid effect to the layer. In the Grid effect's settings in the Effect Controls panel, set the color to black, and set the effects' Blending Mode to Normal.

4. This solid layer can be duplicated as many times as need to create your screen. Position, Scale, and Rotate the 3D planes so they line up with the perspective lines, corners, and surfaces of your photograph. When positioning layers in 3D space, it helps to view the scene from different angles using the 3D View Popup in the lower right corner of the Composition panel. Refer to the video tutorial see how building a 3D screen is done.

Material Options settings for your 3D screen layers

Step 5: Animate Your Camera

Once your 3D screen is built, you can turn off the grid effects by clicking the "FX" box for all the screen layers, which disables all effects. Use the Camera Tools (shortcut: "C" key) to dolly, track, or orbit your camera around to see your scene from different angles. You can now animate your camera's movement by adding two Position keyframes to the camera layer. You can always return your camera to its default position by clicking the Reset button (next to the Transform properties of the camera layer). Resetting the position will make the image look normal again. Note that you are limited in how far you can move the camera. Moving too far can expose the edges of the projected image, or the image can become very distorted and distracting.

The Shortcut: Save Time with the Camera Projection Toolkit

Remembering all the Material Options settings and aligning all the 3D planes is not a quick process.   

If you want to save time, the Camera Projection Toolkit for After Effects is available for just $19.   

Why use the toolkit?

• Pre-Built Projection: The camera projection and lighting setup are already configured for you. You can customize it with simple slider controls.

• Built-In 3D Library: It includes a versatile library of pre-built 3D screen elements—such as spheres, rooms, stairs, columns, curved walls, hills, and ditches. Just copy and paste them to your scene, and move them into place. You can customize their shape using intuitive slider controls. 

• Other Features: The toolkit has additional solutions to common problems, such as sharpening a blurry projection, extending the edges of the image, easy grid customization with controls, depth of field, and a variety of tips and techniques that are shared in the tutorial. 

Use the grids to help align planes with the surfaces in your projected image.

A few of the pre-built 3D elements included in the toolkit, which are ready to copy and paste into your scene to help you build your 3D projection screen.