EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

After Effects Transitions

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » After Effects Tutorial » After Effects Transitions

After Effects Transitions

Introduction to After Effects Transitions

Transitions in After Effect refers to a combination of effects that manipulate images and video footage by using a different type of technique for making a professional series of footage or images. Transitions also give you a wide range of manipulation techniques by using your own idea. Here we will look at the Transitions option in After Effect software and learn how to use it on any image or video footage.

How to Make Transition in After Effect?

Here we will learn the Transitions option of After Effect software by an example in some simple steps. So let us start our learning in this context.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: Before starting, let us have an introduction to the User Interface of this software so that we can easily understand the different sections of this software throughout this article. At the top, we have two ribbons that are Menu bar and Tool panel for making some adjustment to this software; at the left side, we have the Project section, which shows a number of components of any project, at the right corner, we have some other parameters of this software such as Preview tab, Audio tab, Effects & Presets tab and many others, at the bottom of the working screen we have Timeline section for adjusting parameters of animation or transition.

After Effects Transitions - 1

Step 2: Now take New Composition for starting our learning. We have two options for taking new composition: first is to go to the Menu bar and click on the Composition menu. A drop-down list will open; click on the ‘New Composition’ option of this list.

New Composition - 2

Step 3: The second one will be the Project panel, and click on the ‘New Composition’ icon, which is at the bottom end of the Project panel.

After Effects Transitions - 3

Step 4: A Composition setting box will open. Make the setting of the required composition according to you and click on the Ok button of this box for applying the settings.

Popular Course in this category
Sale
Photoshop Training (10 Courses, 12+ Projects)10 Online Courses | 12 Hands-on Projects | 80+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.9 (11,417 ratings)
Course Price

View Course

Related Courses
After Effects Training (1 Courses, 3+ Projects)Adobe Premiere Pro Tutorial (3 Courses, 7+ Projects)All in One Design Bundle (280+ Courses, 100+ projects)

After Effects Transitions - 4

Step 5: Now, take your desired footages or images for applying the Transition option on them. I will open that folder where I have saved my images, pick them from that folder, & drop them into the Project panel of After Effect software one by one.

After Effects Transitions - 5

Step 6: Now select both the images and take them into the Timelines section by dragging them with the mouse button.

After Effects Transitions - 6

Step 7: Now, place the play head at 4 sec in the Timeline frame area and adjust the playing scale of both images at 4 sec.

After Effects Transitions - 7

Step 8: Now, place the play scale of the second image as I did. I am doing this for showing the variation of transition when it switches from one image to another image.

After Effects Transitions - 8

Step 9: In the Effects & Presets section, we have some presets of effects. Transition is also there as a pre-designed format of transition.

After Effects Transitions - 9

Step 10: Click on the small arrow button of the Transition option. A list of presets of Transition will be open. You can use any one of the preset of Transition from this list.

After Effects Transitions - 10

Step 11: For applying presets of Transition from this list, you just have to pick any one of them and then drop it on the layer of that image on which you want to apply it.

After Effects Transitions - 11

Step 12: When you apply these presets, their parameters will be open in the Project panel. Now when you play the transition, then the pre-design transition will be played like this.

Project panel

Step 13: You can make changes in the parameters of the presets of transition. For making changes click on the clock icon of the parameter of the property of applied presets and then come into the Timeline section, press the U button from keyboard to open keyframe.

 Timeline section

Step 14: Now, place play head a 4 sec and add key by click on the key icon at the left corner of the layer of this image, then make changes in the value of a parameter of this property.

 parameter

Step 15: Now, when you play this transition by the Preview tab of this software (or you can press the space bar of the keyboard to play the transition), then it will look like this.

Preview

Step 16: Now select both keys and make right-click. A drop-down list will be open, go to the ‘Key Frame Assistant’ option of this list and click on the ‘Easy Ease’ option of the new drop-down list for the smooth performance of your transition or after selecting both keys, you can press F9 button from the keyboard for making ‘Easy Ease’ key.

Easy Ease

Step 17: You can increase or decrease the number of Rows or Columns of this transition for giving a new look to this transition. You can also make changes in other parameters of this transition according to you.

Rows or Columns

Step 18: You can make your own Transition in After Effect by using different Transition options. For making your own Transition, go to the Menu bar and click on Effect Menu. A drop-down list will be open; go to the Transition option. When you go to the Transition option list of different type of effect of transition will be open.

After Effects Transitions - 18

Step 19: Choose any one of the effects of this list.

