Work in 3D Design Animation Space | Adobe

  1. After Effects User Guide
  2. Getting started
    1. Get started with After Effects
    2. What's new in After Effects
    3. Release Notes | After Effects
    4. After Effects system requirements
    5. Keyboard shortcuts in After Effects
    6. Planning and setup
    7. Setup and installation
  3. Workspaces
    1. General user interface items
    2. Get to know After Effects interface
    3. Workflows
    4. Workspaces, panels, and viewers
  4. Projects and compositions
    1. Projects
    2. Composition basics
    3. Precomposing, nesting, and pre-rendering
    4. CINEMA 4D Composition Renderer
  5. Importing footage
    1. Preparing and importing still images
    2. Importing from After Effects and Adobe Premiere Pro
    3. Importing and interpreting video and audio
    4. Preparing and importing 3D image files
    5. Importing and interpreting footage items
    6. Working with footage items
    7. XMP metadata
  6. Working with text and graphics
    1. Text
      1. Formatting characters and the Character panel
      2. Text effects
      3. Creating and editing text layers
      4. Formatting paragraphs and the Paragraph panel
      5. Extruding text and shape layers
      6. Animating text
      7. Examples and resources for text animation
      8. Live Text Templates
    2. Motion Graphics
      1. Work with Motion Graphics templates in After Effects
      2. Use expressions to create drop-down lists in Motion Graphics templates
      3. Work with Essential Properties to create Motion Graphics templates
      4. Replace images and videos in Motion Graphics templates and Essential Properties
  7. Drawing, painting, and paths
    1. Overview of shape layers, paths, and vector graphics
    2. Paint tools: Brush, Clone Stamp, and Eraser
    3. How to taper shape strokes
    4. Shape attributes, paint operations, and path operations for shape layers
    5. Use Offset Paths shape effect to alter shapes
    6. Creating shapes
    7. Create masks
    8. Remove objects from your videos with the Content-Aware Fill panel
    9. Roto Brush and Refine Matte
  8. Working with layers
    1. Selecting and arranging layers
    2. Blending modes and layer styles
    3. 3D layers
    4. Layer properties
    5. Creating layers
    6. Managing layers
    7. Layer markers and composition markers
    8. Cameras, lights, and points of interest
  9. Animation, keyframing, motion tracking, and keying
    1. Animation
      1. Animation basics
      2. Animating with Puppet tools
      3. Managing and animating shape paths and masks
      4. Animating Sketch and Capture shapes using After Effects
      5. Assorted animation tools
      6. Work with Data-driven animation
    2. Keyframe
      1. Keyframe interpolation
      2. Setting, selecting, and deleting keyframes
      3. Editing, moving, and copying keyframes
    3. Motion tracking
      1. Tracking and stabilizing motion
      2. Face Tracking
      3. Mask Tracking
      4. Mask Reference
      5. Speed
      6. Time-stretching and time-remapping
      7. Timecode and time display units
    4. Keying
      1. Keying
      2. Keying effects
  10. Transparency and compositing
    1. Compositing and transparency overview and resources
    2. Alpha channels, masks, and mattes
  11. Adjusting color
    1. Color basics
    2. Use the Adobe Color Themes extension
    3. Color management
    4. Color Correction effects
  12. Effects and animation presets
    1. Effects and animation presets overview
    2. Effect list
    3. Simulation effects
    4. Stylize effects
    5. Audio effects
    6. Distort effects
    7. Perspective effects
    8. Channel effects
    9. Generate effects
    10. Transition effects
    11. The Rolling Shutter Repair effect
    12. Blur and Sharpen effects
    13. 3D Channel effects
    14. Utility effects
    15. Matte effects
    16. Noise and Grain effects
    17. Detail-preserving Upscale effect
    18. Obsolete effects
  13. Expressions and automation
    1. Expression
      1. Expression basics
      2. Understanding the expression language
      3. Using expression controls
      4. Syntax differences between the JavaScript and Legacy ExtendScript expression engines
      5. Editing expressions
      6. Expression errors
      7. Using the Expressions editor
      8. Use expressions to edit and access text properties
      9. Expression language reference
      10. Expression examples
    2. Automation
      1. Automation
      2. Scripts
  14. Immersive video, VR, and 3D
    1. Construct VR environments in After Effects
    2. Apply immersive video effects
    3. Compositing tools for VR/360 videos
    4. Tracking 3D camera movement
    5. Work in 3D Design Space
    6. Preview changes to 3D designs real time with the Real-Time Engine
    7. Add responsive design to your graphics 
  15. Views and previews
    1. Previewing
    2. Video preview with Mercury Transmit
    3. Modifying and using views
  16. Rendering and exporting
    1. Basics of rendering and exporting
    2. Export an After Effects project as an Adobe Premiere Pro project
    3. Converting movies
    4. Automated rendering and network rendering
    5. Rendering and exporting still images and still-image sequences
    6. Using the GoPro CineForm codec in After Effects
  17. Working with other applications
    1. Dynamic Link and After Effects
    2. Working with After Effects and other applications
    3. Sync Settings in After Effects
    4. Collaborate with Team Projects
    5. Share and manage changes with Team Project collaborators
    6. Creative Cloud Libraries in After Effects
    7. Plug-ins
    8. CINEMA 4D and Cineware
  18. Memory, storage, performance
    1. Memory and storage
    2. Improve performance
    3. Preferences
    4. GPU and GPU driver requirements for After Effects

