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

Editing techniques for graphics and video

From: After Effects: Principles of Motion Graphics

Video: Editing techniques for graphics and video

I honestly think way too many designers overlook, or just simply underrate, simplicity. Sometimes the power of something as simple as a jump cut can really add that spark into your graphics projects. Rather than always trying to create extraordinarily complex graphics builds, it pays to step back, take a breath, and look at some simple solutions for your animations. In this project, we want to interject some "funky" into this title animation. Now I know that term is open to interpretation, but a lot of times, I can achieve some interesting effects just by adding a couple of jump cuts into the render.

Editing techniques for graphics and video

I honestly think way too many designers overlook, or just simply underrate, simplicity. Sometimes the power of something as simple as a jump cut can really add that spark into your graphics projects. Rather than always trying to create extraordinarily complex graphics builds, it pays to step back, take a breath, and look at some simple solutions for your animations. In this project, we want to interject some "funky" into this title animation. Now I know that term is open to interpretation, but a lot of times, I can achieve some interesting effects just by adding a couple of jump cuts into the render.

Building this title open took a little bit of time, and don't worry; we are definitely going to do that later in the title. But for now, I want to show you how you can pre-render a title open, and even if you're not 100% satisfied with it, a lot of times if you utilize the editing features within After Effects, you can actually create something that is very powerful with very little effort. So let's go ahead and look at what we've got. First thing, make sure you select the Title_Open264 video in the upper-left corner of your Project panel, because I want you to notice one thing.

If we go up under the Project Settings, notice under Millions of Colors, it says H.264. That's the codec, and the reason I chose H.264 was just because it saves a ton of file space for those of us who want to download the project files. It also saves plenty of space on the DVD. Now, typically when I'm pre-rendering a graphic element, I wouldn't render it to H.264. It's not a very forgiving codec, as far as being able to manipulate things around. But for this instance, it's going to work perfectly fine, because we are just going to add a couple of different jump cuts and some basic editing effects.

So to get started, let's look at our animation. I am going to move my playhead back to the beginning and load up a RAM preview. (video playing) Okay, so at the beginning here, I think things are a little slow developing, so I'd like to add an interesting kind of jump cut in here. Now, I can try and duplicate this later and do a bunch of different edits right here in the Timeline, but if you go to the Project pane and double-click a video file, it'll open up in the Footage window here, and you notice there are some editing tools.

Now, if you want to check out the playback of your file, go ahead and press the Spacebar and it will play back. It's not playing in the audio, but that's perfectly fine. I just want to choose a smaller section of this video file, like right about here, I want to make this my in point. So I could press Alt+Left Bracket or Option+Left Bracket on my keyboard, but there's this button right here. What this does, it sets the in point to the current time. Let's go ahead and press the Spacebar and hit the Spacebar again to stop.

Now, if we press this out button, you notice we only have this one section of video that's highlighted in white. That's the section that'll be dropped into my Timeline when I'm ready to use one of these buttons over here. Now, there are two buttons you can choose, and just to make sure I know exactly where I am in the Timeline, I am just going to jump back to the Comp window here and just sort of scroll around and make sure everything is okay. Now since I am using the same piece of footage in the Footage pane, it's a little confusing as to where things are, but that's okay.

When we go ahead and apply this ripple insert edit, let's see what happens. Check it out. When you do a ripple insert, After Effects actually splits the layer that's already in your After Effects comp and moves down the second portion of that layer. Now, the section that we had highlighted in our Footage window is the section that got edited here on layer 1. So let's move our playhead back to the beginning and check out another RAM preview, so we can see the effects of our edit.

(video playing) Okay, that's not quite what I was looking for, but I think you've got a clear idea as to what happens when you do an insert edit. So let's just undo that last edit. Then we will go back to the Footage window here. Instead of doing an insert edit, let's just do a simple overlay edit. Overlay obviously just overlays that piece of video right over our first background layer.

Now, just so we don't get conflicting audio happening, let's turn off the audio in layer 1. Now, this one continuous layer is always going to have this one continuous audio track. Now, if we go ahead and scrub our playhead here, we can get a good idea as to what's going on. I get this interesting kind of jittery effect, because you know, obviously these things aren't lining up at 100%. Now, if you want to choose a different section of the video, if you move your cursor to the left or right side of the selected area here in the Timeline, notice you get these two bars with the arrows on it.

Those bars are letting you know you can slip or slide the footage and still maintain the same edit point. So I am just going to side this back so when the jump cut happens, it's a little bit more dramatic. Now, I don't want the exact same thing to happen; I'd like this layer to actually jitter in reverse. So if you go ahead and control or right- click directly on the layer, you can go up under Time and just choose Time-Reverse Layer. Now even though the layer is in reverse, it still kept the same section chosen, so this is kind of nice.

Let's go ahead and load up our RAM preview here one more time, and we can see the effects of our edit. (video playing) Okay, so that was a little too long, so just click on the right-hand side of layer 1 and drag it back to the left. I just want a little bit of a stutter here. Again, let's load up a RAM preview and check it out. (video playing) So to continue layering effects, all I am going to do is just double-click the same video file again and choose a different section to use for this next edit.

So again, right after here, I want to add some more interest in our Timeline. So I will mark an in point and go down here and mark an out point, and you notice something happened. Well, if you double-click the same piece of footage and load it up into the Footage window, it does remember the last time you loaded up the footage. So sometimes what you will have to do is just move the in point or the out point further down the Timeline, so when you go ahead and use these buttons again, the footage will be trimmed at the proper length. So I like this.

