New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Applying video transitions between clips

From: After Effects CS5 Essential Training

Video: Applying video transitions between clips

Like most other video programs, After Effects has ability to add transitions, which is basically what happens when you go from one video clip to another video clip. In most dedicated video editing programs, such as Final Cut Pro or Premiere Pro, the animation that happens is automatic. But here in After Effects we need to, typically, manually transition from one clip to the next. So, to set this up, what I have done is I have got two clips here. One are these clips of these flowers moving from right to left. Then we can remove the visibility of this top layer, and we could see that we have these candles that were moving from left to right.

Applying video transitions between clips

Like most other video programs, After Effects has ability to add transitions, which is basically what happens when you go from one video clip to another video clip. In most dedicated video editing programs, such as Final Cut Pro or Premiere Pro, the animation that happens is automatic. But here in After Effects we need to, typically, manually transition from one clip to the next. So, to set this up, what I have done is I have got two clips here. One are these clips of these flowers moving from right to left. Then we can remove the visibility of this top layer, and we could see that we have these candles that were moving from left to right.

So, it's kind of like a similar motion here. The camera is basically going from left to right. So, what we are going to do is we are going to transition from one clip to the other clip. For that to happen, you need to have overlapping clips. But basically you could see here we have one clips stacked on top of the other clip. So, what I am going to do is go to Effects and Presets panel, and I am going to go to the Transition category. These are where you'll find the video transitions. Some of these, like the Cycore ones, they are a little bit over the top, but also can be quite interesting like CC Jaws, for example. You see that we have this Completion parameter.

This is pretty much common to most or all of the effects in the Transitions category. It's basically determines how complete the transition is. By default, it's set to 0%, usually. We can animate this to go from 0-100, to reveal the clip beneath it. Now, I definitely don't want to go through all the settings in this effect, and I don't want to go through every affect. I kind of want to just give you a basic idea of what's possible here in the Transition category. What's cool about these effects is that they can often be used for unconventional methods, like for example, earlier in the strings here, we have looked at that project with Radial Wipe.

We use this as kind of like a motion graphics tool to animate some dots coming on the screen. So, that's cool for stuff like that. You might use this as a kind of like a border. Maybe you don't want to animate the Completion value. You just leave it as a border. So, like, as you play these clips, then you have kind of like this cool border going on, and you don't animate the Completion. We could change the direction here, so maybe it's on like the left and right side. Maybe this some other type of like animated texture in the background here or something. We could change the height. We could change the width of these Spikes.

We could even change whether they are Spikes or whether it's RoboJaw, which is like flat Spikes or Blocks, or what have you. So, a lot of parameters here with the CC Jaws effect. You could see that it's not just for Transitions necessarily. I am going to select this effect, in the Effect Controls panel, hit the Delete key to delete it. There is a few other standard effects, such as Linear Wipe. This is very simple here. Basically, the Linear Wipe does exactly what it says. It just sweeps one clip away with a line to reveal the next clip. Very simple parameters here: we have the Wipe Angle, and we can Feather that so it's a little bit more of a soft edge.

Again, this can allow you to create some interesting effect that you might not want to animate. You might not want to use this as a Transition, but just use it as kind of a a nice like soft feathered texture in the corner or something like that. So, you could see, as we're removing in time, what that looks like. Now one of these effects is just ridiculously cool. I am going to select Linear Wipe and delete it. I'm going to play the Card Wipe effect to that top layer. Now first thing we know is that Card Wipe is very complex compared to the others. The other thing we notice is that it looks terrible in its default settings. If I move around Transition Completion, we can see that basically it kind of is like this blocky 1980s- looking texture that goes through.

However, if I take this Transition Completion to around 40, 50, 60% somewhere around there, then we go down to the Camera Position category of parameters. Open that up, and adjust Y Rotation. We will see that what's going on here is that After Effects is turning the top layer into a series of three- dimensional flipping cards. So, when we adjust Transition Completion, what we are actually doing is flipping these cards around. If we wanted to, we could change the Back layer, in other words what's on the back of the cards, to the Merch_Candles layer.