Use the intuitive toolset to help you design and composite 3D content faster and more accurately, natively in After Effects.

Work in 3D Design Animation Space

Use the intuitive toolset to help you design and composite 3D content faster and more accurately, natively in After Effects. With all the 3D manipulation controls in one space, you don't have to constantly jump back and forth between 3D applications to get a single shot.

This design space has the following features:

  • 3D Transform Gizmo
  • Improved camera tools for navigating 3D
  • Real-time 3D Draft Preview
  • 3D Ground Plane

With the camera tools, you can always move around the scene to see where things should be, how they can be moved, and then you can use the 3D Transform Gizmo to move them accordingly.

 If you are new to working with 3D in After Effects, or if you want to learn the basics, see Work with 3D.

Open the 3D Design Space

Use the following steps to open the 3D Design Space:

Turn 3D switch on
Turn 3D switch on

  1. In the Timeline, turn on the 3D switch for all the 2D layers you want to manipulate.

 Create 3D Bins

When multiple 3D layers are placed together, you create 3D bins. They are groups of 3D layers that render together. When you place a 2D layer between two 3D layers, you creare separate bins which can cause visual changes in your project.

camera tools in toolbar
Camera tools in toolbar

2. This activates the 3D Design Space. The toolbar displays three camera controls - Orbit, Pan, and Dolly. Each of these controls contain multiple interaction points that you can use to manipulate objects in your scene in 3D space.

3. Click a 3D layer in the Timeline to use the Transform Gizmo that enables you to rotate, scale, and position a layer with a single tool.

3D Transform Gizmo
3D Transform Gizmo

Improved camera controls to navigate in 3D

Use the reimagined camera controls to quickly move around 3D space immediately after turning a 2D layer into a 3D layer. In the previous versions, they were hidden under a single control and you couldn’t directly access them which was time consuming. These improved controls are active as soon as you turn the 2D layers into 3D and you can access them from the main toolbar.

Work with the different camera controls

Each of the camera controls have multiple interaction points that you can use to view and manipulate the objects in your scene. These controls have editable default settings. If you are coming from a different 3D application, you can change these defaults and save them for later use.

Orbit controls

The default is set to Orbit Around Cursor.

Pan controls
Pan controls

The default is set to Pan Under Cursor.

Dolly controls
Dolly controls

The default is set to Dolly Toward Cursor.

1/2/3 keys are used for switching camera tools/controls (3D preferences). Use Shift-1/2/3 to cycle through each camera tools/control options.

You can also access the camera controls with the Alt (Win)/Opt (Mac) key.

Add a camera to your scene

After Effects allows you to view your layers in 3D space as soon as you start navigating. Once you are ready for a shot, add a camera to your scene by selecting View > Create Camera from 3D View. This creates a camera in your Timeline based on your current perspective. You can further add multiple cameras to your scene based on various viewpoints.

Default camera
Default camera

You can customize how different cameras move by selecting the different modes from the three camera controls. For example, if you want your camera to orbit around a scene by default, change the settings accordingly.

Use hotkeys to switch between controls

You can switch and navigate between the different camera controls seamlessly using the hotkeys (keyboard keys) - 1, 2, 3. You can edit the hotkey settings in the 3D Preference dialog.

3D Transform Gizmos

Use the 3D Transform Gizmo to scale, position and rotate 3D layers within a single tool. Unlike the older transform gizmo, this tool is faster and more intuitive, and gives you all the space manipulation tools in one. It works similar to Dimension, where it allows you to transform each of the axis within the same tool. You can eliminate the need to go into separate properties like position, scale, and rotate to manipulate these.

To use it, follow the steps in the Open the 3D Design Space section.

The primary gizmo enables you to scale (square handles), position (arrows), and rotate (circles) an object in a single control. Simply click and drag the control you want to manipulate:

  • Position handles, represented by arrows, allow you to move your selection in the direction the arrow is facing. When you move it, the pink lines that follow work as guides for you to know how far the object has moved from its origin point. To learn more, see Dimensional guide.
  • Scale handles, represented by squares, allow you to stretch and scale your objects along the line the handle is placed on. Hold shift while scaling to scale uniformly in all directions.
  • Rotate handles, represented by circles, allow you to rotate your objects in the direction of the line the handle is placed on. By default, rotation moves in increments of 1 degree. Hold Shift while rotating to snap rotation to increments of 5 degrees. Hold Command/Control while rotating to turn off rotation snapping and get decimal precision.