Let's go ahead and just do an overlay edit. And now if we scrub in the Timeline, you will notice again I am getting the same kind of stuttering. I want to slide this way forwards in the Timeline, and I'll trim that down again. And just so we don't have to keep going back to the Footage window, we can go ahead and just duplicate a layer here in the Timeline and slide the layer down. And again, if you want to choose a different section, just go ahead and click and drag outside of your in and out point and that will allow you to slide the footage.

Now, I want to slightly different length through the second jump, so there we go. Now, let's go ahead and preview what we've got. (video playing) And obviously, we forgot to turn the audio off on those other layers. So let's look at it one more time. (video playing) So I am kind of liking the direction this is headed in.

I am going to keep adding some edits, but if you hold on, through the magic of video you'll see a quick cross dissolve, and we'll pick up with the fully edited piece here in just a minute. Okay, so we're back. Let's scroll up and down the Timeline here, and you can see I've added a couple of more edits into my Timeline, and I definitely repositioned some of the timing of our previous edits. So let's go ahead and check out our preview to see how it turned out. (video playing) So, I really like that.

Now, obviously the amount of jitter and the effects that you are choosing is total personal preference, but if you want to take it up another notch, think about adding some filters or effects or even layer masks to the different layers that you've edited into your piece. Well to be honest, I think I let the cat out of the bag with that one a little bit. I mean, editing graphics as video is really one of my favorite simple tricks whenever I have a client that's looking at the open and they just think it needs a little something else.

So the next time you have a project with a quick turnaround, step back and think about taking a more simplistic approach. Try editing your graphics as video.

Show transcript

This video is part of

Image for After Effects: Principles of Motion Graphics
After Effects: Principles of Motion Graphics

60 video lessons · 22790 viewers

Ian Robinson
Author

 
Expand all | Collapse all
  1. 3m 37s
    1. Welcome
      1m 1s
    2. Using the exercise files
      1m 4s
    3. Defining motion graphics
      1m 32s
  2. 11m 11s
    1. Workflow for creating motion graphics
      5m 7s
    2. Organizing projects for motion graphics
      4m 25s
    3. Defining a motion graphics "package"
      1m 39s
  3. 12m 58s
    1. Collecting visual inspiration
      2m 14s
    2. Listening to imagine
      3m 20s
    3. Creating elements for inspiration
      7m 24s
  4. 33m 4s
    1. Essential theories of typography
      6m 34s
    2. Understanding shortcuts for setting type in AE
      7m 27s
    3. Converting type from Photoshop
      5m 51s
    4. Importing type from illustrator
      9m 44s
    5. Creating shapes from text
      3m 28s
  5. 36m 30s
    1. Understanding the role of timing in motion graphics
      8m 1s
    2. Creating and using markers
      7m 58s
    3. Creating animation with markers
      5m 16s
    4. Using audio to create animated graphics
      5m 47s
    5. Editing techniques for graphics and video
      9m 28s
  6. 49m 27s
    1. Understanding different kinds of type in After Effects
      15m 53s
    2. Using animators with type
      7m 59s
    3. Using type presets
      7m 35s
    4. Creating custom type presets
      4m 35s
    5. Animating paragraph type
      13m 25s
  7. 45m 51s
    1. Exploring the use of color in motion graphics
      10m 40s
    2. Creating and using color palettes
      13m 45s
    3. Exploring color correction tools in AE
      6m 46s
    4. Advanced correction with Color Finesse
      8m 30s
    5. Creating custom color presets
      6m 10s
  8. 59m 6s
    1. Exploring textures in motion graphics
      8m 30s
    2. Building an animated background texture
      16m 48s
    3. Creating textures for type
      10m 19s
    4. Animating seamless textures
      15m 1s
    5. Creating custom vignettes
      8m 28s
  9. 38m 25s
    1. Understanding lighting in After Effects
      12m 57s
    2. Intro to lighting techniques
      5m 17s
    3. Using material settings to enhance lighting
      7m 36s
    4. Adding polish to a light setup
      12m 35s
  10. 50m 32s
    1. Animating swoops and swooshes
      12m 37s
    2. Creating repeating light trails with the Vegas effect
      6m 28s
    3. Repeating patterns with shape layers
      8m 11s
    4. Exploring graphic transitions
      10m 37s
    5. Exploring video transitions
      5m 16s
    6. Adding dynamic elements to a video transition
      7m 23s
  11. 22m 23s
    1. Working in 3D
      8m 36s
    2. Rigging cameras for animation
      8m 45s
    3. Working with depth of field
      5m 2s
  12. 50m 54s
    1. Creating storyboards in After Effects
      10m 20s
    2. Creating an animatic
      18m 14s
    3. Polishing the animation and timing
      8m 45s
    4. Applying the final effects
      13m 35s
  13. 47m 53s
    1. Preparing a map for animation
      7m 59s
    2. Animating and styling a map
      8m 24s
    3. Designing a lower-third graphic
      8m 22s
    4. Adding animation to the lower-third graphic
      9m 10s
    5. Creating bumper animations
      13m 58s
  14. 14m 17s
    1. Defining the toolkit
      2m 2s
    2. Preparing templates
      7m 12s
    3. Creating a style guide
      5m 3s
  15. 1m 3s
    1. Next Steps
      1m 3s

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
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed After Effects: Principles of Motion Graphics.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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.