Motion Control 3D: Bringing Your Photos to Life in Three Dimensions

Motion Control 3D: Bringing Your Photos to Life in Three Dimensions

with Richard Harrington

 


Have you looked at a photo and wished you were there, or wondered what the scene looked like to the photographer? Now you can bring your photos to life by adding motion and depth to your images. Author Rich Harrington reveals how you can transport your photos into a three-dimensional world using Adobe Photoshop and After Effects. The course shows you how to select the right images and resolutions; how to use masks and layers to build the composition in Photoshop; and how to animate the camera and light the scene in After Effects.
Topics include:
  • Understanding parallax
  • Choosing the best photos
  • Identifying planes
  • Using Quick Selection, Quick Mask, and Refine Edge to create layers
  • Adding a 3D camera to your scene
  • Setting the depth and size of your composition
  • Using multiple views
  • Adding depth of field and Bokeh blur
  • Setting ambient and directional light

show more

author
Richard Harrington
subject
Video, Motion Graphics
software
After Effects CS6, Photoshop CS6
level
Intermediate
duration
1h 30m
released
Oct 04, 2012

Share this course

Ready to join? subscribe


Keep up with news, tips, and latest courses.

submit Course details submit clicked more info

Please wait...

Search the closed captioning text for this course by entering the keyword you’d like to search, or browse the closed captioning text by selecting the chapter name below and choosing the video title you’d like to review.



