EDUCBA

EDUCBA

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

Morphing in After Effects

By Preeti PrajapatiPreeti Prajapati

Home » Design » Design Tutorials » After Effects Tutorial » Morphing in After Effects

Morphing in After Effects

Introduction to Morphing in After Effects

Morphing in After Effects is used to do a seamless transition from one image to another. So, it can be any image or shape or vector graphics. The origin of morphing can be traced back to the 16th century when a painting named Tabula scalata with two images was divided over ridged or grooved surface as each image was visible only from a particular angle. Morphing occurred when changing from one angle to another. Mechanical transformation leads to morphing in the 18th century, like the use of mechanical magic lanterns slides that change the figure’s appearance.

In this article, we will morph shapes in after effects. We will look at 2 examples in which we will morph the rectangle to the triangle, and then we will morph the triangle to a rocket.

Start Your Free Design Course

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

Examples to Create Morphing in After Effects

Below are the two different examples to create Morphing in After Effects:

Example #1 – Morphing Rectangle to Triangle

Step 1: Create a new project, and you will get an interface as shown below. If you do not see as shown below, then go to Window > Workspace > Default which should bring us on the same screen.

Workspace

Step 2: Now right-click in the Project window to create a new composition and give a name and leave other things as default.

new composition

Step 3: Next in the timeline window, right-click and create a new > Solid.

Popular Course in this category
Sale
After Effects Training (1 Courses, 3+ Projects)1 Online Courses | 3 Hands-on Projects | 20+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.5 (4,158 ratings)
Course Price

View Course

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

Morphing in After Effects - 3

Step 4: After creating the solid background, click on the lock icon and set the shy switch to on so that we do not accidentally select the background.

Morphing in After Effects - 4

Step 5: Now select a rectangle tool or press Q and create a square by pressing shift and if the anchor is not in the center, then select pan behind the tool and adjust the anchor to center. You can press ctrl to snap to the center. So when we do animation, the transitions are calculated from the center.

Step 6: Now select the polygon tool and match its size to rectangle, and center everything aligning both square and triangle to the composition. Also, set polystar path 1 points to 3 so we get a triangle. Reduce the opacity of both shapes so we can see the path to modify. Press T for transparency, from which you can directly change the opacity.

Morphing in After Effects - 5

Step 7: This is the important step to select the path of both layer and convert to the Bezier path.

Morphing in After Effects - 6

Step 8: Now ungroup the rectangle shape to get the path to animate and rename the shape layers triangle and square, respectively.

Morphing in After Effects - 7

Step 9: After ungrouping, set a keyframe for the path attribute at around 15f on the timeline by clicking on the stopwatch icon, and it turns blue, which means the key is set for the frame selected in the timeline. Then move the slider to 20f and adjust the shape of the rectangle to the triangle.

Step 10: After adjusting the path of the rectangle as a triangle. After moving the timeline to about 1-second, press N, which will reduce your work area, and you can repeatedly test without clicking the timeline to zero.

Step 11: To view the final render, we can either export it from after-effects or use an adobe media encoder, a separate program used for encoding and video rendering.

Step 12: Now, we will use a media encoder to export since we can keep working on the project while the encoding and rendering will happen in the background. If we choose to export from after effects, it would not matter in small projects, but it can take a long time depending upon the settings in large projects.

Morphing in After Effects - 8

Example #2 – Morphing Triangle to Rocket

Step 1: Now you know the basics of morphing, you have transformed the rectangle to a triangle. We will now morph a triangle to a more advanced shape of a rocket.

Step 2: For this section, I will use an illustrator vector file which has the shape of a rocket and morph its path to a triangle to get a cool effect.

Step 3: We will create a new composition as multiple compositions can be created in one project.

Morphing in After Effects - 9

Step 4: We have created a solid with a dark gray background and hidden it and set the shy, so we do not change the background.

Step 5: Double click on the project window and import the rocket.ai file. You can create your own file or download any ai that contains the rocket’s demo shapes.

Morphing in After Effects - 10

Step 6: Using a polygon tool creates a triangle as done previously. Then convert the .ai file to shapes by right-clicking the .ai file and create > create shapes from the vector layer. We can delete the original .ai file.

Morphing in After Effects - 11

Step 7: Add an effect by going to effect > generate > fill and Select white color.

Morphing in After Effects - 12

Step 8: Add a keyframe for the path attribute for the rocket. Now we have to transition those points into a triangle.

Step 9: Adjust the path of the rocket to the triangle as shown below. Also, reduce the opacity so we can see the changes in the path.

Images- 13

Step 10: All path points of the rocket should be aligned to the triangle, as shown below. To properly align, you should use the Bezier handle, which will change the curves’ length and angle.

Images - 14

Step 11: Now hide or delete the triangle shape as it is not needed anymore. After playing the animation on the timeline, you can now see that the rocket is converted to a triangle. So, what will do is that select the keyframe of transition to the triangle and put it ahead of the rocket.

Step 12: After playing the animation, you see that the triangle is morphed into a rocket-like sci-fi movie that shifts the character’s shape to achieve a morph effect.

Step 13: Finally, we can do some enhancement as now we can see that the animation is linear. We can add some easing which will give us a nice effect.

Step 14: To do that add it to select all the keyframes by drag selecting and right-click and select keyframe velocity. In the popup, set the influence to 75% for the incoming velocity and the outgoing velocity.

Image - 15

Step 15: Some helpful shortcuts. Hold ALT and double click on any keyframe; it will bring the keyframe velocity popup. Hold CTRL and click on any keyframe will remove easy ease.

Conclusion

We have successfully completed the basics of morphing in after effects as we have converted shapes from one form to another. Similar techniques can be used to achieve advanced morphing of faces and images.

Recommended Articles

This is a guide to Morphing in After Effects. Here we discuss an introduction and two different examples to create Morphing effects in the step by step manner. You can also go through our other related articles to learn more –

  1. Masking Layers in After Effects
  2. Group Layers In After Effects
  3. Glitch Effect In After Effects
  4. Composition In After Effects

After Effects Training (1 Courses, 3+ Projects)

1 Online Courses

3 Hands-on Projects

20+ 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
    • 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.

Let’s Get Started

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

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA Login

Forgot Password?

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

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.

Special Offer - After Effects Training (1 Courses, 3+ Projects) Learn More