Create A Hand-Stitched Flipbook Using Adobe Photoshop | Benjamin Halsall | Skillshare

Create A Hand-Stitched Flipbook Using Adobe Photoshop

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (35m)
    • 1. Introduction & Overview of The Course

      0:59
    • 2. Importing Your Video & Trimming The Time

      4:55
    • 3. Cropping Your Video & Reviewing Your Frames

      1:30
    • 4. Removing the Background from Your Video: Part 1

      2:51
    • 5. Removing the Background from Your Video: Part 2

      1:49
    • 6. Animating a Graphic Background for Your Animation

      4:44
    • 7. Changing Colours in Your Animation

      3:33
    • 8. Exporting Your Completed Frames

      1:59
    • 9. Getting Ready to Print - Combining Your Frames

      3:03
    • 10. Uploading Your Files to Print

      1:32
    • 11. Cropping Your Prints

      1:54
    • 12. Marking and Drilling Your Book

      1:28
    • 13. Stitching & Finishing Your Flipbook

      4:53

About This Class

Learn how to create a flipbook using your own video footage and animation in Adobe Photoshop. In this course you will learn how to import video, create transparency and add animated graphics. You will then learn how to export, print and bind the flipbook. This is a really fun way of creating something cool from a family video as well as introducing some awesome techniques for managing frame-by-frame animation in Adobe Photoshop.

Transcripts