Different gizmo variations

The older versions of Transform Gizmo does not have individual states. The 3D Transform Gizmo starts with a Universal state and the other variations are: Position, Scale, and Rotation. You can change them from the main toolbar.

Each of the colors represent different axis - Red for X (horizontal), green for Y (vertical), and blue for Z (depth). Move each of the axis to change the orientation of the objects.

States of gizmo
States of gizmo

Universal state

Universal state
Universal state


Position state
Position state


Position state
Scale state


Rotation state
Rotation state

Different axis modes

After Effects enables you to switch between local and world axis space, and view axis mode that perform the following tasks:

  • Moving anchor point
  • Position & orientation
  • Rotation with Y / Pan Behind / Anchor Point Tool

Tip: Try combining the world or local space or view axis mode along with the different states to get more control over the objects in 3D space.

Dimensional guide

Use the Dimensional guides while working with the gizmos to tell how far an object has moved or how many degrees it has been rotated. These guides update dynamically and give you information about the different states and modes of gizmo. 

For example, if you move the Position head (the arrow) it is followed by a pink line that indicates how far the object has moved from the origin point. There is also an intersection point made of pink lines, and the dynamic values of the different axes that add speed and versatility to your 3D workflows.

Use hotkeys to switch between gizmos

You can edit these properties separately using the 4, 5, 6 keys to go to individual tools and manipulate the axes, or press the V key to get back to the universal gizmo. You can also focus on one type of property for greater precision. Edit the keyboard shortcut for these in the Keyboard Shortcut Editor.

3D Preference dialog

3D preference dialog
3D preference dialog

You can change the 3D preferences from the After Effects > Preferences > 3D menu.

  • Camera Naviagation: Use Shift-1/2/3 to cycle through each camera tools/control options.
    • Uncheck the option of hotkeys for camera and transform gizmo navigation. If the option is unchecked, After Effects uses the keys as shortcuts to add markers. It deprioritizes camera tools with these hotkeys. When the hotkeys are enabled, the marker commands are deactivated.
    • Uncheck to deactivate the Left/middle/Right mouse clicks for camera navigation when the alt/option key is pressed. If it is unchecked, After Effects uses these mouse clicks for wireframes.
      • Camera Manipulation point: Select between None, Indicator, and Directional Indicator.
  • Camera Navigation - Dolly:
    • Mouse Scroll Wheel Behavior: Select between Magnify Composition, Dolly Camera, and Reverse dolly camera.
    • Drag Direction: Select between Normal, and Reverse.

Real-Time 3D Draft Preview

Get real time rendering of the changes you make to your 3D designs within After Effects. Backed with the faster and more efficient Real-Time Engine (RTE), it replaces the OpenGL Fast Draft engine to give you consistent, real-time previews throughout the creative process. In motion design, the speed of iterating and experimenting is critical for making creative choices. Use the Real-time 3D Draft Preview to reduce the lag time in previewing, thus reducing the time between idea, action, and result. You can turn it on using the Draft 3D button in the composition toolbar.

3D Ground Plane

The 3D Ground Plane keeps you oriented and gives you a sense of space while you navigate in Draft Preview mode, providing a visual cue to help position your cameras, lights and 3D layers in relationship to one another. 

When Draft 3D is enabled, a new Ground Plane button in the toolbar at the bottom of the Composition panel gets enabled by default. Use it to enable or disable a ground plane in the comp’s 3D space.

For more information, see Preview changes to 3D designs real time with the Real-Time 3D Draft Preview.

Use the improved composition panel toolbar for seamless 3D editing and creation

After Effects enables you to work seamlessly across your 3D designs by displaying only the appropriate controls as per your current design work. You can avoid having to constantly enable/disable a large number of settings as you switch back and forth, thus saving time and effort.

The row of buttons at the bottom of the Composition panel are streamlined and re-organized to show only the most used features. The 3D options such as Draft 3D, active camera are contextual and won’t get in your way when you don’t have 3D layers in your comp. Unlike in previous versions, there are settings that are not accessible from the toolbar, such as Pixel Aspect Ratio correction - you can access them from the Composition window menu.

For more information, see Improved composition toolbar for 3D designing.

Edit keyboard shortcuts

Keyboard shortcuts
Edit keyboard shortcuts

You can customize the keyboard shortcuts to make them work for different camera navigations and transform gizmos such as when you want to orbit your camera or cameras around an object from the center of the frame or around the object itself. To learn how to edit the keyboard shortcuts, see Visual Keyboard Shortcut Editor.

Best practices

Stacking 2D layers between 3D layers create multiple 3D bins. Be aware that layers in different bins no longer intersect or cast shadows upon each other. So, create 3D bins keeping this experience in mind.

Adobe logo

Sign in to your account