Introduction
Welcome
00:04Hi, my name is Richard Harrington, and today I'm going to share with you some of my favorite
00:08techniques for designing motion graphics that use photos.
00:11Now, what I'm going to show you is built upon a lot of years of practical use.
00:15I was a History Minor in college and a Journalism Major, and so I've always been enthralled by
00:20photo journalism and telling stories.
00:22I've also worked on a lot of documentaries through the years, and I really enjoy taking
00:26pictures and bringing history to life.
00:29To do this, we're going to use photos along with Photoshop and After Effects to layer
00:33those photos, split them into 3D space, and then move the camera through virtually.
00:38There are a lot of cool techniques, and this is definitely an advanced course that builds
00:43upon a lot of other skills.
00:44However, you're going to be able to jump in as long as you've got a base understanding
00:48of Photoshop and After Effects and really get some powerful results.
00:52We've got some real-world projects to show you, as well as some techniques that are going
00:56to be built upon different types of photos, so there is lot to explore. Let's begin.
01:01
Collapse this transcript
What you should know before watching this course
00:00If you've never opened up Photoshop or After Effects, this probably isn't the best class to start with.
00:06Fortunately, there's a bunch of great training here on lynda.com that you can explore.
00:10Be sure to try out the Essential Training titles for both After Effects and Photoshop
00:15before watching this course.
00:16We also have a Documentary Photo Techniques course using Photoshop and After Effects that
00:20I produced that you can take a look at here online as well.
00:24Now we will take a lot of fundamental skills and build them up, but again, if you've never
00:29launched Photoshop or After Effects, don't start here. We're going to go fast, and we're
00:33going to move through a lot of different features quickly.
00:36I promise it's clear and understandable, but you're going to want to come in with the foundation first.
00:41
Collapse this transcript
Using the exercise files
00:00If your lynda.com membership includes it, we do have some hands-on lesson files that
00:05you could download and play with.
00:07Now I'm not able to include every single file in the exercises, that's because of some copyright concerns.
00:13Some of the projects we're going to be working with come from real commercial productions,
00:16so I can't give you all of the files, plus some of them are really big.
00:21But where possible, you'll find hands-on exercise files, as well as some additional files that
00:26you could play with on your own.
00:28Hopefully, these will bring the techniques to life.
00:30If you don't have access to the lesson files, just find some of your own photos and potentially
00:35some footage to use as well, and you could jump in and practice that way.
00:40
Collapse this transcript
1. Introducing Motion Control 3D
The technique explained
00:00What exactly is Motion Control 3D?
00:03Well, it's a collection of techniques that are all interrelated and have a common goal
00:08in mind, and that is to step inside a photo and bring it alive in three dimensions.
00:14So, the process is fairly linear to begin with.
00:18You're going to select images that have adequate resolution as well as a sense of perspective
00:23or action that you're going to bring to life.
00:26You'll bring those images into Photoshop and clean them up.
00:29Now we're not to going to explore these cleanup techniques too much here, but we do have several
00:33classes available on lynda.com that explore photo restoration techniques.
00:39Once you've done that, you will start to make accurate selections, mask layers and split
00:44the photo up into multiple pieces.
00:47You are really going to need at least two layers, but preferably three or four.
00:51This will create a sense of parallax as you expand the layers in 3D space.
00:56You'll bring this on into After Effects, and once there, utilize 3D position to move the
01:01layers across the Z axis. Once you've done this, a camera can be added and then moved to the scene.
01:09Most of the animation is caused by the camera movement itself, and because the layers are
01:13spread at different distances, the parallax effect works well to create a sense of perspective and depth.
01:20Once you've done that, you can go ahead and enhance the animation using things like lights
01:24or particles, shallow focus, Depth of Field. There are lots of cool things that you can
01:29do to really make it feel more cinematic.
01:33When done, you render and integrate into your final project.
01:36So, we're going to explore all these techniques through the subsequent lessons, and I invite
01:41you to join us now as we jump in.
01:46
Collapse this transcript
How to use Motion Control 3D in your projects
00:00The use of Motion Control 3D can be really helpful for lots of different types of projects.
00:06I'm particularly fond of documentaries; however, you can adapt these techniques for commercials,
00:10virtual sets, or just general motion graphics.
00:15Today we're going to look at a lot of photos that come from different documentaries, however,
00:19one in particular is going to be spot lit.
00:21We were taking a look at a documentary called Bedford: The Town They Left Behind.
00:26This is a town in Virginia that was heavily affected by World War II, and the producers
00:31of the film hired us to do some real-world production.
00:34We are going to share a few of the pictures from this film, as well as some others.
00:39Let's take a look at a couple of clips from the movie and get some ideas on how these
00:43techniques can be employed.
00:46What you're seeing here is the use of 3D space, and we're trying to bring the character to
00:51life by taking a look at some of her snapshots.
00:57What starts as a simple photo on the page starts to get extruded into three dimensions,
01:03and we'll move into some of these individual photos and start to explore them in greater depth.
01:11Notice the use of depth there, and as the camera moves through, because things are at
01:16different layers, you get a sense of perspective.
01:20Here is a more dramatic scene using vanishing point, and you get a sense of perspective.
01:25The floor actually feels like there's some real depth to it.
01:32Layering multiple images and animating a camera across is much more interesting than simple
01:37pans and zooms on letters.
01:40You can also enhance your animations using particles, in this case Particular from Trapcode.
01:48The sense of perspective, however, and controlled focus really guides the viewer through the selected image.
01:54That's just a few ideas, but we'll take a look through several more throughout the rest of the lessons.
01:59
Collapse this transcript
2. Choosing Photos for Motion Control 3D
Image selection guidelines
00:00What kind of photos are going to work well for Motion Control?
00:04This is incredibly subjective.
00:06In some cases, it's going to be the pictures that your client gives you and says please make these move.
00:12However, you're probably being hired because of your good judgment and artistic sensibilities.
00:16So, if given a choice, you're going to want to have some input.
00:20Let's take a look at two pictures and talk about some of the pros and cons of using these images.
00:25I am in Adobe Bridge here, and this is a nice way to browse photos. You notice you get all
00:29the technical specs here on the right, and we'll talk about resolution in our next lesson.
00:33I'm just going to take this image and View it Full Screen.
00:38I've got a nice Slideshow here.
00:40Notice I can move between the images, or if I just want to see a single image, the spacebar
00:44will open it up, and that's nice, it's very quick.
00:48This image has a lot of good things about it. We have a sense of perspective.
00:53What's nice here is that because we have an angle, we could take advantage of vanishing
00:58point exchange later to create a sense of movement around this house.
01:03Unfortunately, with this picture a lot of the objects are cut off. The car in the right
01:08here is chopped, so I'd likely need to remove it or replace it with more of a vehicle.
01:13There is also not a lot of head room in the photo, so if I want to move down to this house,
01:18we're going to have to replace the sky and fill in additional details.
01:23On the left here, it gets pretty tight on this person.
01:26Remember, with video you often need to compensate for action safe and title safe, so you tend
01:31to pad the edges a bit, leaving room on the outside frame.
01:35This person is going to get smushed right up to the edge unless we extend the left edge
01:40here through cloning or scene replacement. Let's take a look at the next photo.
01:45Now this image has a lot of action in it, which is good. We definitely have the sense of motion
01:51and which direction we're going to tell the story.
01:54I envision that the camera pans down from the sky here into the walking soldiers.
02:00What's nice is we have a definite sense of movement, and the camera can match that going
02:05ahead and panning across the action here to give you a sense of motion and perspective.
02:12Up front here, we have some stray action from the previous scene, and because that's not
02:16going to resolve, I'd likely crop the image or clone them out.
02:21There are some flaws in this picture, here is soft focus, and that's indicative of the timeframe.
02:26So, make sure you give some thought as to where you're going to put your focus.
02:31With Bridge you can click and zoom to 100%, and this make it very easy to pan around the
02:36image and view the actual pixels, so you can evaluate.
02:41If dealing with historical photos, there is little guarantee that they're going to be tack sharp.
02:45In fact there's pretty much a guarantee that they won't.
02:49But even within a picture like this, some parts have better focus than others, and we'll have
02:53to keep that in mind as we choose to frame the shot.
02:57So, evaluate the sources you have.
03:00To summarize, I always look for a sense of motion.
03:03This is going to help me tell what way the camera is going to move through the scene.
03:07Ideally, there's also some perspective. It might be an angle or just a sense of multiple
03:13layers stacked with foreground, mid-ground, and background.
03:17You're going to need that stacking if you really want to create a sense of movement,
03:21and you need that depth, hence Motion Control 3D.
03:25If you don't have any depth, that it's just simple pan and scan like a traditional
03:29Ken Burns style effect--and we've covered that in an earlier video here on lynda.com:
03:36Documentary Techniques with Photoshop and After Effects, and we go well into it there.
03:39So take a look.
03:41For 3D Motion Control, perspective and depth are key.
03:46
Collapse this transcript
Resolution guidelines
00:00People get confused when it comes to the topic of resolution.
00:03They will throw out the term DPI.
00:06DPI is Dots Per Inch, and it doesn't really mean much if you're not printing.
00:11With Photoshop you're really looking at pixels per inch, but again, what do you need?
00:16Well, it all comes down to what you have to deliver.
00:19So, if you're producing video for the web, that's typically a lower resolution than say
00:23HD or digital cinema.
00:26What you're looking at is the total pixel count, and you can view that information right
00:30inside of Bridge or Photoshop.
00:33This particular image is about 6000x4800 pixels tall, and if I look at this next one,
00:39you see it's about half the size at 3200 pixels by 2100 pixels.
00:45Again, what resolution do you need? Well, it depends upon your delivery format.
00:50If I was going to be delivering this image at 1920x1080, I only have about 50% more
00:57resolution than I need.
00:59That means I could zoom the image slightly and pull out without any pixelization.
01:05On the other hand, this first image is much higher resolution.
01:09If I need 2000 pixels to fill the screen across, I've got almost 6000. That's going to allow
01:15me quite a bit of zooming.
01:17So, if the image were full screen here, and you zoomed into 100%, you'd notice that
01:22you have the ability to really see the action.
01:26Now we're recording this screen at 1280x720, and that's another flavor of HD that's very popular.
01:34Notice that this image is almost five times higher resolution.
01:38This means we could start on a framing like this, which is 100% magnification, and pan across this group.
01:46Now the preview quality is just dropping temporarily during the pan, but that gives you an idea
01:50of how much room there is. Or maybe we start on this group of children, and we zoom out
01:57to see more of the photo.
01:58So, hopefully that gives you an idea of how resolution works.
02:02What I typically say is this: take the delivery resolution that you're planning on making,
02:08for example, 1280x720, and multiply it by a zoom factor.
02:14Typically, you're going to deal with zooms with a factor of two to five times, depending
02:19upon how close you want to crop.
02:22This will give you a good sense of how many total pixels you need.
02:26If you're scanning the photos, you can set the target resolution in the scanner itself.
02:31If you're dealing with digital files, make sure you try to get the proper resolution from the client.
02:37These days with modern digital cameras, it's possible to get many more pixels than you actually need.
02:43If you're dealing with high resolution, say 40 megapixel digital images from a DSLR,
02:48you might actually need to downsample those before you bring them into After Effects.
02:53Having too few pixels is a problem, but so is having too many.
02:57Always think about the delivery format that you need to make and the level of zoom you need to achieve.
03:02
Collapse this transcript
3. Planning the Move
Identifying planes
00:00One of the first things you're going to need to accomplish when you open up an image is
00:04determine the number of planes that exist.
00:06This could be thought of as foreground, mid-ground, and background or the number of subjects that
00:13you're going to isolate.
00:14Each plane is going to have a different depth along the Z axis, and this creates the sense of perspective.
00:21For example, in this image here, I see three planes.
00:26We have our statue, and a few feet behind it are the pillars, several feet behind that is the forest.
00:34Now, in this case, the different planes also have different lighting.
00:40The statue could be casting a shadow onto the pillar but isn't likely casting a shadow
00:46onto the trees, nor do the pillars cast shadows onto the trees because they're so far way.
00:52So we have to give it some thought.
00:55Let's take a look at one more example, and we have the same issue here.
01:00In this case, our foreground is the shrubbery in the front.
01:04This creates a sense of perspective where we can have the fronds of the plants overlapping with our subject.
01:11We also have our man and woman, and they are relatively close to the brick wall.
01:17So any movement here is going to be very subtle, because there's not a lot of depth between them.
01:22Once you've identified the planes, it's a good idea to think about mapping this out
01:27into an actual diagram to help you understand the relationship between Z space.
01:32
Collapse this transcript
Creating a staging diagram
00:00When you first get started, you're going to want to be very deliberate.
00:04Now this could be because you have to build a relationship with the producer, or you
00:08might just be new to thinking in three dimensions, and you want to map out your plans on paper.
00:14I'm a big fan of creating a staging diagram.
00:17In the photo you see here, we have our foreground, our subject, and our background.
00:23This is going to help dictate what we're going to see.
00:26Now looking at the photo in a flattened view, it's difficult to understand the relative
00:31distance between the subjects, so I went a step further and identified how things are going to fall.
00:38What you see here is a simple staging diagram, identifying where the camera is going to be
00:44placed as well as the relationship in distance.
00:48I've decided to set the camera slightly off axis here, and that's going to help emphasize
00:53the sense of depth and perspective.
00:56The grass and our subject are pretty close together because they are standing in the grass.
01:00However, I'm still going to split them slightly apart so there is a small sense of depth.
01:06I've placed those further forward from the background to give it a sense of perspective.
01:11Now the yellow here is indicating the field of view, and I'm going to set the focus point
01:16right here on the subject.
01:18As you adjust the Depth of Field controls in the camera, you can control what stays in focus.
01:23In fact, you can even pull a Rack focus if you'd like to animate between one subject and another.
01:31Making a diagram like this is a good idea because it helps you firm up your thought
01:34process before you waste time animating. You want to plan before you start to implement.
01:39
Collapse this transcript
Understanding parallax
00:00We're going to jump ahead right now to a nearly completed project.
00:04Now we're going to break all these techniques down in greater depth later, but I'd like
00:08you to see how that planning document becomes a real animation.
00:13In this case, I've brought in the three layers from our file, and if you look at this, you'll
00:18see there's the Brick, the Couple, and the trees or the Bush in front.
00:23There they all are, the background, our subject, and the plants in the foreground.
00:32Here is the After Effects camera, and notice that as I drag through, the camera has been
00:38animated, so it's moving up from the ground, revealing our subject, and because the brick
00:46is further away, you get a different rate of movement for those.
00:51It really feels like there's some depth.
00:55Enhancing that depth is the fact that we've actually added some lights, so we have a spotlight
01:00pointed at our subjects, creating a shadow on the back wall, and that's definitely helping.
01:06This is just a low resolution, simple file from a standard definition production here,
01:11but it's one that you can continue to play with on your own to wrap your head around the technique.
01:17Because we've got some distance here, as we animate the camera you'll notice that we can get some flexibility.
01:25So let's just go ahead here and move the camera through a bit, and you see that you get that
01:30sense of movement where the objects really close to the camera are moving at a different
01:36rate than the wall that's further away.
01:39I'll just choose Undo to reset that, and let's preview that in real time.
01:48There is your sense of parallax, and now we're going to explore all the techniques that will
01:52get you to a completed animation.
01:57
Collapse this transcript
4. Layering the Image
The Quick Selection tool
00:00Let's take a quick look at some of the most essential techniques you'll use inside Adobe
00:04Photoshop in order to produce layered files for animation.
00:09This particular image is about ready to go, but I'm going to do a little bit of cleanup
00:12to remove some of the problems.
00:14Let's start by going ahead and making a basic selection.
00:18I'm going to split this into three major pieces, our subjects upfront, the tent, and then the background layer.
00:27I'll start with the Quick Selection tool.
00:30This allows me to click on the image and start to detect edges, and it's much better than the Magic Wand.
00:37I'll go through and attempt to find most of the subject here.
00:45I can click and drag or just single click to pick up an area.
00:51Now this particular image lacks some contrast in the difference there with the sky, so it's
00:56not going to be perfect.
00:58With smaller clicks I could pick up smaller areas. There we go.
01:04You see by a little bit of Alt-clicking or Option-clicking there you could subtract things
01:08you don't need, and you essentially just click to build the ultimate selection.
01:14Now this tool is doing really well considering there is not that much color or contrast difference
01:19between our subjects, and that's made a decent first selection.
01:24The Quick Selection tool works very well to go through and build a fast selection without a lot of effort.
01:32
Collapse this transcript
Using Quick Mask mode
00:00Once we've made a basic selection, we can refine it a bit using the Quick Mask mode.
00:05This takes the selection and turns it into a visible mask that can be touched up with
00:10any of the painting tools.
00:13You'll see here the rough selection made in the previous movie.
00:16If you skipped that movie, go back and learn how to use the Quick Selection tool.
00:21I'll press the Q key for Quick Mask, and you'll see that a Rubylith Mask is generated.
00:27Rubylith is the color that was used in traditional printing and masking for the print industry
00:31for several years, and Photoshop uses that color by default.
00:35If you don't like it, a quick double-click there will bring up the Quick Mask Options
00:40and allow you to assign the Opacity and the Color.
00:45I'll go ahead and turn that on again, or press the Q shortcut to load it.
00:50Let's go ahead and zoom in here a bit, and this is actually a great time to bring up the Navigator panel.
00:56I'll just tear that off and leave it up here in the corner, and this let's me zoom in and
01:00start to massage the mask.
01:03That looks pretty good there, and I'm just going to grab the Blur tool and feather that
01:12edge a bit by brushing it.
01:14When the Quick Mask mode is on, tools like Blur simply blur the mask. They don't blur the image.
01:21Useful shortcuts here include the Left Bracket and Right Bracket keys to change the
01:26size of the brush, Right Bracket bigger, Left Bracket smaller. Shift+Right Bracket
01:33makes the brush have a harder edge, while Shift+Left Bracket feathers it out more.
01:38I tend to find that I'll do a soft feather, or I could click up here and manually
01:43dial in the Hardness settings that I need and adjust the size to taste.
01:49Let's just continue to work through here at the image, and we're looking for the right
01:54tool to touch that up.
01:57Shift-clicking will draw straight strokes which can be useful, I need to pick up a little
02:03bit of the hat here and just paint in that area that was missing.
02:10Now up here, we have a bit of the tent pole that we don't want.
02:13So I'll press X to toggle my default colors of black and white. D will load them, and X will toggle them.
02:21A simple mnemonic is Devil's Xylophone. And we can go in here and clean up our strokes.
02:29Now I don't want this tent, that's going to be a separate object, so I need to do a little
02:34bit more brushing here.
02:37And remember, you could toggle in between the two colors of black and white quite easily.
02:42There we go, and we're just touching that up.
02:48Let's pick up his chopped off arm there, drag on through, and this doesn't have to be perfect.
02:59We still have the Refine Edge command, which we'll utilize in a second.
03:03I'll occasionally drag through with the Blur tool to soften up areas, particularly around
03:08heads and hair to create a more believable transition.
03:13And we're just cleaning that up.
03:16Now this is a relatively time-consuming process and probably the most time consuming part
03:21of prepping the files, but you really want to take the time here to get it right because
03:26this is what makes the effect believable, and a little bit of painting goes a long way.
03:33Notice, by zooming in it becomes easier to make good judgment about what part of the
03:38pixels you're keeping and which you're discarding.
03:42Little bit of that ear and pick up the bit of the shoulder, and it looks like we've got it.
03:51I'll press Ctrl+Zero to zoom on out, and looking at the Quick Selection there I feel pretty
03:56confident that we've made a good edge.
04:01
Collapse this transcript
The Refine Edge command
00:00Now that we've got a pretty good selection that's been painted by hand, I'm going to
00:04turn to Photoshop and let it do some assistance for me.
00:07The Refine Edge command is a very useful command that will analyze the image and do some intelligent
00:13behind-the-scenes math for you.
00:16Let's press the Q key to exit, and we've got our basic selection.
00:20I can now choose Select > Refine Edge, this will show me the selection, in this case over
00:27the transparent pixels, but you could choose to see it over white or black to make it a
00:32bit easier to detect your edges.
00:35Where necessary, just paint and draw over an edge, and it will re-analyze that to clean it up.
00:42I'll typically start though with the Smart Radius command and adjust the Threshold,
00:46and this will automatically analyze the edges and does a pretty good job on hair and soft folds.
00:53You can also Smooth out any bumps and manually Feather if you need it.
00:59This works really well, and when ready, you could choose to convert that to a layer Mask.
01:06Now I'm going to actually make a new layer with the layer mask so it cuts this out to
01:10its own layer and click OK.
01:13You'll notice that the soldiers have now been removed to their own layer.
01:18Let's just name that, and now we can go on and pull out the tent.
01:24Couple things here: I need to extract the tent to its own layer, and then I'm going to
01:30need a clean background plane.
01:32Let's quickly select the tent and extract it on its own, and then we'll move into some cloning and healing.
01:39You've already learned about selection, so we're going to do this pretty quick.
01:43Quick Selection tool, drag through to make the basic selection, there we go, and now
01:50I'll take the Polygonal Lasso to select the rest of the tent.
01:55I have to guess approximately where it's going to be because we'll need to do a little bit
02:00of cloning to fill in that area back there.
02:03Quick Selection tool will fill in the rest, looks good.
02:09Q for Quick Mask, and I'll actually paint in a soft transition zone here.
02:16Because this is not a hard edge, I want a gentle transition.
02:20This is where using the Blur tool or the Paintbrush will allow for a gradual selection.
02:27So I'll actually paint some white in here at a lower opacity, and that will create a transition zone. There we go.
02:41Little bit of the Blur tool, we'll just soften that edge up heavily, there we go.
02:49Q to exit the Quick Mask mode, refine the selection, and that radius works nicely.
02:58Little bit of feathering on the bottom, and you see we've got the tent pretty well.
03:02Obviously, there's going to have to be some cloning there, but we'll get to that in our next lesson.
03:08I'll go ahead and turn that into a new layer with the layer Mask, click OK to add it, and we'll name that Tent.
03:17I'm going to go ahead and duplicate the background one more time, and we'll call that Field.
03:25Now that we've got everything split out on its own, it's time to do some selective healing,
03:30cloning, and patch filling to create independent layers from each other.
03:35
Collapse this transcript
Filling in the holes
00:00Now that we've created separate layers, we need to do a little additional cleanup.
00:04We've got to take the pieces and essentially remove them from the background.
00:08To do this, we're going to take advantage of some cloning techniques as well as some Content-Aware Fill.
00:13Let's see how it works.
00:16I've got our Field shot here, and we need to remove our subjects and the tent.
00:21The good news is that we basically have these selections already.
00:24So if I Ctrl-click or Command-click on the existing layer masks, you see we could load those in.
00:30Press Q for the Quick Mask mode, and I'll just paint in this other tent back here that
00:35I'm going to eventually remove. There we go.
00:40Got a nice basic selection, Q to exit, and we need to expand that a bit.
00:48This is going to create a bigger selected area. Well, that's going to work well.
00:54Now that I have that we need to delete this area from here.
00:58Now this is a very big area to do Content-Aware Fill on, but I'm a bit adventuresome, and
01:03we'll see how well it works.
01:04I'm going to expect that we have to do some filling in here, but we'll try Content-Aware Fill.
01:11Edit > Fill, and I will choose Content-Aware and click OK.
01:20It'll analyze the surrounding area and attempt to generate a new pattern fill.
01:25It's not going to be perfect, but it is a starting point.
01:28We're going to need to do some cloning here, but that's not too bad.
01:33I'm going to clone to an empty layer to make this a bit easier.
01:38Choose the Clone Stamp tool and get a nice big brush.
01:43By choosing Current & Below, I could sample and paint downwards, and we're just painting in the background. There we go.
01:57And we're just cloning this in.
02:00I need to get a little bit of the shadows here for the tent.
02:03This is a good time to turn on the tent and sort of see where it's falling.
02:06It gives me a pretty good idea.
02:08So Alt-click up here on the skyline, line that up, and just paint that in.
02:19Now this doesn't have to be perfect, because in most cases the subjects that we cut out
02:25are going to obscure the other material, and I'm just doing some short strokes to fill that in.
02:35Let's turn on the Tent layer for a second. That's looking pretty good.
02:43There's our Soldier's pretty good so far. There we go.
02:49And I want to just blend this a bit more.
02:51So I'm going to take a selection and use the Patch tool.
02:57This allows me to start to blend a bit.
03:05Doing this we can make some rough selections and just mix the textures up. Good.
03:16Now I'm a big fan of dropping the opacity of the Clone Stamp a little bit lower and
03:23then sampling textures to mix them in.
03:25So using several strokes will make this feel less repetitious. Good.
03:32There's our tent, there's our soldiers.
03:37Now I need to do a little bit of additional cleanup, and the tent is really the problem area.
03:43So I'll select that layer and zoom in.
03:49Here's the cloning we've done on top of the previous layer, and I can also see the original
03:55background if I want to check for reference. There's our Field.
04:00There is the Blending. That looks pretty good.
04:04I'll go ahead and merge the field and the new layer together, and we'll rename that
04:12field, and then let's come over to the tent here and zoom in a bit.
04:23With the Clone Stamp tool selected, get a nice small brush, we'll say only the Current
04:30layer, Alt-click to set our sample point, and start to fill in the rest of the tent.
04:40Now you need to use smaller brushes sometimes to pull this off.
04:44So try to not be too aggressive with your strokes.
04:55I'll turn on the layer on top, and I just get an idea of how much I need to clone out.
05:00So this is going to take just a little bit.
05:02So I'm going to work on this on my own, and when we come back we'll have this resolved,
05:07and you could practice cloning as well with your image.
05:10I finished the cloning.
05:12A little time intensive, but this is really the slowest part of this technique.
05:15If you look at the image here, you'll see we've got all of the major layers, and I've
05:19done my cloning, and if I turn on the Soldiers there, you see it fills in, so that's going
05:24to block most of that stuff. Then we have our field in the background.
05:27Let's just zoom out so we see all the pieces, and there they all are.
05:33That works out pretty nicely. We've got all of the major elements.
05:36Now I'm just going to finesse this a bit.
05:38We've got a little of garbage up here in the sky.
05:41Let's make sure the right layer is selected, and with the Patch tool I could just lasso
05:45around some of these blemishes and just clean them up.
05:51It's really quick way to get a rid of some problem areas.
05:56We got a nasty little scratch here.
06:00That will work well with the Spot Healing Brush, and we'll just paint over that crack. There we go.
06:11We get these few little specks of dust and the picture is just about ready.
06:19All we're going to do now is make sure our layers are properly organized for import into After Effects.
06:24
Collapse this transcript
5. Organizing the Comp
Finalizing your photo for 3D animation
00:00Once you think you've finished all the cloning and healing, you're going to want to do some
00:04cleanup of the file to optimize it for After Effects.
00:08Here are some of the essential things I look for.
00:11First off, I'm going to check the canvas size, and one of things I want to do is set this to Pixels.
00:19Now I find odd pixels to be problematic.
00:22It's going to offset things and could lead to subpixel resampling over in After Effects.
00:27So I am going to make this a nice even number there for the height and crop off a couple of pixels. That's looks good.
00:35And looking at all my layers here, they seem relatively organized.
00:39I've got the Field, the Tent, and the Soldiers.
00:42If I toggle those off and on, I could see all the individual pieces.
00:46It seems to be just about right.
00:48At the very bottom, I have a background layer here, and I'm going to duplicate that and call it Original.
00:56This is going to make it very easy as I work to have a point of reference between what
01:00I modified and the new scene.
01:03Now you see there's been a few changes there, and that's fine.
01:06Let's just load the Soldiers as a selection, and we will inverse that and then deselect the sky.
01:13With the Marquee tool I'm just going to Alt-drag to remove a little bit there. There we go.
01:21That gives me some of the grass, and I'm just going to blend that in. There we go.
01:27It looks pretty good.
01:30We'll duplicate that layer, got it, mask it, and let's just mix it in with the background.
01:40That's one of the advantages of keeping the original around is it makes me a bit easier
01:43to see what you're doing. That looks good.
01:47We'll merge that back and just do a little more cloning to finalize. There we go.
01:56Remember, the Clone tool with a lower opacity tends to work nicely.
02:01And we're just going through and looking for any problem areas, trying to smooth that out.
02:11Now it's difficult here because we do have some hard shadows, but it's working pretty well. I got my layers.
02:30I've got my original. There is all my pieces, and we are about set.
02:34Let's take a look at one more image here, and this is the one we worked with earlier.
02:39You see we've got the background layer.
02:40There has been a little bit of cloning, there's the couple, and there's the stuff in front.
02:46I'm going to put a layer up on top, and holding down the Alt key I am going to choose Layer >
02:52Merge Visible, and that's going to merge a copy, and I'll call that Reference.
02:59That's going to just give me something to spot check with as I animate in After Effects,
03:03and I want to make sure that things are lining up pretty critically.
03:07All right, everything is done and prepped, and we can send this on in to After Effects.
03:12
Collapse this transcript
6. Build the Composition
Importing a layered PSD file
00:00Now that we've prepped the files in Photoshop, we're ready to go into After Effects.
00:04The integration between Photoshop and After Effects is excellent,
00:07so we can go ahead and bring these in as layered files.
00:11Let's go ahead and see how that works.
00:13I'll double-click inside the Project panel, and that brings up the Import dialog box.
00:18I'll just navigate to the Photoshop files I need.
00:21These are the two documents that we just finished prepping over in Photoshop.
00:24So I'll lasso those, and I'll choose to bring them in as Composition.
00:29Now it's very important that you choose the regular Composition and not the Composition Retained Layer Sizes.
00:37You're going to want it bring this in as a normal Composition and then click Open.
00:43This brings in both files with a comp, and that's going to work really well.
00:48What I'll now do is duplicate those comps so I can go back to the original if I make a mistake.
00:54I'll just press Ctrl+D, or Command+D, for Duplicate, and then we'll rename these, and that will
01:01help us know where we're at in the design process.
01:05Now this a good point to save the project, because anytime you see the phrase Untitled
01:12Project, you should be very afraid.
01:15I'm just going to navigate to the Lesson Folder and press Save.
01:23I'll go ahead and open up those two comps, and you'll see that all the layers came across in both cases.
01:30I could turn off the reference layer since that's just there for reference, and I'll
01:35set this to a single view for now as we work.
01:40Now that we've brought the comps in and set them up, we are just about ready to begin
01:45animating by adding a camera and setting the stage.
01:50
Collapse this transcript
Adding a 3D camera
00:00This whole technique is based on using a 3D camera.
00:04You're essentially filming the scene.
00:06To do this, you're going to want to add a camera that kind of simulates the real camera
00:11used to take the original photo. Now, this is a modern image.
00:14You might be able to match it exactly by setting up a virtual lens with the same Millimeter
00:19and Throw and Settings that you would put into the physical lens that you shot it with.
00:24If you're using a historical photo without that metadata, you may just have to guess and try
00:29to apply good judgment.
00:31To add a camera, I'll just choose Layer > New > Camera.
00:37This brings up the ability here to add the camera.
00:40You've got the choice between a One-Node and a Two-Node camera.
00:44You're going to want to stick with a Two-Node camera so you can access it and go ahead and
00:49animate the position and point of interest separately.
00:53This will create a greater sense of parallax and allow you to move the camera more fluidly to the scene.
00:58You will then see presets for different focal lengths.
01:02Now, if the image is shot with a wide-angle, go ahead to something like 20 millimeters
01:06or 28, or if it was a telephoto, you might come down here to 200.
01:11But as a starting point, a 50-millimeter lens is usually pretty good for this type of photo.
01:17I'll enable the Depth of Field option, and these default values are fine for now, and click OK.
01:24Now, once you do that, you need 3D layers.
01:29So you'll go ahead and play with your switches here, clicking the Toggle Switches and Modes
01:35button, and make all of those layers 3D, with the exception of the original layer which
01:42you can leave on top.
01:45For now I'm going to click the little Kilroy icon here and mark that as Shy.
01:50And this allows me to just hide that layer from view.
01:54Comma key will zoom this out, and I see the whole scene so that worked great.
01:58Let's prep the other one just for practice, Layer > New > Camera.
02:04In this case, it's a bit more of a wide-angle lens.
02:06So, I'll go with something like a 28-millimeter, enable the Depth of Field, and click OK. Lens is added.
02:16Toggle the switches and modes and make those 3D, put the reference photo up on top, and
02:22mark it as Shy for now so it's out of the way.
02:26That looks great! We've added the 3D cameras, and now we're ready to create some depth.
02:31
Collapse this transcript
Setting the initial depth
00:00Once you've set up the initial comp with the layered files and you've added the 3D camera
00:05into the scene, it's time to start to extrude layers into 3D space.
00:10Essentially, you're using the Z axis, and in 3D animation terms, it's often explained like this.
00:17We've got our X axis that can move things along horizontally, the Y axis, which does
00:23vertical, and the Z axis, which goes in and out.
00:28I've actually seen animators label their fingers to make this easier, but that's essentially
00:32all it is, is a three-axis movement.
00:34We're going to go ahead and start to move these layers along the Z axis to expand them,
00:39and this will create the sense of depth that leads to parallax once the camera is animated.
00:44Now, I'm going to duplicate these layers here and press Ctrl+D, and now I've got a new stage.
00:50Let's just open those up, and we'll close these Stage 1 Files.
00:55This is a good idea as you first start to design because it creates a safety net or
00:59a series of breadcrumbs, so you can go backwards in time and look at what you've been doing.
01:04So if I mess up Stage 2, I can resume my work with Stage 1, and I'll just save the project.
01:10All right, let's start with this nice, simple file here.
01:14I've got my camera and my layers.
01:17What I need to do is set this to 2 Views to make this a bit simpler.
01:22And on the left, I see the view from the Top, and the right is the Active Camera View.
01:28If these don't match on your system, you have the ability to change them with the pop-up menu.
01:33I'm going to take this one labeled Top and choose Custom View 1, which many refer to as a God view.
01:41It's about 45 degrees to the left and 45 degrees up, and it lets you look down on your set like the director.
01:47And with the layer selected, I could press P for Position.
01:54We have the X, Y, and Z axis.
01:56Now, what's going to happen is is you're going to push layers further away.
02:03So as I move the brick further away, it goes back in space.
02:09However, looking at the image here, it doesn't look right.
02:13I'm going to now press Shift+S to add the Scale Property and scale that back up.
02:21And you know you've scaled it to the right size when it touches the edge of the frame.
02:27Let's go ahead in this case and pull the bush forward towards the camera, and then Shift+S
02:34for Scale, and I can scale that down just a little bit, there we go.
02:43Okay, we've adjusted the size of those.
02:46Now, when you move something closer to the camera, you have to scale it down so it looks right.
02:50When you move it further away, you have to scale it up.
02:55This is where that Reference layer comes in.
02:57You could toggle that Reference layer off and on to compare it.
03:02In this case, it's pretty close.
03:03It looks like the background layer needs to be maybe one pixel bigger.
03:08So I'll go ahead and select the Scale Property, and I'll hold down the Alt key here as I drag,
03:13Option on a Mac, just to scale that down a bit.
03:17That looks good! Turn the Reference off and on, and notice there, very minimal difference
03:23between the two, that's good enough.
03:25Once satisfied, I could throw away the Reference layer or leave it around, it's up to you.
03:32I'll just go ahead and hide it there, and that looks pretty good.
03:36Let's repeat that process for this other document.
03:41We'll go with 2 Views, change one of the views to Custom View 1.
03:48Using the Comma keys I could zoom in and out, and I'm going to go ahead and push the field further away.
03:56Now, this should be really far away, because it is really far away.
04:04As for scale, scale that up so it touches the edge.
04:12Now, the tent should be a little bit farther back.
04:16So P for Position, I'll move it back a small amount, and then holding down the Shift Key,
04:22press S for Scale, and scale that up.
04:27That looks pretty good! If I look at the virtual set here, I can get a good idea what's happening.
04:32You also may decide to change the colors here, and this makes it easier in certain views
04:38to see what you're doing.
04:40For example, if you set this to Top View and zoom out, you get a good idea of the different layers.
04:50For example, the yellow layer here is the field, the red layer is the tent, and the
04:58purple layer is the soldiers, and this helps you understand the relative distance between
05:03the different objects as you position them along the Z axis.
05:08When satisfied, I'll just flip that back to Custom View 1, and I could zoom in and take a look at my set.
05:14Remember, the Comma key and the Plus key are useful because you could zoom in and out.
05:19Holding down the spacebar you could pan the window to frame it up how you need to, to design your frames.
05:26Now that we've got all the layers positioned and the cameras placed, we just need to size
05:31the composition for proper output.
05:36
Collapse this transcript
Setting the composition size
00:00Now that we've properly staged the comps, I need to adjust the size of the composition for output.
00:06Now, one of these pictures is very low resolution, so I'm going to have to settle with standard
00:11definition, and that's okay for this particular project. I knew that going in.
00:15The other picture, much higher res, so I have a little more flexibility in designing the output module.
00:21Here we go, Stage 3.
00:23I'll just go to the Composition Settings, and I could choose from my Presets.
00:28Now, this is a very low-res photo.
00:30This is just a small practice image, but I'll stick with NTSC D1 for standard definition
00:37broadcast and click OK.
00:40That's fine, and this would work for the web as well.
00:43In this particular case, we're going to end up scaling up the pixels a bit, but that's all right.
00:47It's just a practice image.
00:50Our main output here has much higher resolution, so by choosing Composition > Composition Settings,
00:55you'll see we have adequate resolution to deliver for HD.
00:58I'm going to stick with the 720P, and in this case I'll set the Frame Rate to match what we need, 23.976.
01:09And I can also adjust the Duration of the shot.
01:11In talking with the producer, we determined that we needed a 10-second animation, so I
01:16might as well set that here. I'll click OK, and it adjusts.
01:20Notice it's indicating the cropped area, and you see that it punches in, as opposed
01:26to here where we didn't have a high resolution source.
01:29You see why it's really important to lobby to get those high-res source materials; otherwise,
01:35you end up with gaps or pixel upsampling.
01:38I'll just adjust the Comp Settings here real quick, and we'll do a similar Duration of
01:4210 seconds for this project and click OK, and it adjusts the total Duration. These are all set.
01:51I'm just going to save my work to capture the progress, and then we'll come back and animate the camera.
01:56
Collapse this transcript
7. Animating the Camera
Using multiple views
00:00As you begin to animate the After Effects camera, it's important to know how to navigate
00:05through the views and the user interface to properly frame things.
00:09I've opened up the two pieces we worked with, and I've brought in another new project, just
00:14to help illustrate a few points.
00:16Now normally, you only have a single view, and remember, the comma key pulls it out,
00:21and the period key zooms in. This makes it easier to see what you're doing.
00:25I am going to go ahead and animate this camera here and just make sure that everything is set up correctly.
00:33Check my composition settings for size, as well as the total duration for the clip itself.
00:41Now, in this case, I've got these clouds, and I want to play with their position.
00:47I am going to push them backwards. So it's quite a large layer.
00:53But what I want to do is actually rotate those in space.
00:57Let's start by framing the camera here. You see that I'm not seeing enough of the view.
01:02So, with the transform controls, the camera, I am going to start to pull it back.
01:06But you see that gets kind of confusing. Well, where is it?
01:09I can play with all these sliders.
01:12Well, if I just change my view here and go to two views, and I'll set this one to Custom
01:18View 1, watch how easy this becomes.
01:22You want to move your camera just select it, and you can come right here and grab it.
01:28Notice you can actually see the handles here. I will zoom in really tight.
01:34There is the Y, the X, and the Z axis.
01:37So, I can just pull that right back on the Z axis to frame my shot.
01:42That makes it much easier to move the camera when you're literally just grabbing the camera and moving it.
01:49Now, I've got that positioned, and what I want to do now is adjust these clouds.
01:55I am going to go ahead and take the orientation here and adjust this a little bit on the
02:00Y axis to match the angle and on the X axis, so they look like they're coming overhead a bit.
02:11Now, this is pretty cool, because you'll notice that we could animate those clouds moving
02:17forward towards us, or from side to side.
02:24That's going to allow us to create a pretty cool sense of motion within this individual photo.
02:28All right! I've got the camera basically positioned for that one.
02:32Let's check our other two shots. There is our camera.
02:35We are going to start in a bit and adjust it.
02:43I also have the ability within the camera controls to zoom.
02:52Notice adjusting the playback quality here makes a big difference.
02:56And even though we've zoomed in, this is really holding up pretty well.
03:00I could adjust the zoom there to frame the shot, and grabbing the handles of the camera
03:08make it very easy to reframe. That works pretty well.
03:15So we've done a good basic framing position there to start.
03:18Let's do our last one for final practice. I'll grab the camera there.
03:22We are really zoomed in because of the lens length.
03:24I am going to twirl that down and take a look at some of my options.
03:30Let's pull the zoom out a little bit.
03:32There we go! And adjust the framing of the camera.
03:39I want to start on this group of guys here.
03:42Remember, sometimes you need to zoom in to make it easier to see what you're doing, so
03:46you can grab those camera handles and frame it up.
03:50That looks pretty good! So, we've set a good starting position for every one of these,
03:57and we are going to animate the cameras in just a moment.
04:00Now, this particular image is a bit unique.
04:02I don't have three layers like I was talking about for parallax, but I do have these cool
04:07layer of clouds here that I can animate. It's a really large photo of clouds.
04:11I am going to turn on the keyframe here for position, and I'll just go to the beginning
04:18and the end and adjust that a bit.
04:22We're going to have those clouds coming over the top of the mountain like they're blowing towards us.
04:29There we go! That looks pretty good.
04:33This is going to have a feeling of a bit like a time lapse shot.
04:39I'll zoom in here to frame that up, and let's just do a quick RAM preview just about right.
04:47There is a little bit of a problem on that first frame there, a little bit of seam.
04:51So we will just adjust that. Oh! That's interesting there.
04:57Notice the intersection.
04:59What's happening is because this is an angled layer, the 3D layers are colliding.
05:05That wasn't an accident, this is to help you understand that when you start to rotate layers, they can intersect.
05:11Let's take a look at the camera view here, and we'll see it.
05:14Here is my Layers, and you can see that they've actually crossed the intersection point there.
05:22If we view this from the side, you might see it as well.
05:24So, there is the quarter-angle view, here is the left-hand view, and let's just zoom
05:32out a bit, and you see there is a definite intersection.
05:35So, what's necessary is to move these backwards until it no longer crosses the plane.
05:46Let's check this here as well. It looks good.
05:53So, there is the clouds moving through the frame with no intersection.
06:00Notice, having multiple views really comes in handy as you're trying to understand the relationship.
06:06You can go ahead and switch those views between different angles, and it makes it easier
06:11to see what's happening as you drag.
06:14That looks good! Let's just do a quick RAM preview, and we have the time lapse effect
06:21of the clouds going over the frame.
06:26Let's adjust our camera position for a little more headroom, and in this case, we are going
06:34to adjust it separately.
06:36Instead of grabbing the handle, which moves both the position and point of interest at
06:40the same time, I'm just going to drop the position value, and it tilts up.
06:47Notice, you could independently frame the shot.
06:50This is helping me create the same sense of perspective of the camera being lower angle,
06:56and shooting up into the rocks.
07:01That looks good! And now with all three shots properly framed for the starting positions,
07:07we are ready to animate our cameras.
07:12
Collapse this transcript
Understanding keyframes
00:00Now that we have placed the camera, we can go ahead and animate it.
00:03This will create the parallax effect.
00:05Think of it this way, objects in the mirror are closer than they appear.
00:09If you're driving down the highway, and you see things, the car next to you passing you
00:14seems to be moving very, very fast, while that horizon of the mountain sitting way out
00:20there just seems to stay stationary forever.
00:23And the sun doesn't appear to move very much, when in fact it's moving much faster than
00:28the earth or the car itself. It's all the matter of perspective and distance.
00:34So, now that we animate the cameras, you're going to get that sense of depth, or that
00:38this has become a 3D scene. Let's take a look at how it works.
00:42Let's animate the position and the point of interest.
00:45The position property is where the camera is currently at, while its point of interest
00:50is what it's looking at. Think of it this way.
00:54The position is where the camera is physically located, moving on the X axis, moving on the
01:01Y axis, or the Z axis, or a combination of all of those axes at the same time.
01:08However, the point of interest is what the lens is pointed at.
01:12So, as I move, I could still keep this lens pointed at the same subject, even as I move
01:19my body or the physical camera or the virtual camera.
01:24So it's all about understanding those two properties.
01:27When you grab one of the control handles, you're moving both position and point of interest at the same time.
01:32When you use the scrubby sliders, you're adjusting them independently.
01:37Let's turn on keyframes for position and point of interest.
01:41I'll now drag forward in time, and I want to go ahead and move this over.
01:47So, we are going to drag to the right and pull backwards a bit.
01:55That's working pretty well. Let's just reframe here.
01:59I am going to independently adjust the point of interest to pan up a bit to our main subject there.
02:08I also can move the position independently, and you see it starts to angle.
02:16And notice here that we are adjusting the pan and the tilt separately.
02:23Let's take a quick preview there.
02:26There is the parallax effect where the tent appears to be sliding behind them a bit because of the movement.
02:35Let's view that full-screen, drop that to 1 View, and we will check the full-screen box and preview it.
02:44You see the sense of motion.
02:54There is parallax in action.
02:57Notice how the tent is moving at a different rate than our subjects which are closer to the camera.
03:03I'll press the Escape key here, and I will just come to the middle, and I am going to
03:07add another keyframe.
03:09In this case, we are going to pull the position up a little bit and adjust the Point of Interest,
03:14so it's looking upwards, and we will do a new preview, and that looks really good.
03:31All right. Let's do that for two more cameras.
03:34I'll switch down over here to another graphic, twirl down, and turn on my keyframe for Position
03:41and Point of Interest, and what I want to do is start down in the grass.
03:45I am going to come about halfway through and lift straight up.
03:54We will go a little lower there and adjust the point of interest independently, so it
04:02tilts upwards looking at them, and notice there the parallax effect in action.
04:11That looks good! I am going to go forward in time, pull the position up, but still keep
04:18my subjects framed, and move the camera backwards.
04:25Let's preview that.
04:29Camera lifts from the bottom, reveals our subjects, tilting upward, and then is going
04:41to pull out and start to tilt downward.
04:49Notice how you have total control over the environment.
05:01If we drag through, you could see the physical camera moving in the other window, and that
05:07makes it really easy to tell what's happening. All right! One more time for good practice.
05:16There is our camera, let's adjust the Position and the Point of Interest.
05:21I am going to have this start tighter, tilt down a bit to start on Montezuma's Castle
05:31there, drag later in, and pull this outward.
05:41Let's swing it a little bit to the right along the X axis, and adjust the Point of Interest to pan.
05:50There we go! And a quick RAM preview will show us that.
06:04There it is in real time with the move.
06:11If I drag through, you could see the absolute path of the camera and the movement being illustrated.
06:18On the left, you're seeing your overhead view, and on the right, you are seeing the actual
06:24viewfinder or looking through the lens.
06:28These paths are pretty good, but we can make them better with a few simple modifications.
06:33
Collapse this transcript
Modifying camera paths
00:00Because camera paths are generated with keyframes, you can take advantage of several different
00:04options inside of After Effects to improve them.
00:07We can add Ease, we can add Bezier handles, all sorts of things to make this scene more natural.
00:14Let's start with this first image here, and as I drag through you see that there are three sets of keyframes.
00:20This middle keyframe was randomly placed to add some motion and have this tilt up.
00:26Well, that's going to feel like a bit of a bump in a camera move, because the smoothest
00:29way to make a curved line is just two points.
00:33If I right-click on this keyframe, I could tell it to Rove Across Time, and what that's
00:39going to do is naturally determine where that keyframe should be placed so it doesn't
00:44feel like a bump in the camera path, and that's important.
00:46It will smooth out the motion, and as we continue to make additional adjustments that works really well.
00:53For example, if I want to have a little resolution at the end of the shot, I could pull that
00:57in, and you see that we've got 2 seconds of pad at the end here and the roving keyframes automatically adjusted.
01:05I'm now going to right-click and choose Keyframe Assistant > Easy Ease In, and that will create a gradual stop.
01:15If we look at the Velocity here, you see it ramps down slowly.
01:19Similarly, we will add a little bit of resistance up front, and we will tell that to do an easy Ease Out.
01:27So looking at your Velocity graph, you get a good idea of how this has nice natural motion,
01:33and remember, you can always adjust the curve handle here to refine that, and let's take
01:39a quick look, and it's doing the RAM preview.
01:45Now RAM previewing at full quality may take some time, and if you want, you could drop
01:49that down to quarter or half for faster previews.
01:54Notice, there I could just drop that down, and going to Half quality gives me that real-time
01:58performance, in fact, faster than real time, and it makes it much more intuitive to design with.
02:07That's working well, and we have a nice natural motion there, including a land with some
02:13pad and handles at the end, and notice that really gradual start to the camera move.
02:18It doesn't too mechanical anymore. It feels more fluid and organic.
02:24Let's go to the next comp, and I want to refine these a bit.
02:28Now I am going to take advantage of the move here.
02:31If I click on this, I could actually see the camera path, and let's select this side and zoom in.
02:40Because there's the actual camera path there, you can use the Bezier tools.
02:45So I can convert this here and drag to round that out.
02:52Let's select the next keyframe, there it is, and I can create a nice smooth path.
03:00I am just using J, K, L to move between keyframes.
03:07Click and drag and notice they are Beziers. I can even create an S shape to the curve.
03:15Now as we drag that through, you see the impact, and it makes it feel a little more like a
03:19hand-held bobble there as the camera arcs around and swings back in.
03:27That's really kind of cool.
03:28It's like taking the straight crane move and making it a curved dolly track.
03:33Here we go, and you could do that for other properties as well.
03:38There is the point of interest right there, and I could smooth that out in the middle
03:44there so it's a more gentle arc.
03:49Let's drag through, and you see that feels more natural as it rounds the curve and comes out.
03:59So all of these camera paths with position and point of interest can have their Bezier
04:04handles adjusted, and you could do that right up here in the window.
04:08If you need to do it independently and Alt-click on the handle, will let you move just one side of that path.
04:20There we go. That works nicely, and I will just drag through, and you see the change.
04:28Let's go to the last one here and take a look at the moves.
04:33It all seems pretty good, but what I want to do is a small change.
04:38I want to actually reverse the camera path, start wide and push in.
04:43By selecting both keyframes there I could choose Keyframe Assistant and tell them to Reverse.
04:51Now the animation has been swapped into a push.
04:54I will take this and do a nice easy Ease In to come to a gradual stop, and we will preview
05:02that out, and that's what it looks like, pushing into the rock outcropping, and it's going
05:08to come to a gradual stop on our subject.
05:11So as you see, there we've got the ability to really refine the camera, taking advantage
05:16of ease, vector tools to adjust the path and its shape, as well as keyframe assistance work very well.
05:23However, there are a couple additional truly advanced options to really sell the shot.
05:28
Collapse this transcript
8. Adjusting the Camera
Setting the depth of field
00:00You'll remember when we first created the camera, we enabled the Depth of Field option.
00:05This allows you to adjust what's in focus and what's out of focus.
00:09On a physical camera, this is typically controlled by the aperture, and the more you open up
00:14the camera to let in light, the more shallow the depth of field.
00:18In After Effects, you can keyframe this property to do things like a rack focus.
00:22But it's also very important that you check it so you have a natural falloff in the scene.
00:29I've opened up a new project here, and I have a couple of different projects imported
00:34as well as the three we are previously working on.
00:37Let's take a look at the camera settings.
00:39In this case, the camera is panning down, and we are seeing our subjects moving a bit.
00:45We clearly have our foreground subjects as well as the crowd further in the back.
00:50What I want to do here is adjust it so that the crowd is not as in focus.
00:56Let's take a look with 2 Views, and we'll set this one to Custom View 1.
01:04Notice with the motion here, not as far back is that other layer. It's a bit back there
01:09but not terribly far back.
01:11If I select the camera, what becomes important is to adjust the depth of field.
01:16So I am going to double-click there and turn on the Depth of Field option, and this allows
01:22me to adjust what's in focus and what's out of focus.
01:27Under the Camera Options here, I could play with the total amount of Blur level as well
01:33as the size of the Aperture.
01:36The wider that gets, the more things that are further away are going to fall out of focus.
01:42Let's zoom in here, and you will start to see that.
01:46There it is! And I could adjust the Focus Distance, placing what's in focus in the shot.
01:57Now, that's working pretty well. We have put the people in the background slightly out of focus.
02:03But this shot is only going to work so well because we don't have that much distance between the people.
02:10If I want to refine that, we can go ahead and push the crowd further away, or we
02:16can do some other things here.
02:18We will take the Crowd layer and push it further away as well as the Background layer.
02:33There we go! And we just need to scale those two layers up a bit.
02:40Notice the bounding box makes that really easy to tell when you have it right.
02:45Here we go! All right. Now because we've increased the distance, the objects that are further
02:55away fall out of focus.
02:57If you look at the camera there--and we will switch this to a top view--it will become
03:02easier to see the distance. There it is! There is my camera.
03:08And what I want to do is adjust it so that, that focal plane sits right on top of our
03:13subjects, which is that first layer there.
03:18If you want to make sure of that, go ahead and change the color of that layer, so it really stands out.
03:27That lets you know that you have placed those properly into focus.
03:31That's great! Our soldiers are now in focus, and the background has fallen out just a bit.
03:37Let's take a look here.
03:38We'll take the Field group, and set this to 2 Views, and we will change this one to Top view.
03:50Let's go ahead and adjust the Position here and the Depth of Field.
03:53I have got the Camera selected, I will twirl this down, and under Camera options we have
03:59got the Depth of Field. It's already turned on.
04:01I am going to zoom out here so I can really see my layers, and there is our foreground. There is the tent.
04:10Let's adjust the Depth of Field for the camera.
04:13With the Camera selected, I notice that the Depth of Field is set so the tent is in
04:17focus, but my people are blurry.
04:20So what I need to do is move this camera to the start position and adjust the Depth of Field.
04:26There it is! I am going to pull that so it sits squarely on top of my subject.
04:34Now that we've done that, we can adjust the overall Aperture size to change the amount
04:41of blurring or use the Blur level, zoom in there. That's working well.
04:50And as we drag through here, I am going to want to keyframe that.
05:00So as the camera moves, we need to adjust the Depth of Field settings.
05:09So I need to pull that back out, so they stay in focus.
05:20There we go! I can adjust the Blur Level if I want the background of fall out more, looks good.
05:29And let's preview that.
05:31And what you are seeing is a natural falloff of the tent, but better yet, the background
05:37really going soft for things that are further away.
05:41And that really makes that look good.
05:44Using the Depth of Field option is important, but I find that the top view makes it really
05:49easy to see where the Depth of Field is positioned within the scene.
05:54
Collapse this transcript
Changing the focal length
00:00Let's say you've placed a camera, and you've animated, and it doesn't just feel right, or
00:04you'd like some more options.
00:06Fortunately, you can easily duplicate a camera and change its focal length.
00:10In the timeline, I'll select the Camera and press Ctrl+D. Whichever camera is on top will
00:16take priority in the mix.
00:18But I can go ahead and turn off this other one for now, and by double-clicking on that
00:23top camera, I could bring up the settings. This allows me to change its focal length.
00:29For example, I can go with a wider angle and click OK.
00:35Doing that dramatically changes the scene and its composition.
00:40Let's go ahead for something a little less extreme.
00:42We'll go to 80-millimeter, and you see it further punches in on the action.
00:48Now, I'll just twirl this down, and using the same keyframes, I can make some tweaks,
00:55I'll just delete those two and start here with my Position and Point of Interest.
01:01We'll go back to 2 Views, and I can frame this up so I can clearly see.
01:08And because the zoom is so much longer, it's very easy to adjust the camera.
01:14Let's just pull that out a bit.
01:17That's good. And we'll come to the end here, and that looks great.
01:25Now, notice that the depth of field is much, much more dramatic.
01:32That's because we zoomed in here, and it's behaving different.
01:35Instead of being really wide-angle and having the camera closer, we've pulled the camera
01:40back, and we've adjusted the zoom level to really put the separation here.
01:46When you do this, the depth of field effect is going to be enhanced.
01:50So if you really want solid depth of field, that gives you that shallow look, use a zoom
01:55lens and really punch in with the longer lens.
01:58All right. That looks good. Let's just come down to Camera Options.
02:01We'll make a small tweak. Frame that up.
02:06That's good, a little wider, check the beginning, adjust our zoom, and let's pull the Point
02:21of Interest over and the Position a little bit.
02:23There we go. As I drag through, I could see our movement.
02:32That's looking great. And we'll just refine that by using the Depth of Field controls.
02:41There it is. Let's set the Focus Distance, so it's right.
02:43We're going to start on the grass, then at about 2 seconds
02:47we're going to adjust the Focus Distance and rack focus over to our subject.
02:53And at the very end here, I just need to make sure that it's set correctly, and you
03:02see I've framed them up. There we go. Let's take a look.
03:11That's good. We'll do that at a higher screen resolution quality so it's a little clearer.
03:18Starts on the grass, rack focus is over to our subject by keyframing the focus distance,
03:26and then it completes the camera move.
03:29And the cool thing is is both of those camera moves are stored in the same composition.
03:33So, by duplicating the camera, you could tweak it, modify it, add a different focal length,
03:40play with the camera move, and really create the look that you're going for.
03:45
Collapse this transcript
Adding bokeh blur
00:00You've already seen that the depth of field controls can add some nice blur.
00:04We can refine this, however, with an adjustment layer and actually add some Bokeh Blur.
00:09Here's how it works.
00:11In this scene I'm going to add an Adjustment layer at the top and then take advantage of
00:16the Camera Lens Blur.
00:19Now this works really well, and what it's going to allow me to do is keyframe in a blur effect.
00:26I want to go ahead and have this sort of reveal a bit.
00:30We'll adjust the Blur Radius, I'll tell the Edge Pixels to repeat, and we'll bring that up a bit to start.
00:41Notice what's happening there is it starts to diffract a bit.
00:44This is easiest to see if you make sure you're viewing it at full resolution, and I am going
00:49to go back to 1 camera view. There we go.
00:55Now you can adjust the size as well as Gain, and notice here that Gain is going to start
01:02to bloom some of the highlights.
01:03I'll lower the Threshold, and that causes the brighter areas to bloom.
01:09You'll see that the sky starts to blow out. That looks good.
01:14Let's just twirl that down and press U for user-added keyframes, and we'll go forward
01:19about a second and a half, and we'll just pull that Blur Radius back into 0.
01:27Now what that's going to do is create a very nice rack focus as well as a natural Bokeh in the shot.
01:34I'll just preview that at Half quality so you get the idea, and you're going to see
01:38it starts off, and as the camera is moving, it's like the operator did a rack focus in
01:44the lens, and you see all the nice highlights that you're used to seeing with that shallow
01:48depth of field, bright spots, hexagons.
01:51If you don't like hexagons, you got all of different shapes here you could change between,
01:57and this just does a nice effect that makes it look like you took the lens and racked it.
02:05So there it is nice rack focus in, and you can see it's really quite cool, and it plays
02:11off nicely with the 3D depth of the layer.
02:14Applying that as an adjustment layer makes it a believable effect and actually works
02:20with the depth that you have between the individual layers.
02:24The camera blur has lots more to it.
02:26You can in fact add a depth matte to better define the areas, and there's lots of subtle controls.
02:32Be sure to look up here on lynda.com some of the After Effects Essential Training, and
02:36if you just do a search on camera lens blur After Affects, you'll find some great tutorials
02:41to help you understand how to get more out of that particular effect.
02:46
Collapse this transcript
9. Lighting the Scene
Setting the ambient light
00:00One of the best ways to add believable depth to an image is to adjust its lighting so it's attractive.
00:06Fortunately, After Effects has a comprehensive lighting system that allows you to relight
00:10your scenes, and these tools are pretty straightforward, especially if you have a photography or video background.
00:18Let's take a look at this scene here.
00:19We're going to adjust the overall lighting for the entire scene.
00:24Now this is a very bright day.
00:26To do this, I'm going to add a light, and I'll start with the ambient light, which is the
00:34available light for the entire location. I'll click OK, and it drops it in.
00:41Now what I want to do is play with the intensity, and you notice I could bring it up or down,
00:47and this will affect the base lighting levels.
00:50In this case, I'm going to set that to about 75%, darkening the room like you would a studio
00:56so you could then add light to build up a sense of directionality.
00:59Let's take a look here at this next one.
01:02I'm just going to temporarily turn off that Adjustment layer.
01:09That's looking pretty good, and we'll add a couple of lights, Layer > New > Light, and
01:16we'll start again with the Ambient light.
01:18However, this time I want to add a little color, and notice that the light itself could
01:25cast a bit of a tint.
01:27In this case, it's putting a slight yellow glow to the scene, or we could change that
01:34to maybe a gentle blue.
01:36So it feels a little later in the day, and you see how you can use that to impact the
01:41color temperature of the scene.
01:43In this case here, we'll drop in one more Ambient light.
01:50Let's set that back to white, and we'll drop that down to about maybe 70.
01:56That's good, and that'll give us some room for some shadows.
02:00I've brought in one more project that has some depth, and it's unique in that there's
02:04both indoors and outdoors.
02:07We're dealing with some shade and some direct sunlight.
02:10You'll notice here that I've applied an Ambient light to this comp, and the Ambient light level
02:16is affecting the shade of this area for the statue under the awning.
02:20However, I don't want it affecting the backdrop there.
02:23So if I twirled this down you'll see that we have Material Options, and I could say
02:29that this doesn't accept lights and in doing so the Ambient light is only being applied
02:35to the area beneath the canopy. This way the backdrop stays the same.
02:42So I could adjust the intensity of the light for the shadows, and this will affect the area inside.
02:49That works pretty well. We've got a nice, believable depth there.
02:53Once you've placed your ambient lights, you could start to add additional directional lights
02:57to really create the sense of depth and even add some shadows.
03:02
Collapse this transcript
Setting directional light
00:00Now that we've set the Ambient Light levels, let's start to add some directional light
00:04to get a sense of drama.
00:06For this image we have here, you see we've got our statue in the shade with the background.
00:13Our soldiers here are just dimly lit, and we'll add some directional light with a Point
00:17Light, and we need a Spot Light here. Let's start with this image.
00:22I've added one light for the Ambient Light levels, and what I'd like to do is drop in
00:27another light, in this case we'll do a Spot Light and click OK.
00:35You'll notice that, that adds a virtual spot light to the scene, and if you zoom in you
00:39can clearly see it looks exactly like a real spot light. There it is.
00:46Let's twirl down and look at the controls.
00:49You could adjust the overall Intensity of the light, as well as open up the Angle of
00:56the Cone, spotting it up or down.
01:02You could adjust the Feather for a more gradual transition and reposition the light itself.
01:10Let's set this here to zoom back a bit.
01:12That's looking pretty good. And I'm going to just reposition that light, pulling it
01:17up, and then grabbing its point of interest to aim it.
01:23There you see it moving across our subject, sort of like sunlight.
01:27If we take the Feather down, you'll definitely see the hard edge there, and it becomes really easy to aim.
01:36And then I'll Feather that out so it has a gradual transition, and it looks like a sense of sunlight.
01:44Let's grab the light there and just adjust where it's pointing.
01:49Now, once we've pointed that light, we want to go ahead and cast some shadows.
01:55I'll see that Casts Shadows is currently Off, so I'll turn it On.
02:01And it might seem anti-climactic, because just turning on Shadows doesn't make shadows.
02:07You need to then go to the individual layers, such as the Couple, and under Material Options
02:12you need to tell it that this is going to go ahead and Accept the Lights and that it's
02:18going to go ahead and Cast Shadows.
02:22In doing that, it creates a shadow behind our subject.
02:26Let's check the brick wall really quick, and under Material Options make sure that it's
02:32set to Accepts Shadows, which it is.
02:35So you see our shadow being cast on the wall behind our people.
02:39Let's reposition the light a bit and see if we could move that shadow. There it is.
02:50And you see the shadow casting behind them.
02:54I'm going to adjust the Position a little bit, and there you see it on the back wall.
03:03Now, you can adjust this until you get the shadow positioned where you intended, and
03:10then you can go ahead and play with the amount of the shadow itself.
03:17I'll come down here to the Couple, there is the Shadow, and we can adjust it.
03:23Playing with the Diffusion for the front, for the surface, adjusting the Shininess,
03:31that looks pretty good.
03:34And then for the light itself, we'll refine the shadow a little bit, and we can adjust
03:40the Diffusion so the shadow goes from really crisp to much softer.
03:46And I'll increase the Darkness so it stands out a bit.
03:50So now, there's our camera move with the cast shadow falling on the back wall, as you see there.
03:59Now, you may want to play with where that light is coming from, but you get the idea
04:04of how it creates a very photorealistic shadow.
04:08Let's take a look at the statue here and do the same thing.
04:10I'm going to do a couple additional lights here.
04:14We're going to start and add a Parallel Light off to the side.
04:24Let's choose zoom in so we can see it, grab the Parallel Light, and we're going to move
04:35it back a little bit. There we go.
04:40And I'm just creating a little bit of side light with that Parallel Light.
04:46You see we're getting a little bit of the interest coming in.
04:48I'll turn that off and on. And we can adjust the Intensity of that light.
04:55That's just creating some light coming from the side, and that's really starting to make
05:00that look photorealistic.
05:03Now, we'll just name that, press Return, and call that Side.
05:09Add one more Light, and let's add a Spot Light, and we'll adjust this.
05:20Let's pull it back. There we go, nice and far.
05:28Adjust the Intensity of the light and make sure that it's casting some shadows. There we go.
05:42Take a look at our statue here, check the Material Options, and tell it to Cast Shadows as well.
05:50Now, here's the tricky thing, where is it casting a shadow?
05:55Right now it's casting it on the trees, which we don't want.
05:59So I'm going to come down here to the Trees and make sure that Accept Shadows is off. There we go.
06:08And now you see that the shadow is only casting on the column.
06:15So if we look at that light, we can now better point it, there it is, and you see the shadow
06:28being cast on that back column.
06:32Let's do a quick move on the camera, and you see the shadow falling on the back column
06:45being created by our statue, and that looks very believable.
06:51We can tweak the Darkness as well as the Diffusion on that, but this really makes the scene look very photorealistic.
06:56
Collapse this transcript
Conclusion
Goodbye
00:00Is that it? Hardly.
00:03There is much more to this technique, including advanced lighting, use of particles to add
00:07depth, mixing in footage, and time lapse for clouds.
00:12There's all sorts of things we can do.
00:15What I'd like you to do is practice what you've learned here a bit.
00:18I promise to come back, and I've got a lot more to share, but for now take the lessons
00:23learned here as well as our documentary techniques with Photoshop and After Effects course, combine those and get started.
00:28
Collapse this transcript