1. Introduction & Overview of The Course: Hi there. My name's been house on. Welcome to my flip, but tutorial. So what we're gonna walk through in this class is how to create a flip book in the first instance using Don't be for a shop, how to set up the animations, how to incorporate video into animations and also some drawn or vector elements. So we're through animation in Adobe Photo Shop, and then we're gonna look at how we set up print so that we can send a print out either to your own printer or to a print shop that will be used as your flip book. So this is the end result. What we're gonna be ending up with small flick book 60 pages and you can see here that we have a nice object I look forward to and running on the course. I have to enjoy it. You'll learn a lot about that. We photo shop about how to layer on composite elements into photo shop has been corporate video inspections as well. I really look forward to seeing what you come up with. Please that hesitate. Send me any questions that you have, and let's go ahead and get started 2. Importing Your Video & Trimming The Time: Okay, so here we're gonna bring a video in, and we're gonna trim it down to 60 frames, which is the duration that we need for our flip book animation. So the first thing we're gonna do is go to file and open, and we're gonna open up this jump. Tomov, the quick time movie that we're gonna be using for animation will open this up. Okay, Now, I've already set my timeline here two frames, but in orderto make sure that you see the friends we need Exactly 60. We're just gonna drop down this menu. Two panel options. And this is where you set the timeline units for your timeline. So either in time code, um, or frame number, we want frame number so that we can see the exact number of friends that we have, and then we'll click. OK, Okay. So you should be able to see the exact number of friends and we're gonna just find the the end point that we want for this animation. So you can see this is the jump that we're going to use for a flip book. And this is the point of which we're going to end because we dragged the endpoint of our clipping just by hovering over endpoint and dragging in. And then we'll do the same for the beginning of our video here. Okay? And you can see that duration in that little pop up showing up just the top, right? So we can see as we're getting close toe 60 frames. We're just jumping up here. Okay, so enough we scroll through, you can see we end on frame 59. Now, we actually drag this out just to make sure that we've got 60 frames. So we go from zero, and then we've just added the 60th frame here at the end just to make sure that we have enough frames. We don't want to go through the whole process and then find out. We need to add an extra frame on. So Okay, so the next step that we need to do is actually convert this so that we're working with layers because you want to add some animation into the background of this. So we're not gonna render this out, Okay? So if we go to file and export and render video here, we can now render out the video. So will type in the name as jumped on 60 and will render this out now will come back once that's rendered, bring it back into Photoshopped as a set of frames. Okay, so now that's exported. We can go ahead and close the original video, so we'll just close this up. We don't need toe. Say that we don't want to save the cropping on the original video and then we'll go to file import. We're going to use this option video friends, delays. Okay, So basically, is gonna take each frame, actually make it into a layer of photo shop, which is where we can start toe, have some fun with the transparency of those layers on also begin to work in some other layers that we turned on behind our video. Okay, so we'll select that video frames two layers. I will crap this jump 60 and back floor and open up. Okay, So we're going to go from the beginning to the end. We could select a range here. The reason I didn't select a range from the other videos because you don't have a great deal of control in terms of knowing exactly how many frames you have here when you're opening up here. So we need to know that we've got exactly 60. So the in point out point here don't actually tell you that information. Okay, so we'll click. OK, now what? We've got all our friends selected. So from beginning to end, like okay, have a shot, will import those video frames delays. So have a look at this. And then we'll move on to the next video, which will be where we begin toe work in some of the transparency and graphic style into this design. Okay, so we can play this through. Okay, We can also see that in the layers. What's happening here is that on layer 45 we can't 45. Layer 45 has turned on this. How would control the animation when we have these frames layers? Okay, So, for instance, if we add a new layer here on, we draw on a shape. Okay, So the triangle, for instance, Then those two layers of turned on. So now they're actually it's turning on, putting on one for all the frames that we have here. And you can see the eyeball moving as I move through those friends. But we can turn this off the different friends. Okay. And this is how we begin toe animate those by deciding which frames are turned on and turned off as we move through our animation. Okay. And we can also duplicate this layer makes and changes to it, which is one of the things we're gonna do. So let's move on and have a look at the next step. 3. Cropping Your Video & Reviewing Your Frames: Okay, so we turned our video into layers into frames layers. And so we're just going to save this project off. Okay, so we called it jump as layers and will now go ahead and crop the video so that it will fit our flip book format. OK, so in our flip book, we're gonna have an area on the left where we need to glue it together, and then we'll also have a slightly different size to the flip book because we're gonna be renting three images on each sheet. So if we just come back to the beginning here and we grew up the crops hole, so we're going to be printing out at four by six. So basically, the width of our image is gonna be four inches on, and the height is gonna be two inches. Okay, so we'll set a ratio here, which is gonna be for by two. Okay, so basically, this is the proportions that we have to work with and within our flip book. But basically, we need to make sure that the the video runs in the most part in this area, so we'll just apply that change by pressing answer okay. And we'll just move through the video step by step, just to make sure that we get the key parts of the jump within our friends. I'm pretty happy with that. I've rule. Okay, so we've got the whole jump within those frames, and now we can move on to kind of work on some of the transparency that we're talking about . 4. Removing the Background from Your Video: Part 1: Okay, So the transparency we're gonna create now we're gonna use the polygonal lasso. It'll okay? This is gonna allow us toe move around the edges of our video frame. Okay. On really were kind of looking for a rough edge here to our design for the graphic elements that we're gonna add into the background. Okay. So we can refine this a little bit later if we need to. If there's any kind of glitch Innis in the transparency that we've made. But it's also going to be quite a quick method off creating a transparent area behind landslide here. Okay, so we're gonna just zoom out a touch so we can see the edges, and we're gonna come around the mats that we have here. Now, when we've got the last little selected, we can zoom in and out using command or control, plus and minus. Okay. This is just gonna allow us toe quite quickly. Move around and select the edges here. Okay. I'm gonna work for a couple of frames, show you how to set up the transparency and show how this is gonna roughly work, and then we'll go away. Andi, you can complete the transparency in your video or this video. If you chosen to use it on, then we'll come back and look at how we can have some of the graphic and design elements into the back. So once we've grab that, we can come around. So I'm coming outside a zoomed out. I'm coming outside the cameras here. I'll come back to the beginning. Okay. I've made my selection. And as long as I got my selection turned on the correct layer selected and click a layer mask, it will then make the transparency. Okay, so let's go toe frame to it's and we'll do this one nice and quickly. So this is my press, the space bar. I can also move around and I'm zoomed into the space bar. Troubles the hand till Okay, So if I'm really super zoomed in, I can still get around as I'm making the selection of its edge. Okay, Come back around the beginning here. Once we have that selected will do the same. Make sure got layer to selected here telling the lamb asked. And now we have the transparency for both those less. I'm just gonna do command or control and zero which is short cut to the fit, the screen function. Okay on. If we move between, there's now you can see for this small flip book star animation. We're going to get a nice level of detail in the for these different friends. So go ahead. I'm working on your own video. If you got any areas that you want to make transparent, and then we'll come back in and look at how we can add some of the layered graphic content . 5. Removing the Background from Your Video: Part 2: Okay, so I just want to run through here what we do when we have two objects that we want to make transparent. So we have the mat on the trampling on the bottom here and then also separately, Laszlo, who's jumping? So we need toe mask out both these areas, so we start off in the same way by clicking off and then moving around here. Okay, We're gonna make to selections, but at the same time, using the polygon. Alas, it'll okay, so once we have one area selected. So in this case, the mat on the trump laid everything down here. We're gonna jump up here, and all we need to do when we begin to make our second selection is hold down shift. And when you hold down shift, you'll see the little plus symbol pop up next to your polling on last, suitable, and keep shift held down until you begin to select. And then you'll see that the original selection remains. And we can now add to this second selection. And you can do this for two or mawr, different areas that need to be selected in your image. Okay. And so we come back to the beginning here. And you can see now that once we zoom back out, we have those two selections. So So just hold down shift As you're making a selection, you can see you can add in as many different areas as you want to if you want to remove an area. So, for instance, this example I've given across here on the left and you can hold down the option key for the old key on the keyboard, and that will have a little minus. And if you do around that, it would also then remove that selection. And if we hold down old till the option key, we can then remove selections. Such the example I've given here across on the left hand side. So what? We have a selection ready? Let's come down to the layers panel and add a layer mask and you can see we have those two parts. The image with a transparent background 6. Animating a Graphic Background for Your Animation: Okay, so now we have our animation transparency set up. We'll just have a play through of what they should look like. So we'll come back Toe frame one. I just hit play. Now, you may know, is a little bit jerkiness in the playback on the first time in a second time round, but wants your videos played through a couple of times, then it will be it will play back nice and smoothly. Okay. So you can see what we have here. So this is gonna work nicely, is a flip, but we want to add some other graphic elements into this. So we're gonna add a a graphic background that will move and spin with the rest of our animation. Look pretty cool in our flip, but so we're gonna place an embedded image into our project on. We'll just dropped down to layer one here, Come back to frame one. Okay, Andi, then go to file on place embedded. We're going to use this background into place in the background of our project. OK, so we'll hit place, and we're gonna re scale this. That's a lot larger than our actual camp. So we wanted to scale around this central point because that's what we're gonna rotate around. So we're gonna do the numerical scale top here. We're locked the whip on the high together, and we need to scale this to about 100 and 25%. Okay, it's a little bit bigger than the original image size, which will be fine once we've got things set up and prints it out. Okay, so we're gonna drop this background to the very bottom layer, but we're gonna use the time lentil in for a shock. So if we come down to the very bottom of our timeline here and if you don't see your timeline, just go to window on a timeline to bring up, Okay, so we're going to switch to this timeline mode, and you can see here we have our background image in there on. It will behave very much like a timeline in Premiere Pro or after effects if you've ever used those pieces of software. So we have some key framing options, not as many, but we have some that we can use here to animate and move this layer. So the first step that we're gonna do is add the rotation in. So we're gonna drop out this background layer. Okay, Onda, we will add the transform stopwatch answer. But this is turning on key framing for our background. So essentially, what key frame it does? Is it records in this case of location in a rotation at one point, and then it will animate between that location, another location at a different point along the time line here. Okay, So we'll now move our play head right to the end here to the last frame. Okay, We're gonna then go to edit, transform on rotate. We're gonna added 100 and 20 degree rotation. Okay. Hey, ends up. Once you've pressed enter, you'll notice that you've got a new key from here, right? The end. Now, if we move through the video here, you can see that we have ah, rotating background. Okay, so it's rotating, and I want to match the movement onto the movement of this walks in the middle of our campus. Okay, We're gonna pick out one of the corners here on match this center point to that. Okay, So, basically, if we now take the move toe, some actually got the move tool selection of cameras on. Just pull this down to the bottom left and then come to the last Keeper. And now we can move between key friends by dragging between them like this. Or we can jump ahead to a key frame by pressing the go to next key frame option, and it will jump to that key frame. So now we can mais this up here and you'll notice that now, as we move through the frames, that background is moving as well. Okay, that's not always staying locked onto that top left corner, which we picked out of this box here. So we need toe had in a couple more key friends just to match the movement. So we'll find some points where we can see at top left corner and we'll just go through every need, maybe 6 to 8 key frames, to just kind of get it reasonably decent match for that movement. So you can see here in its her moving up and kind of imagine whether corner of that boxes, and then we'll go ahead here and then just keep moving it until we get a match of that movement. Okay, so let's play this through so that matched movement is reasonably good for what we need. And you can see we've got this nice kind of spinning which, as you flick your flick book, is gonna start to look really nice. Okay, that's one Background added, will go ahead in the next video and look a couple of different effects that we can add to our flip book animation. 7. Changing Colours in Your Animation: Okay, So he added the animation for our background here and now we want o make some color changes to the foreground animation. So the way that we're gonna do this is by grabbing all of our layers in the layers panel except for the background layer. Okay. And then we'll come to the top and holding down shift and then clicking on the top. Most layer we have slacked. All are liars. So now I have come to the top menu here, let's upright the layers panel. And here we're gonna select new group from layers and then we'll just call this foreground and emotion will get to a really nice thing here where we're gonna add on a hue and saturation adjustment there. OK, that if we adjust the saturation, we're here at the moment, it's going to adjust everything within our image. So we don't want toe do it for the whole image. Just for this foreground automation, the guard jumping. So we're gonna right click on that layer, scroll down and use their create clipping last option. Okay. And that will now affect only those group layers. So you can see if I change the color de saturate or over such a anything. It's just gonna change that layer. So we're going to cull, arise this, foreground that we wanted to kind of contrast with the background layer that we have a little bit. And so we're gonna increase the saturation of touch and we'll adjust the hue to a living here. That's gonna contrast quite nicely without an orange and red background. Okay, so pick out a nice blue here at this, okay? Now we can go ahead and add in any other layers that we want to hear. So, for instance, if we wanted toe add in another background layer, we could if we wanted to go in on add in some type layers here we could, so we'll have a look at the type option. Okay, so we're gonna grab contacto and just stretch out a new type player. We're just gonna type on the words were jump and will increase this in size on other in all caps. Okay, so now we have our animation, and actually, we're gonna just have this type slide in just towards the end of our animation, so we're gonna have the endpoint for it here and we'll drag in the outpoint for that's pipe laying here. Okay, so basically, it's just gonna drop onto the campus right here. So we're just gonna have our text across here on the right hand side, and we're going to get it toe kind of fly onto the canvas just after he's landed. OK, so we're gonna add a transformed key frame, okay? And then we'll come to the end frame here and just jump the position a little bit so that we get it to the right spot for where it's gonna finish more. Pull this up. Actually, it's gonna be on top of everything else, and we'll come back to the first key frame here. Just make sure we're on the first key frame, and then we're gonna pull this type, right? So basically, what will happen now is that we'll have our animation and then we'll have out type coming. Drop over here. Okay, so let's play that 31 last time, and then we'll go through. Look at how we export these frames. 8. Exporting Your Completed Frames: Okay, so now that we complete our animation, we're gonna have a look at how we first or export the individual frames. And then how we combine those rhymes together so you can print them out of photo store. So the first step is to go to the render option. So if we go to file on exports, we're going to render out our Vinje. Okay, on the way this works is that were selected folder. We'll make a brand new folder for this full of video frames. Choose that. Okay? And we're gonna export out as a Photoshopped image sequence. Okay, so we're gonna export out our images as a PNG because that retain the quality a little bit better. The next option here is for the for in the brain. So we're starting a zero on this is the file naming convention will be used when we're exporting our images. The document size is gonna be 1920 by and 9 60 which is the size that we set that with, so that we can fit it onto the correct six by four photographic paper, and then the document frame rates is gonna be the friendly that we use for our exports. 60 French second and we should end up with, I think 61 images because we had a one extra in there. Okay, so now we'll click. Render. Okay, So once your video has finished exporting into individual frames, we can have a look at what we end up with here. So we have our video friends folder here. If we double click on it, you'll see we have each of the individual frame. So at the moment, it sorted by date modified. And so here we have each of the individual frames. Okay, so we have 61 frames. Well, only 60. And then if we have a previous days, we can see what we're getting. I was all finished result. Okay, so now the trick is to combine these all together, and we're gonna put three on to eat sheet in photo shots so that we can send them off and get them printed 9. Getting Ready to Print - Combining Your Frames: Okay, so we've closed up our animation. Now we're gonna look at how we confine our individual frames into photo size prints with three images on each print. For this process, we're just gonna go to window workspace and we're gonna reset are essentials view so that we lose that timeline will go to file automates on me, using the contact sheet to option here. So it's enabled us to do is to select the folder of images and combine them together as a series of prints. Okay, so the first thing we want to do is select the folder we're gonna use. So we're gonna go to the desktop, select our video frames folder. Okay, Onda, we don't need to include some folders, but doesn't matter that it's turned out OK on. We're going to merge our images as a four inch wide image on a six inch high image. Okay, so it's gonna be set up as a single column. So one image for each column and three rows so the images will stop into Rose. Okay? The resolution on that were used on will be 300 pixels per inch on this. Just make sure we get that right? Okay, RGB color is perfect on adobe. RGB is fine. And we're gonna flatten all the layers that we have and importantly as well as our columns and rows here. We need to make sure that the vertical horizontal spacing is that to zero. OK, so actually, we want these in order that we can get them onto the four by six prints that there actually is no border or padding between each of the images that they're flush up against one another. Okay, on across first is fine. So let's click. Ok? And now these images will begin to merge. Okay, so once they've merged, we can have a look at what we have. So we have three images on it. Sheep on. We have a total of 21 sheets. Actually, the 21st week we don't need actually might come and use this as a front cover for our flip book. Okay, so you can see if we jump back through to the first sheet. Okay, We're moving through when we can quite quickly see which sheets are linked together. Okay, So the next step is to save all of these, so we'll just do this individually, so we'll go to file save. And this is whether the short cut becomes useful. Okay? And we're going to save them as jpg images because that's what the printers will will want when we print out these photographs. And we're parties in a new folder off called a contact sheets. Okay, so we'll save days and we'll do it a maximum J peg resolution, and then we'll close the original Photoshopped document. We don't need to save that. Okay, so we'll come toe each of these individually and save them. Also saved them office J picks. Okay, so now we have all our contact sheets saved into a single folder on the desktop. Weaken. Go ahead on. Look at uploading. These two have been printed. 10. Uploading Your Files to Print: Okay, so we're locked in here at the photo sensor, and we're gonna create a new album that were used to then print out our 21 images. So we'll go to create new album here. We'll call it flip book. Okay. We'll save that. Okay. And then if we come to that album, we're gonna upload new images, So we'll click on the upload button on the top right here. That's upload now, and we can go to the desktop here and grab all of our images and drag across once that drive across will scroll down here. And obviously, we have some terms and conditions to agree to, and then we can click, upload. Our images will go ahead and upload so we can see the progress. Okay, so we have what are images uploaded here, and we'll go ahead and select all of these. Now, we're gonna order some print today, so we'll add them to the car here and then go ahead into our car. Just manage a number of prints. We want to get printed. So at the moment, the default is for each of these to be printed out at four by six. Okay, Andi. So we're gonna actually print out two versions of these. So will apply this to all of our prints. So we're gonna print them out for by 62 of each on math so we can make to flip books here. Okay, So I will just check that everything's looks like it's there and we'll scroll up now on. Go ahead and place our order. 11. Cropping Your Prints: Hi there. So we have our prince back in the print shop. Now we're gonna go ahead and look at how we combine those into a flip book. So the way they come back is exactly as we design them. Info shop. So we have three images up on each sheet on now. We need to crop these off. So the first thing we're gonna need is our Exacto blade on. As we do this, we want to make sure that we keep things in order so we can see flip Book has come back from the printers in order, Actually, two copies of this in it. So we're gonna go ahead and start cropping. So the first thing to know is that office thieves of flush one against the other. So we want to make sure that when we we crop them, we're trying to keep the cuts nice and tight. OK, so we're gonna take our metal blade. Okay. Make sure you met late is nice and clean on, but size every don't wanna have any issues. Then I'm not too worried about the lineup of the lines on really looking to kind of register my blade on the line. So and then just make sure we nice and types that live go ahead again can see now One thing that's really important is a brand new nice clean Exacto Blade Teoh to use for this kind of cutting. So replace this one for, say, stare and then we'll jump onto the next one and they just keep going and slicing It leads up once we've completely cropping with Sybil about trimming to dio on the edge of days. But we can begin to see the beginnings of our flip books. We flick now you can begin toe Just get a little glass of how it's gonna look less finished and stitched together nice and tight on the edge. 12. Marking and Drilling Your Book: Okay, so just moving on to the next stage of Crane out flip book on. The first thing we need to do now is create templates. So what I've done is I've credit a copy of the size of my flip book, and I've measured on punched in for holes into him. This is where we're gonna be stitching our flip book together. Okay, so basically the way this works, I've placed this over the top off my page, and then I'm just punching through that and using this as a template of the location of the holes that will then use to stitch announced he won't make sure that when you're doing this , you're doing this on the inside edge of the book, not the outside edge. Okay, so we have outfit. Look here, Ready to drill Now. We've got her holes marked in our flip book, and we're also clamped it down. Appears it remains nice and steady. We've catching card on top here so that we don't mark our our flip book. We've got drill here. I marks the end of the drill within take, so I know exactly how far I need to drill through. So go any further than you two, and I've just got a bit of boredom. Natives. When I go through to the table itself, it's a 1/16 inch drill bit on. We're just gonna take time. We drove through and make sure you keep everything vertical as we are doing this. 13. Stitching & Finishing Your Flipbook: Okay, so we've drilled through Ah, flip book now, and we're gonna go ahead and stitch it. So when we stitch, you were going to make sure that we've got enough or more than enough threat to stitch through out flip, but with So I'm gonna make this six or seven times wide on the actual flip, Just measure out my hand on and give myself a lot more than I need. It's much easier toe measure this out now on to have two little later. So and then we'll give it a snip. There are no not in the way that we're buying in this together. So what we're doing is we're coming through. But halfway through a flip book, I'm through the second hole. So will come through the second hole here. And then once we've turned it through in the middle of our flip book, we're just gonna leave a piece of thread hang out that's gonna be able to come back to later. Teoh, tie off our clients. I just leave that three there, and then we're gonna come back ground here once. Hey, so once the second hole and then once you've done that, we're gonna come it on to the first hole here, come through once and then come back around again from the top. Okay, Okay. And then we're gonna come around the edge here and then back through here. Oops. So that that threat it's coming right on the edge of our client. Okay, on underneath, we'll come back through again. That's the second hole. Okay? And then along to the third hole, background through again. Okay, you can say that finest lines come together that nicely. So I'm just gonna pull these through and tired a little bit. Come around the end again. Welcome around, Stand And they come back through first of all of the end background and up here and then just work our way. That's the second hope we're gonna look with a location that we threaded through once we get back to the second hole, What we're looking for is the location of our thread in here, and we're gonna pull our needle back through and out this way. So come back up through a second hole here, we'll come straight back up through the middle and then what we want Dio, if you just let the thread light loose there. They're gonna come in here, Just pull from the inside. Not second thread. So you can see we can just catch it on the inside of the book here and put it back to her. Okay, So once we have about two threats out here, and we can now need to just tie them off together, Okay? So you can just crabbers and we can give them a little tug to pull of that type as we tie them. And I'm not here. And then once you've done that, we're just gonna cut off the excess threat. They're okay now. You can see that to go around, but