After Effects Transitions - 19

Step 20: Now click on the clock icon of the Completion property of this effect; a key will be added in the keyframe.

After Effects Transitions - 20

Step 21: Now, place the play head at 4 sec and add a new key in it by click on a key icon of this image. Now make the value of Completion up to 100%.

After Effects Transitions - 21

Step 22: You can animate other properties of this effect in the same way according to you.

After Effects Transitions - 22

Step 23: Now, when you play the transition, it will look like a glassy effect on the image.

glassy effect

  • In this way, you can make Transition in Adobe After Effect by using a different type of effect of transition option. You can use a combination of effects for getting the best result in the transition of any image or footage.

Conclusion

Now, after this article, you can easily understand ‘What is Transition in After Effect?’ and how you can use its parameter for making a highly professional Transition of images or footage. You can use your own idea for making Transition by using exciting features of this option.

Recommended Articles

This is a guide to After Effects Transitions. Here we discuss an introduction and a simple example to creating a transition in After Effect in a step by step manner. You can also go through our other related articles to learn more –

  1. Glitch Effect in After Effects
  2. Slow Motion in After Effects
  3. Blur in After Effects
  4. Guide to Slider Control After Effects

Photoshop Training (9 Courses, 12+ Projects)

10 Online Courses

12 Hands-on Projects

80+ Hours

Verifiable Certificate of Completion

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
After Effects Tutorial
  • Effects
    • Crop in After Effects
    • Color Grading in After Effects
    • Text Effects in After Effects
    • After Effects Templates
    • After Effects Bounce Expression
    • Time Remapping After Effects
    • After Effects Gradient
    • After Effect Font
    • After Effects Duplicate Composition
    • After Effects Expressions List
    • After Effects Green Screen
    • After Effects Loop Composition
    • Drop Shadow in After Effects
    • Background in After Effects
    • Blur in After Effects
    • After Effects Freeze Frame
    • After Effects Move Anchor Point
    • After effects?Quicktime
    • Text in After Effects
    • Motion Blur in After Effects
    • Mask in After Effects
    • Color Correction in After Effects
    • Blending Modes in After Effects
    • Track Matte in After Effects
    • Transparent Background in After Effects
    • Slow Motion in After Effects
    • Animation in After Effects
    • Text Animation in After Effects
    • Logo Animation in After Effects
    • 2D After Effects Animation
    • 3D Effects in After Effects
    • 3D Text in After Effects
    • After Effects 3D Objects
    • Shape Layers in After Effects
    • Export in After Effects
    • Morphing in After Effects
    • Twitch in After Effects
    • Snowfall in After Effects
    • Rain in After Effects
    • Masking Layers in After Effects
    • Group Layers in After Effects
    • Glitch Effect in After Effects
    • Ripple Effect in After Effects
    • Composition in After Effects
    • After Effects Transitions
    • Typography in After Effects
    • Slider Control After Effects
    • Motion Graphics in After Effects
    • Wiggle in After Effects
    • After Effects Portable
    • Wiggle Expression in After Effects
    • Keylight in After Effects
    • Rotoscoping in After Effects
    • After Effects Render
    • After Effects Expressions
    • After Effects Presets
    • Duik After Effects
    • After Effects Split Clip
    • Trapcode in After Effects
    • Plexus After Effects
    • Logo Reveal After Effects
    • Mocha in After Effects
    • Twixtor in After Effects
    • Lens Flare in After Effects
    • After Effects Particles
    • After Effects Timeline
    • After Effects Tracking
    • Camera Tracking in After Effects
    • After Effects Repeater
    • After Effects Cartoon
    • After Effects Loop Expression
    • After Effects?Optical Flares
    • Glow in After Effects
    • After Effects GIF
    • After Effects Motion Tracking
    • After Effect Kinetic Typography
    • Cut Clips in After Effects
    • Lower third after effect
  • Basic
    • What is After Effects
    • After Effects Versions
    • After Effects Software
    • After Effects Shortcuts
    • Adobe After Effects Plugins
    • How to Use After Effects
  • After Effects Tools
    • After Effects Tools
    • After Effect Hologram
    • Pen Tool in After Effects
    • Puppet Tool in After Effects
    • KeyFrames in After Effects
    • Adding Keyframes in After Effects

Related Courses

After Effects Training Course

Adobe Premiere Pro Training Course

Design Training Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

Independence Day Offer - Photoshop Training (9 Courses, 12+ Projects) Learn More