After Effects CC : How to Import and Animate Photoshop Layers

Introduction

This tutorial will guide you through the process of importing and animating Photoshop layers in Adobe After Effects CC. By following these steps, you can effectively enhance your projects by utilizing layered graphics from Photoshop, making your animations more dynamic and visually appealing.

Step 1: Prepare Your Photoshop File

Before importing into After Effects, ensure your Photoshop file is properly set up.

• Use separate layers for different elements you want to animate.
• Name your layers clearly for easy identification in After Effects.
• Save the file in a compatible format, preferably .PSD.

Step 2: Import the Photoshop File into After Effects

Now, let's import your prepared Photoshop file into After Effects.

1. Open After Effects.
2. Go to the "File" menu.
3. Select "Import" and then choose "File."
4. Locate your .PSD file and click "Open."
5. In the dialog box that appears, choose "Composition - Retain Layer Sizes" to maintain layer integrity.
6. Click "OK" to import.

Step 3: Organize Your Layers in After Effects

Once imported, it's crucial to organize your layers for effective animation.

• Find the new composition in the Project panel.
• Double-click the composition to open it.
• Review the layers to ensure they are structured as you intended.

Step 4: Animate the Layers

You can now begin animating each layer to bring your design to life.

1. Select the layer you wish to animate.
2. Press the "P" key to access the Position property.
3. Click the stopwatch icon to create a keyframe at the starting point.
4. Move the playhead to a new position in the timeline.
5. Adjust the layer’s position to create movement.
6. After adjusting, a new keyframe will automatically be created.

Step 5: Fine-Tune Your Animation

To enhance your animation, consider the following adjustments:

• Use the “Easy Ease” function to smooth out the motion.
  • Select the keyframes, right-click, and choose Keyframe Assistant > Easy Ease.
• Adjust the timing by dragging the keyframes closer or further apart on the timeline.
• Experiment with additional properties like Scale (press "S") or Rotation (press "R") for more dynamic effects.

Step 6: Preview and Export Your Animation

Finally, preview your animation and prepare it for export.

• Press the spacebar to preview your animation.
• Make any final adjustments as needed.
• To export, go to "Composition" in the menu, then select "Add to Render Queue."
• In the Render Queue, set your output settings and click "Render."

Conclusion

You have now successfully imported and animated Photoshop layers in After Effects CC. By following these steps, you can create engaging animations that leverage your Photoshop graphics. Consider experimenting with different layer effects and animations to further enhance your projects. Happy animating!