Slice Up Multiple Images into an Awesome Portrait in Photoshop | Benjamin Halsall | Skillshare

Slice Up Multiple Images into an Awesome Portrait in Photoshop

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (22m)
    • 1. Introduction - what you will cover

      0:53
    • 2. Shooting your video

      1:19
    • 3. Export Option 01 - still frames from Quicktime Player 7

      2:30
    • 4. Export Option 02 - still frames from Adobe Photoshop CC 2014

      3:33
    • 5. Creating the slices of your portrait

      8:17
    • 6. Masking in the extra detail - hand over the face

      4:03
    • 7. Finishing up and exporting your sliced portrait

      1:27

About This Class

Learn how go from video to Photoshop in order to create this sliced up portrait from multiple frames of a video. This creative technique takes in skills such as exporting still images from a video, combining multiple frames into a layered Photoshop document automatically and using layer masks to composite these images together into a surreal piece of digital artwork. Enjoy!

Transcripts

1. Introduction - what you will cover: okay. In the short course, we're gonna have a look at how we create this sliced up or drink. Okay, So the basic method is to go from a video that's been shot, export out individual friends in that video and then layer mask this image together. So we're gonna be looking at how we take different friends, the image emergent. Together, we're going to use some of the photo merge options in for a shop to do this as well. And so there's a few different steps. So we're going to run through first of all, how to export the individual frames using quick time. And then we'll look at how we use foot emerged to bring those photos into line together. And then after that, we'll have a look at how we work with Leia masks to actually build up this image from a number of different images, which you can see in the thumbnails here. So what should the whole video Siri's and you'll get some great tips on how to do this particular project, but also on how things like layer masks work. And it will really help toe improve your knowledge of photoshopped a number of different areas that you can use another creative projects as well 2. Shooting your video: Okay, so here just wanted to talk a little bit about how we fill in the video that we're going to use for our sliced up portrait. So I filmed it on my tablet mired next seven. Andi, basically, I just held out my arm. We're going to use the alignment in front of shot letter on to actually a lineup image somewhat commit. Basically help my arm out. And then I'm What I've done is I've just turned my head a few times, held my hand in front of my head. It's one of my face and I've got a few of those. And when we export these out to the 10 to 20 images that we need, these will line up pretty nicely in for a shock because we're looking for a kind of thesis jointed view, as you can see here, a photo shop, handheld video work on. Do we get this kind of nice effects? You can do a couple things. You could hold the camera straight on, as I have done, or you can hold it to the side of the plane. Background is important. It kind of helps when you're actually stitching images together and then also make sure that you've got lots of light. Okay, so lots of light on the image on will help a lot. Okay, so that's a brief overview of how to kind of film the footage. Now we'll go on, have a look how we can export out this footage to still frames, which will then use later on in our stitching. 3. Export Option 01 - still frames from Quicktime Player 7: Okay, We're here in quick time, Player Seven. What we're gonna do here is export out Siris of images that we're using. Another project you'll find online here. We're gonna very quickly grab a look at this video, and you can see we've just got a look to the left and look to the right on. One thing we're doing and the other project is slicing these images together, so it kind of creates a cool effect. But here, looking specifically at the image export, we're gonna go to file ex school on in quick time Player seven, We have options here to export out a number of different kinds of movie or individual pictures. MPEG four files on that kind of thing, But we're looking specifically at the movie to image sequence option here. Okay, we're going to export this out. We're going to double check our options, and we're exporting out as a PNG file. Okay? We can also change the things like a J peg or if you're working a lot with video than targets or tips. Might be something that you want to work with. For this particular example, a PNG is fine. Okay, Onda, we got options to insert space for the number. So as we export out, it's gonna number each of the frames that we export on DSO for this. Now we can just click. OK, okay. No money to make a and the photo on the desktop. So I never get to the death stop here, and we're gonna create an images folder and into here we're just gonna leave the original file name with the video The same. I always like to do that, just in case. I need to reference back to it on then hit, Save on Quick time. Place seven will now begin to export out individual images. So, while that's happening, if we go now to the desktop here and have a look in the images folder that we created and we can actually see those images started to appear now one quick tip on the Mac if you want to take a quick peek at these images as they're loading up is if you hit the space bar with an image selected, you can actually then jump in on look at individual images, tough space bar again. They will disappear. That's a nice way of just previewing images without open up an application. Okay, so now we have all our images for the sliced portrait that we're gonna create. We're gonna be selecting. Maybe 10 or 20 of those images have to slice together mass together. Take a look. It's great tutorial on Duh. I hope this has been useful for you to if you're exploring out images or an image sequence from a quick time tonight seven. 4. Export Option 02 - still frames from Adobe Photoshop CC 2014: Okay, We're gonna have a look here at how we export out on image sequence from first shot. This is part of another tutorial that you might be working on right now creating a slice portrait. But also, this is a useful technique if you just want to export an image sequence working on in another application. So we're gonna go ahead and open up our video. So if you go to file on Open and Photoshopped, Okay, we are coming to open this vid file. Okay? On if we open this up for a shop will open up the video Onda we can see here. We've got our little timeline that pops up here and we can have a scroll through. Okay, so we're gonna export out the individual frames from this video and have a look at some of the options that you have available to you when you do that. So if we go straightaway to file and export were using the render video option. Okay, so we're not saving a fire. Rendering the video out on from that will get the individual frames of that video. Okay, so here we have a few different options that we can we can select. So we're gonna first of all, select a folder. And so we're on the desktop here. We're going to go straight in here and make a new folder, okay? And we'll call it inner sequence. It's a short This is where we're gonna drop our individual image frames into Andi, then from here, we're gonna be saving out as a Photoshopped image sequence. Okay, If we want to export out different video files, we would go to Adobe Media Encoder. And that's what we can select the regular kinds of videos for upload into things like YouTube or via Facebook, that kind of stuff. So let's look Photoshopped image sequence. We've got an option for the format here. We're going to stick with PNG. We'll have a look at the settings on Dhere. We're gonna leave the compression as smallest and slow on. We're gonna select this as no insulation. Okay, so now we're looking at the number we want to start out. So here we're gonna start zero on. We're gonna have four digits. So that's the number of numbers that will be counted at the end of our file name. So we'll have our file name up here on, then. Another four digits. We're gonna export out at the regular document size. Okay, so that's 1920 by 10. 80 the original size of the video we're gonna export out of the document frame rate. So this was shot on a tablet, so it's a kind of slower frame rate at 7.485 frames per second. Okay, on. We're gonna explore all the frames. Um, we don't need now for channel or anything like that. There's no transparency in its image at the moment. Okay, so once we've got all that set up, we can hit render on our video will begin to export out two individual frames. Now, while this is happening, we can actually jump in to our folder on the desktop. Okay, So once we come to the desktop, we'll see our image is beginning to appear here on. This is where we can grab the images that we want for any other projects that we want to work on. So we have a peek at these on the Mac. We can get this little preview here, Or if we took the space bar, we can see a larger preview of that video, and we can see the individual frames exporting out here. Okay, if you have any questions exploit from fighters, shop in video format, off editing video in first shot, then please don't has takes immune to happen household and also to check out the other portrait video to troll the working on as part of this. It's a pretty fun exercise. 5. Creating the slices of your portrait: Hi. Okay, so we're back here in first shop. Now we're gonna have a look at how we stitch this image together. So we've basically taken our video with exported out frames that video, and now we're going to select the frames to bring in a 10 to 20 layers on that we're gonna use marking to actually layer those images up Marston together. So the first step here is to actually select the images and bring them in. Okay, So I'm gonna close this final version up on jump to my desktop. Okay, So I have the image sequence on set up here. We can just kind of flipped through and see the different images that we've got exported out. Okay, so what we're gonna do now is open up a serious of these on, then stitching together in photo shop, using the merge function. So we're gonna grab these images, and I'm just gonna move through on randomly, kind of grab 10 to 20 images, and I'm holding down the command key as I'm clicking here so you can see that it's selecting more than one image at time. So I've got several images selected. You can see as a scroll up there. So I'm not too worried about 60 images. The randomness of it will be nice. And give us a nice effect. So I'm looking down here is like, 12 images selected. I would just keep going until we've got 20. Okay, so I'm trying to space, Not even the my head's moving in the camera shop, so we'll get some different angles if we select images from different parts of the video. Okay, so we've got a number of different images that now to open those up in photo shop, we can just drag this down to our dock here, and I feel less up. Okay. So you can see I've got a few different images, some of my hand over my face on then some without I will be able to stitch those together now. So if we go to file, we're going to use the photo merge function here. Okay, on. We're going to use the reposition option. Okay? We're not gonna blend the images together. We don't do that because it had a layer mask. And from with the images that we've got, probably mascot most the layers and just leave one on, we're gonna add open file so that all the open files that we added and selected they're gonna be listed here and it's gonna join these images together. So what? We've got this set up. You see your list you've got reposition on on blend unchecked, we can click, OK, and Photoshopped will go ahead and blend those images together into the 20 layers that we need. So you couldn't see now about the shop? We look at the layers panel has commercialised together the individual layers so we can flip these on or off until I should smile. Warren my pictures for the stuff, the way it works out sometimes. And now we're gonna do it. Start to add the layer mask. Do this to mask out different bits. Damage on What we're gonna do is we're gonna use a mixture of the layer mask on the rulers , the guides and the rulers to actually make sure that we keep things evenly spaced. Okay, so we're gonna use the rectangular mark Ito. Okay, we're using this function using the fixed size function to actually mascot file there. So I've set this up already. A fixed sized 1920 which is that if you go to the image size okay, in pixels, it's 10 89 to 1920 state. But it will basically select a line A sliced across our image. Okay. And a high of 15 pixels. Which means that when we select will select a slice right across that we're gonna use that selection to make a lame are. So we're gonna start straight away while cutting into the face here on Just look at what happens. So we'll grab out slice, okay. Dragged down a guide so that we can use it to line up and even the space. Our next selection. Okay. And then we jump into the layers panel on straight away from here. We're gonna add a lame ass. So we've got a layer selected the top layer on. We're going to select a layer mask. Adlai must but in here, that's gonna add a layer mask, and you should see your image. Well, start to slice up. So we're gonna move down, make sure you have a new guide every time we make a selection so that we can evenly spaced things and then just start to move through this part of the image. Okay. Having a layer mask for each each layer. Sorry. Have the selection first. And then the guys. Okay. And you can see here it was science. Slice into the face. Get this kind of disjointed effect going on. It's the six. I was nice. We don't really toe be tacular with it. It will snap to the guys friend, the then we can just keep mosque ing as we move through. We're going to speed this section of the the video up now so that you don't have toe watch . We mask every single layer, but you get the idea of what we're we're aiming to do here. Okay? We'll just leave one les in the background here, unmasked so that we can have always kind of have a solid background there. Now, what has happened here is we've kind of run out of image to work with from this point on. So what we're gonna do is go back to the top and start to edit these mass for basically the master of black and white layer. And here we can delete part that layer toe reveal part of these different images. Okay, so the same kind of effects. Just track down a new guide and a new selection. But this time, instead of adding a layer mask, I'm gonna go into the lame ass, the top most layer. I'm going to switch my, um, foreground and background. So I have a a white background here. And that means that when I hit delete, I make sure I got my Marsland selected here. Should have four white corners here. And that will then mean that as I now move down with my selection, I'm revealing a little bit more of these top most images. Okay, so I'm grabbing extra selections, Basically from the images above. Okay. And you can see, actually, I made a mistake here and sliced into the image on rather than the mask. So just make sure you do select the mask. Okay, we get it's nice effect where some of the images were almost kind of close together. So you see the face so almost forming a real face. But then not quite. Just keep going down here with this making show a weapon in the mosque. Okay, so now we've created this slice later on, we'll just go to view Andi clear our guys just so we can kind of see what we've ended up with. So we've got the first part of this image laid up here where we've revealed different parts of the last. But if we just drag down here, we'll start to see what we've got, okay? And how these layers kind of start toe form different parts, the image so you can see these layers up at the top, have two selections in them and then some of the layers down the bottom. We didn't need to use it twice. We've just got one selection them. So that's the first step. Now we're gonna look at how we can cut a mask on the hand onto the top, most layer to kind of give this hand over the face and sort of look 6. Masking in the extra detail - hand over the face: Okay, So we fought in the main part of our image here and now we want to do is take a layer where we have the hand in here and actually edit some of that in over the top of the face. Okay, so if we grab this layer in the middle, Okay, I'm just Is that I think will use this layer. We're gonna hold down the l key to drive it up on duplicate it. Okay, on. Now, if we hold on shift, we can turn off the mask on that layer, and you can see that here. We've got the hand in there, and that's what we're gonna use to kind of slice in to the rest of the image. Okay? It's actually for this mask. We want toe change it, Alter toe. Why? I wanna have a white marks less so we're gonna go ahead and just delete the mask that's currently there, then deleted without applying it. So, basically, what we'll get is this image back as an image layer and we want to grab a brand new selection. Okay, so I'm gonna draw around the hand here, and I'm just gonna zoom in and I can use the space bar here to live around as I'm drawing here. I'm not too worried about any little mistakes that I've got here. I can come back around on sixties later. Actually, you can see I accidentally sliced into its layer. But it's not gonna cause too much of a problem. It's gonna just out to the effect. So we've now got the hand selected and we want to create new land mass based in that selection. So we can click on the Adlai Mask button down here, and it will add that in to the rest of layer. So what I want to do now is actually start to slice into this a little bit. So we don't just have this whole kind of hand up here, so we'll jump back to the rectangular mark. It'll we still have fixed sized set six I set on. We're just gonna grab this Onda. We wanna add some white into this layer. So we're going to use shift on the F five joke up key to fill, making sure we got the Marcelo selected it with white and that will start toe reveal for some of the background layers. Okay, so that's just Ah, zoom out here, okay? I will just grab some other parts, this image, and you can see as we start to move through some of these layers, we start toe slice into it, and I can just use the cursor keys to modify where the selection is so that I've got exactly the spot where I want it in exactly the spot where I want it. Okay, so that we've had a work through that, and you can see this is what we've ended up with. I'm just gonna add one mawr master here, and actually, with this selection, I'm just gonna move it to the right so that I can sliced through just part of the this finger here. So we get this kind of layers of disjointed missing the image. Okay, Okay. So your image obviously won't look the same as this. Looks like a different And I think my original, um, definitely looks different to the version I've created. But basically, this is how to use multiple images, use the photo emerged function, and then using lame ass kind of stitched together those images from a video in a kind of interesting and creative way 7. Finishing up and exporting your sliced portrait: Okay. We're just gonna finish up that you tour here by looking at how we can flatten our image and have a little splash of color. I quite like the way the disjointed part, the images left this almost audio away, form across on the right hand side. So we're gonna jump into our layers here and create brand new layer at the bottom of our cameras here. So gonna create new layer and then drag it down to the bottom. Okay? And then I'm gonna go to at it on Phil, and I'm gonna fill this with a color. Okay? So in the selective color here, and we'll go for a nice right color here. Click. OK, Andi. Okay. And then we filled in the background with a nice little splash of color on the right outside here. And then to export this, we're gonna go to file. I'm safer. Wet. Andi, export this out. A za jay peak high quality image on will leave the image size as is okay and tick safe. Okay, so now we have Ah, an image that's ready for upload to the web. And we can put it on Facebook. We can put it on any website that we we want to. And I hope that you go ahead and have some fun with this kind of technique and can create some interesting, disjointed portrait of your own.