Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this video, we are going to take the raw scans of the storyboard sketches and cut them up into individual images using Photoshop. We'll then import these images into our After Effects project along with the audio file and we'll have all the pieces necessary to begin the animatic process. Let's open up the first page of Animatic-Sketches inside of Photoshop. Let me drag that on to the Photoshop icon. What this is is an 8 1/2 by 11 page that I drew on with blue pencil. I scanned it into a Photoshop at 300 dpi. Now, I've got enough resolution to create the individual images that I need.
What I want to do is crop each one of these guys down using the Crop tool. I want to set the Crop tool to make them specifically the size that I want. In this case, we are going to be doing 640 x 360. So, if I click in the Width window, I go 640 px for pixels and 360 px for pixels and then 72 dpi. Now, that I've got the resolution set, I can use the Crop tool to crop these images. Now, the first image here we can ignore. That was a mis-start on my part.
I started to sketch something out and realized that was going in the wrong direction and just Xed it out. So, the very first image that we want to crop is this one right here. You can see it has the "after 400 million years" which goes right along with the first line of the script. If I click with the Crop tool now and drag a rectangle around that and I can resize that a little bit to get it to fit a little tighter, and when I hit the Return key that gives me a cropped image. Don't worry about the size here. That's just how it resizes the image. You can see it's showing at 16.67% of the original size.
So, now I can save this and let's go to File menu and do a Save As. In the Chapter 2 folder, I am going to make a new subfolder and call it animatic scans cropped. Now, with the animatic scans cropped folder if I go to the Save As field and save this as 001.jpg. Hit Save and you can leave the Quality settings at Maximum and then hit OK. So, that's the first scan. Now, I want to go and do the next scan. I could open up the original file right here but an easier thing to do is just to use the History palette to restore this file back to its original state.
So, I'll go over here to the History palette and hit the Open and that restores the file back to its original state. You can see I've got my full-size image here. Now, I can go to the very next file and number 2 is this guy right here in the upper right-hand corner. You can say "they're still the scariest thing in the ocean." That's the second line of the script. Use my Crop tool again and then hit Return on the keyboard. Then do File > Save As. In the animatic scans cropped folder, I am going to call this 002.
Now, that's the process for creating a scans and I want to repeat that for each of the images on the page here. What I've done is save those out for you. If you go to the Chapter 2 folder you can see there is an animatic scans cropped folder. That's what we were just saving in. There's a animatic sketches cropped and that's got the original files that I created for you. Now, I used a much longer file name and that gives you an indication of exactly what we're looking at here. sharzone-animatic-001, 002, 003 and so forth. The important thing is that you've numbered the file so that they are easy to tell apart when we bring them in the After Effects.
So, now let's move over to After Effects and to start importing our elements. Now, when I am working inside of After Effects I like to work with a very specific folder template. We've provided that in the project files and I'll open that up and review it, but I am going to rebuild it from scratch. But I just want to show you guys what the end result looks like. So, if we open up the Master Project file. Now, this project file was created in an earlier version of After Effects and I'm working in CS5 here. So, when you get this message or if you this message, you can just ignore it.
Nothing inside your project file will change and hit OK here. You could see I now have folder hierarchy here in the Project window. This folder hierarchy is what I like to use when I am working on a project. There is basically a place for every single kind of element that you might be working with. It's very easy to keep track of things inside of After Effects project. After Effects projects can get very complicated in a hurry. So, I like to keep things in very specific folders. So, what we are going to do is start off by creating a blank project and re-creating this folder hierarchy here from scratch.
I'll go ahead and close up the file here and hit Don't Save. Now that I've got a blank project open, let's start by creating a new folder and I am going to call that folder animatic jpgs. Into that animatic JPEGs folder I'm going to import my JPEG images. So, with that highlighted I am going to go to File menu and then on to Import > File and navigate to my animatic sketches cropped folder.
In the animatic sketches cropped folder I'm going to go to the first file and then hold down the Shift key and highlight all of them and then hit Open. That's going to import all of the images at one time into the animatic jpgs folder. Now, I want to have some subfolders in here so I can keep things really organized. I am going to create a new folder in here and call this 1-Production Elements. In the Production Elements folder I'll drag the animatic jpgs folder into there so you can see it's stored in there.
Now, we want to have the next element of the piece, which is the scratch voice recording that I've done that helps us timeout the script. So, I am going to import that. But before I import it let's make a folder for to go into. So, I'll go to the create a new folder and go to 2 - and call this one Video and then I'll add a dash and call it Audio as well. So, I know there is audio in that folder too. Let's go ahead and go to the File > Import > File and navigate to the Chapter 2 folder and grab the Sharkzone.
I'll open that up so you can see the full name: Sharkzone-ScrVO-cut001. This is just a voice reading of me no sound effects, no music, no nothing. But it is done to time and so we'll use this as the basis for our animatic. Now that we've got all the pieces imported, we are ready for the next step in the animatic process.
Get unlimited access to all courses for just $25/month.Become a member
107 Video lessons · 34231 Viewers
94 Video lessons · 23881 Viewers
100 Video lessons · 4428 Viewers
83 Video lessons · 9419 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
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.
Your file was successfully uploaded.