That's the Candle layer. So, we can transition to that layer behind it if we wanted to. Actually, the purpose of the effect is that it create that stadium look, where it looks everyone in the stadium is holding a certain card, like for a cell phone company or something. They flip it upside down to reveal a logo or what have you. So, you could see, we have one side of the layer and through Transition Completion we could flip the cards over and flip to the other layer. Now, another thing, too, is we go down here to position Jitter, and we could increase Z Jitter Amount. This is the position, Z position.

So, there is X is left or right, Y is up and down, and Z is towards you and further away from you. So, as we increase the Z Jitter Amount, we are increasing the distance between the cards and the camera, which is really kind of cool. So, now as we move the Y Rotation on, again, we have this series of 3- dimensional cards, very cool stuff. I might even want to just like take off the visibility of the Candles layer, and just play around with what I can come up with, with Card Wipe, without a Background, or some other kind of textures of background - maybe not use this as a Transition, but just as a way to create cool cards or something.

One other thing that I have also used this for is starting a Transition Completion at a different spot. Let's say I take down to 0%, I guess. Then with the Z Jitter Amount values really, really high, maybe even X Jitter Amount and Y Jitter Amount really, really high, so it looks like just like a series of crazy pictures all over the place. Then what we could do is animate these, so that these elements that the values reduce drastically here, and animate to have no Jitter Amount. So, they kind of gather back together, and then flip at the same time.

So, it's almost like a logo gathering together. A very cool effect with this awesome Card Wipe effect it's kind of stowed away in the Transition category, which is not typically where you would find a lot of really powerful effects. But this just happens to be one that you might want to experiment and play around with. Again, as with all other effects, there is that After Effect effects Training Series on lynda.com that goes into great detail about all that you ever want to know, and probably more, about Card Wipe.

Show transcript

This video is part of

Image for After Effects CS5 Essential Training
After Effects CS5 Essential Training

111 video lessons · 67183 viewers