Suggested courses to watch next:

Practical Photoshop Selections (1h 8m)
Richard Harrington



Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

{0} characters left Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading

Error:

go to playlists »

Create new playlist

name:
description:
save cancel

You must be a lynda.com member to watch this video.

Every course in the lynda.com library contains free videos that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 98,466 instructional videos.

start free trial learn more

If you are already an active lynda.com member, please log in to access the lynda.com library.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Access to lynda.com videos

Your organization has a limited access membership to the lynda.com library that allows access to only a specific, limited selection of courses.

You don't have access to this video.

You're logged in as an account administrator, but your membership is not active.

Contact a Training Solutions Advisor at 1 (888) 335-9632.

How to access this video.

If this course is one of your five classes, then your class currently isn't in session.

If you want to watch this video and it is not part of your class, upgrade your membership for unlimited access to the full library of 1,893 courses anytime, anywhere.

learn more upgrade

You can always watch the free content included in every course.

Questions? Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com.

You don't have access to this video.

You're logged in as an account administrator, but your membership is no longer active. You can still access reports and account information.

To reactivate your account, contact a Training Solutions Advisor at 1 1 (888) 335-9632.

Need help accessing this video?

You can't access this video from your master administrator account.

Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com for help accessing this video.


site feedback

Thanks for signing up.

We’ll send you a confirmation email shortly.


By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

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.

By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

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

   
submit Lightbox submit clicked