Chad Perkins
Author

 
Expand all | Collapse all
  1. 5m 40s
    1. Introduction
      1m 30s
    2. What is After Effects?
      3m 12s
    3. How to use the exercise files
      58s
  2. 28m 14s
    1. After Effects workflow overview
      2m 18s
    2. Bringing elements into After Effects
      2m 23s
    3. Adding elements to the Timeline
      1m 57s
    4. Working with layers
      3m 45s
    5. Creating animation with presets
      3m 24s
    6. Applying effects
      3m 34s
    7. Creating animation without presets
      5m 38s
    8. Previewing your work
      2m 46s
    9. Exporting content as a movie file
      2m 29s
  3. 27m 20s
    1. Touring the interface
      6m 2s
    2. How After Effects projects work
      4m 47s
    3. What is a composition?
      4m 52s
    4. Tips for adding content to compositions
      2m 49s
    5. Understanding the properties of video
      8m 50s
  4. 57m 8s
    1. Importing an Illustrator file
      4m 57s
    2. Animation basics
      7m 12s
    3. Animating opacity
      6m 40s
    4. Understanding anchor points
      4m 57s
    5. Animating position
      6m 8s
    6. Animating rotation
      4m 41s
    7. Animating scale
      7m 19s
    8. Using the Puppet tool
      7m 13s
    9. Copying and pasting keyframes
      3m 4s
    10. Animation shortcuts
      4m 57s
  5. 9m 42s
    1. Understanding precomposing
      6m 51s
    2. Navigating through compositions quickly
      2m 51s
  6. 1h 12m
    1. A showcase of effects
      2m 34s
    2. Creating a layer for effects
      3m 1s
    3. Applying effects
      4m 54s
    4. Animating effect properties
      4m 29s
    5. Using Glow
      5m 34s
    6. Creating patterns and textures
      6m 57s
    7. Creating a fireball
      7m 9s
    8. Using the Cycore effects
      5m 58s
    9. Adding blur
      5m 45s
    10. Creating a galaxy scene from scratch
      8m 38s
    11. Distorting objects with effects
      4m 7s
    12. Creating and using lens flares
      4m 21s
    13. Creating lightning bolts
      4m 3s
    14. Viewing random variations with Brainstorm
      4m 39s
  7. 30m 52s
    1. Shortening the duration of layers
      4m 23s
    2. Trimming in the Footage panel
      4m 14s
    3. Slowing and accelerating video speed
      7m 9s
    4. Applying video transitions between clips
      6m 7s
    5. Working with image sequences
      4m 47s
    6. Importing footage with an alpha channel
      4m 12s
  8. 36m 11s
    1. Brightening dark footage
      9m 12s
    2. Changing colors in footage
      6m 34s
    3. Creating cinematic color treatments
      8m 17s
    4. Creating a quick vignette
      3m 42s
    5. Colorizing black-and-white objects
      4m 50s
    6. Using adjustment layers
      3m 36s
  9. 21m 9s
    1. Creating and editing text
      7m 39s
    2. Applying text animation presets
      4m 41s
    3. Animating text manually
      4m 43s
    4. Applying layer styles to text
      4m 6s
  10. 28m 58s
    1. Let's get better
      37s
    2. Using work areas
      3m 37s
    3. Creating markers
      6m 17s
    4. Replacing layers
      2m 35s
    5. Mastering Timeline navigation
      3m 18s
    6. Aligning and distributing layers
      3m 4s
    7. Selecting layers quickly
      1m 56s
    8. Cropping layers
      3m 43s
    9. Adjusting comp resolution
      3m 51s
  11. 23m 53s
    1. Using the paint tools
      9m 35s
    2. Using the Roto Brush tool
      9m 25s
    3. Animating growing vines
      4m 53s
  12. 40m 29s
    1. Creating and using masks
      6m 42s
    2. Exploring mask options
      7m 57s
    3. Creating masks with Auto-trace
      6m 51s
    4. Masking objects with other objects
      5m 33s
    5. Making shape layers
      3m 43s
    6. Modifying shape layers
      9m 43s
  13. 30m 44s
    1. Turning 2D layers into 3D layers
      9m 22s
    2. Creating lights and cameras
      6m 14s
    3. Creating shadows
      4m 23s
    4. Using depth of field
      4m 42s
    5. Working with 3D effects
      6m 3s
  14. 18m 10s
    1. Removing a green screen background
      4m 37s
    2. Refining the matte
      4m 48s
    3. Compositing with color adjustments
      4m 50s
    4. Compositing with blend modes
      3m 55s
  15. 25m 44s
    1. Understanding spatial interpolation
      2m 5s
    2. Creating and adjusting motion paths
      3m 55s
    3. Orienting moving objects along a path
      1m 29s
    4. Drawing motion with Motion Sketch
      2m 51s
    5. Creating pauses in animation
      3m 6s
    6. Understanding temporal interpolation
      1m 56s
    7. Easing keyframes
      5m 57s
    8. About the Graph Editor
      4m 25s
  16. 12m 13s
    1. Stabilizing shaky footage
      7m 46s
    2. Tracking the motion in footage
      4m 27s
  17. 24m 58s
    1. Setting up parent layers
      5m 49s
    2. Working with null objects
      2m 31s
    3. What are expressions?
      7m 17s
    4. Modifying simple expressions
      2m 20s
    5. Using the wiggle expression
      7m 1s
  18. 6m 52s
    1. Understanding audio in motion graphics
      1m 22s
    2. Previewing and mixing audio
      3m 55s
    3. Enhancing audio tracks with effects
      1m 35s
  19. 11m 36s
    1. Adding comps to the Render Queue
      2m 30s
    2. Exploring key Render Queue settings
      4m 11s
    3. How should I export my video?
      4m 55s
  20. 7m 16s
    1. Using Photoshop with After Effects
      2m 10s
    2. Using Illustrator with After Effects
      3m 2s
    3. Using Flash with After Effects
      2m 4s
  21. 11s
    1. Goodbye
      11s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.