Creating Triptychs In Photoshop | DENIS LEMAY | Skillshare

Creating Triptychs In Photoshop

DENIS LEMAY, Photographer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (53m)
    • 1. Introduction

      1:10
    • 2. Simple Method

      18:10
    • 3. Multiple Size Images

      13:07
    • 4. Project

      2:11
    • 5. Templates

      18:32

About This Class

This class is a three tutorial class on how to create a triptych in photoshop.

Tutorial 1: Introduction

Tutorial 2: Triptych Simple Method

Tutorial 3: Triptych Multiple Size Images

Tutorial 4: How To Create Triptych Template

Tutorial 5: Upload A Profect

Transcripts

1. Introduction: in Islam? A. Today I want to talk about creating trip ticks in photo shop, which is kind of a fun thing to do. If you like to be a little more creative, learn something new, something different. Um, we're going to cover this, and three segments on the first segment will talk about a simple method of creating trip ticks. Were you using, um, three of the same size images you could use for five whatever, and then on the second segment will create a trip ticket using multiple size images. And then on the third segment, we'll show you how to create templates. So thank you. Reject. You can just drag and drop images into the template. And you could even use one image and cut it up in three separate ah images into a trip. Take. So you stick around and, um, enjoy this and we'll talk to you in the next segment. 2. Simple Method: Welcome back, everyone. Today I want to show you a simple method to create trip ticks and Photoshopped. This is one of the simplest ways of creating critics and photo shop. For this particular method, you need to select three images of the same format such as vertical or horizontal. And it's also fairly easier if you select the exact same size and resolution. But if they're not, that's okay. We can rectify that. I've selected three images, too, are exactly the same proportion, and one isn't. That's okay. So now I'm loading these from bridge into Photoshopped. Click and turn. Now, Photoshopped is, um, loading him individually. So now I need to go to window a range so I can see all three of them. And because we have three verticals, we're gonna click on three up vertical and now for the shop is exposed on three. Okay, now, one trick a bit in photo shop is, um, sometimes you want to hide the toolbar and layers palette. So way to do that is you just hit tab on your keyboard and that will hide your toolbox and layers, and you can always bring him back by hitting tap again. Okay. And also, to make it easier to work, I'm going to zoom down all three images, and but I want to do them all at the same time. And the way to do that is you collect your assume to your zoom too. Hold the shift. An option key on a Mac shift in control. Key shift in ELT key on PC shift option or shift out and click on your one image on the left and all three will zoom down together. This will make it a lot easier later. One when you work with him. Okay, Now we know that this image here is not the same proportion as these Are too. These are exactly the same proportion. Even though they don't look in, they are. So we want to crop this image to match these two. And the way to do that. I'm gonna slight the center image right here. So I'm gonna ah, click on the move toe and select it. And, um, click on there crop tools by hitting c on your keyboard, bring back the tools panels and make sure that there's no dimension up here in your cropping boxes. And then scroll down to original ratio. Okay. In a photo shop is selected the entire image. Click enter and then right click scroll down to use crop bark, Size and resolution. Now you was Photoshopped is done. Is has measured the dimension and resolution and recorded it up here. So now we could go to this right image First of medical. Kenta, we're gonna go to this right image. I'm gonna hide my letters. Palin click on it and you can see photo shop has measured that same proportion within the image. But we don't want to cut into the pebbles up here. So by clicking it on on it again, I can now move this image down so that four sharp crops just that particular part of the image hit enter. And there you are. Now, this image is now exactly the same proportion. Is this one here? And I know this one is too. But I'm going to make sure just by clicking on it hit, Enter. I mean, a click of second time and hit. Enter now for the shop has made sure that this image all three images are exactly the same proportion in same size. Okay, Even though the center one looks bigger, they are all the same. And you'll see that in a minute. Okay, Now, my next step is I want to play place all three images together as layers. So I'm going to select this one as my bottom layer. I'm going to drag the the left image on top of it, and then the right image on top of that. So let's go to the left image. Select the move tool. You could bring back your tool bars and select move. Click in the center of the image, press down on the shift key and just drag it on top. And now you see how Photoshopped has lined it up completely. Just like ah is exactly lined up with the bottom image. Go back here. Command W or control W two, um, to get rid of that image, we don't need it anymore. Make sure you click on Don't save all right. Going to do the same thing with the right image. Click on the center of it. Hold the shift key down and drag it right on top of the image on the left. There you are. Now we go back and get rid of this one. Control W or command w don't save. All right, now you can see all three images all in as layers. Okay, now, the next step before we do anything at all, is, um if you look at the bottom layer, it says background. You want to get rid of that double skeptic on it? Click. OK, so that we have layer zero. There you are. Okay. Now make sure you're on the move. Tool again. Select the top layer. Place your cursor on the right edge of the image, click on it, press down on the shift key and just drag it to the left until your dragged it all the way to the edge in the clicks in place. Then select the next layer. Do just the opposite. Go to the left edge, Click on it. Hold the shift key down. Drag it to the right until it clicks in place. All right, now we have all three images side by side. We just can't see them at the moment. So to expose all three images go up to image reveal all and photo shot will reveal all three images. Now this image here on their left. I did move it just a little too much. So I'm going to click on that, use the arrow, okay? And bring it back to the right there. That line is gone. Okay? Three images are perfectly aligned. All right, So now what I want to do now is, um I want to put a matting all the way around it. But before I do that, I also want to have a black stroke around the cryptic itself. Sound. Before I do that, I need to flatten the image. And you do that by selecting all three layers, right? Click flatten image you want. Now. I always like to duplicate the image when I'm working with it. So I'm going to command J to duplicate that image. Or you could go up Teoh layer duplicate. Okay, so now the first thing before I put a matting around it, I am going to stroke this image. And you do that by selecting the Marquis to make sure it's on rectangle. Select the entire image. Right. Click, scroll down to stroke. Make sure inside is selected and I'm gonna slight black. You can slick whatever color you want and I'm going to stroke a eight pixels click, OK? And we now have a black stroke around the trip to you just can't see it right now because my workspace, I I use a dark background, but it's that you're going to see it in a minute. So my next step is to create a madding around this trip. Take and I'm going to give it a two inch met all the way around except the bottom. It's gonna be a little wider about maybe 2.5 3 inches. Now, there are different ways of creating a Matt around. They're around this tractor, but I like being a little more accurate, so I'm going to show you how I do it. Although I don't do it this way all the time. But in this case, I am make sure the rule tool is exposed. If not, just go to view and, um on, uh, so, like, rule. Okay. All right. So I'm gonna go inside. My ruler used the move tool, Go inside my ruler and just drag a guide down to the edge. All four edges. It'll snap right in place. The same thing with decide he'll snap right to the edge and the other side to Yeah. Didn't go far enough. There we go. Okay, Now, I want a two inch border around three edges here. So I'm going to use my rule tool. It's now on zero and just move it up to two two inches. And you do that by using the move toe and move it up to two. Uh, same thing over here to this edge. Two inches. Very boat there. And the bottom one. I'm going to go about three inches, so go boats are Okay. So there are my guides now to create the madding. I'm going to select the crop tool and you can see our dimensions. They're still up there, so we want to remove that, okay, and leave it on, unconstrained and just drag to the to the guys all the way around. And it should pretty much snap right in place. That's nice thing about using guide. Okay, then double click on it. And if you want to remove the guys, just go to view clear guides there. Now you can see the black stroking around our image, and we have our madding and you can always crop this, um, at whatever dimensions you want crop it to if you want to narrow it or whatever you want to do with it. Right now, we haven't even madding all the way around. Except the bottom is whiter. Now, also, in this particular trip, Tik because everything is a white background, that's them. Looks out of place. So I would remove that. And, um, what I'm going to do use, um first, I'm going to merge this, create a duplicate layer in case I mess up and I want to do it again. I'm gonna grab the cloning tool this time. You probably do it with content aware as well. But I'm going to do it with a cloning to make a selection. I'm I'm using a soft, uh, 70% 100% size, 70% softness or hardness. Let's go. 50% hardness. I know about close to it. Okay. And make a selection right here and now I'm going to remove this stem Zuman making leisure and make it a little smaller and just kind of suman on that. Now you want to take your time when you're doing this so you can do a nice job, B. I cared about it. You want to take a little more time than I take? This is a tutorial on, Okay, for sake of Mr Toyo had to be good enough soon down. There you are. There it ISS, and now we can flatten the image. Okay, That's a very simple way of making creating Teoh trip ticks in photo shop. And it doesn't have to be a white background. Could be any image at all. And, um, if you have three images that don't have a white background and you want to separate him, you can easily do that. And all you need to do is before you flatten your image. If you like your move tool, you select on your right image and used the arrow key to move it to the right. And each movement is one pixel. So let's say you want to move it about 10 pixels, you click the right move key 10 times and you do the same thing with the left image. Move it 10 times, and then when you're flatten your image, you'll have a border right in between your images. Which works really nice. Okay, Thank you for listening on the next segment. We're going to cover trip ticks. Ah, you with, um um using different multiple size images. See you next segment. 3. Multiple Size Images: Okay. Now, in last segment, we created Trip Tik with all three images of the same size. And it was a simple method of creating a cryptic, which is kind of nice. But in this segment, we're going to have a little more creativity. We're going to decide how to place our images and sizer images the way we want him. So let's go. I selected three images, one vertical and two horizontal, and we're going to load these images in the photo shop. Okay. Also, we're going to create a new document, so we're gonna go up to file new, and it doesn't really matter what size you created. Um, here. And I have 24 by six. Ember to go 16 might want me to go vertical on this one. And again, it really the size ready doesn't matter a lot. Okay? And we're gonna fill that with white. So we're going to go to at it. Phil and White. Okay? Simply because my Kansas is transparent. Now, a few canvases why you don't have to do this. All right, now we have four images of here. They're all individual. So now we're going to go up to window arrange. And since we have four, we're going to go for up so that we can see all four images. And there you are. And again, uh, like the lack segment. If you want to hide your toolbar and layer pallet, hit the tab key or in your key boy, that'll hide it. And so that we can work with these images. A lot of you share. We're going Teoh again. Zoom them down so we'll select our document image. Select our zoom tool right here. Hold the shift. Options. So weaken. Zoom every one of them down at the same time. There we are. Yeah, All right. Now we're gonna select our again our move tool and, uh, hit tab. Yeah, we'll hide our tool marks, layer pallet, and we're gonna drag all three images into this document, and you don't have to hold the shift key this time. Just drag him all on top of each other during this one in, and you might get a pop up that says you're pasting content copied from a document with a different color profile. I wouldn't worry about that. Just click ok and eliminate this image. Drag the next one on top. Okay, eliminate this image during this one on top. Okay? And then eliminates that image. Alright, bring back our tab. And there you want. We have all four layers, all right. Zooming up a little bit, See what we're doing. Okay. Yeah. I'm going to use this image. The top layer as my main image. If it's not, uh, well, yeah, we'll just leave it where it is. And, um, So what I'm going to do with this main image is, um, command t okay? And just move it up wherever I wanted moving up here a little bit, and I'm going to shrink a little. So if I hold the shift key and then just drive the corner to whatever size I wanted right about there is fine, It's and we just put it up here a little bit. Double click on it. No, you are. Okay. That's my main image that I'm going to use. Okay, now, I'm gonna do the same thing with these other images. Hey, and I'm going to click on the move to with this over here a little bit. Command T or controlled T if you're on a pc again, hold the chef king and kind of shrink that down right about there. Double click on it and I will move it right over here right underneath our main image. Then I'm gonna slight the next image command to you again and shrink that one down. Hold the shift key. Grab a corner. Hold that shift key down to maintain the right proportion. And let's kind of move this up. All right, double click on it. Okay, Now, I want these two images to be pretty lined up, so let's let's see, let's click on this one. Command T. You can keep doing this as many times you want. Just kind of drag it. So it's about the same. And if you want to be accurate, just kind of dragon a guy down here and then another guy on the bottom and, um then just drag getting terribly clicks right into the heard into the guide right about there. Okay, double click on it. Okay. Yeah. And if you want, you can bring another guide on this side just to make sure everything is even. And you can see it's no, I Well, it's pretty close about their guys. Yeah, another one on the other side. I should have done this before I Here we go. There. Okay, That looks pretty good. Looks pretty good. I might even move this one down just a little bit. And you Can you do that with the arrow keys up and down just so that the border is similar to this? These two borders are very close. Similarity. Okay, this one here looks like it's very, uh, And you keep doing this until you have everything the way you want there. Okay, Once you're done, go to view clear guides. Oh, wait a minute. Before you do that, double click on that. Now you go to view Clear guards. Okay, Very good. I see we've created a nice trip. Take with three images of different sizes. Now I'm gonna choose What I want to do now is stroke all three images, and the easy way to do that is you collect your main image, click on it selected, and then go to, um you're blending modes and the palace here layer the menu, and, uh, well, but I'm sorry. Double click on your layer and they will bring up there later. Style and here, you select stroke click Lynette stroke line and bring up the menu, your settings and I'm going to give it eight pixels stroke. Uh, and you can suits like whatever color you want, and I'm going to put it on the inside. It's all up to you. How you do that. Click. OK, Onda. Let's see if that stroke is on there. Yeah, it's all the way around the image. Okay, good. And if you want to stroke the other two the same way, all you have to do is click on that main layer, right click on it and copy layer style and then select the other two layers. Right click pace layers down and four shop will automatically stroke the other two layers exactly the same way as he main layer. All right, and let's zoom down a little bit. Now let's ah, crop this to our desire dimensions. So you click on crop, make sure that you're on unconstrained and there is no set, no measurements in the boxes, and it's just a matter of dragging your borders wherever you want, kind of even on three sides, and then come down on the bottom, just a little wider. Maybe. What? It's up to you. You could make it even all the way around. Or give it a little more on the bottom on double, double click on it. There you are. There's your trip thing. Now, if you wanted more accurate, you can use guides. You know, like a two inch board around those guys all the way around and crop it to the guides, whatever you want to do it. So there you are. Okay. There is our trip Tik. Very simple. You can add as many images as you want and, um, compose your trip take any way you want. So thank you for listening. Our next segment. We're going to show you how to create templates where all you need to do is drag images inside your templates. And, um so we'll see your next segment. 4. Project: Hello, everybody. I hope you enjoyed the tutorial on trip ticks. Um, it's a good learning experience, particularly if you're into photo shop. And, um um, doing some creative composites now, As you can see, I have a few trip ticks here. Your examples of fairly simple trip takes. And here's one with just one image separated into three. Same here. And then here we have multiple sizes and same size, one image, three images. And we have templates created these air, all different templates. And these templates, Aiken, just load them up into photo shop and then drag and drop images into him any time I want. So ah, as a project, just remember that the more people, the more projects we could have uploaded, the more we can learn from each other. So I encourage you to start by making a simple tripped it and, um, I floated. Show it to us, show us what you've accomplished, and, um, and see if we get some comments on it. And then if you're brave enough, toe, give us something more complicated. Please do. So we'd love to see it. So I'm lamp looking forward to some uploads, and, um, we'll see you next time. Remember, practice practice practice makes birthing. Talk to you later. 5. Templates: Okay, You ready for some more fun? I am going to show you how to create a trip Tik template. And now these templates can be created all sorts of different ways. Different size openings. Um, and you can even place those openings of different ah locations on your template. And then once it's done, you could just drag and drop images into it. We're gonna start off by making a simple three horizontal opening template. I selected three images gonna load these into Photoshopped. And once these images are loaded into Photoshopped, I'm going to create a new document, go up to file new, and this one's gonna be 24 by 16. Horizontal doesn't matter what size you put in there, and now because it's transparent, then I'll go to edit Phil with white. Okay, now we have four images, so we're gonna go to window, arrange four up. There are the four images, and again I'm going to select the zoom tool, hold the shift option or a chef out on a PC, and then click on the images. Click on one image and all four images will be reduced signs. Then I'll go to my move tool and we're going to drag and drop three images onto the document. We'll start with this one. Drag there. You don't have to hold the your shift key and click OK on that pop up. And this one Drang drop click. OK, then, this one Drag and drop click. Ok, all right. Now we can get rid of these three images. Command w click on this one in command W or controlled W on the PC Command. Now we have. You can see we have are three images in layers and our document. Now I'm going to drag this document to the top of the stack. Now we're ready to create our template. Is your men a little bit? All right. This first thing we have to dio is go to the bottom of the palette and select Create new layer, the second icon from the right. Then we'll go to our marquee rectangular marquis and create a marquee anywhere on the document. Just leave enough space so that you can have three marquees wrecked Angel Rockies. Now we'll go to edit Phil, and we're gonna feel that Marquis was black. Okay, don't get rid of the ants now. you go to that particular layer, right? Click duplicate lair. Click OK, and the same thing again So that you have three layers with that marquis. All right, Now, if you look up, talk to get three layers with the black Marquis. Don't get rid of the ant yet. Select the two top players. Then select your move. Tool, Click on that black image. Hold the shift key and drag it to the right and separated from from the one on the left. Then go to the top layer. Select the top layer only, and again click on the black images 2nd 1 and drive it to the right. You can hold the shift key so it doesn't go up and down. Now, if you can see, you can see that they're not evenly separated. So what you do next is you go to to select all three layers this time Group two layer scroll down to distribute horizontal centers and for the shop automatically evens out your borders between images. Okay, Now you can get rid of the Marquis, all right. And, um, all you need to do now is grab your crop and just kind of get rid of some is excess white. You don't have to crop perfectly just yet. All right. Okay. Zoom up a little bit. Okay? Now that you've cropped the image, um, you want to keep your those three layers selected and hit control or command E to merge those three layers together? All right. Next step is to now, this is you're gonna be your template layer. So the next step is to command, click or control. Click on template command, click. And when you do that, you'll see that you have ants around your black rectangles. Next, that would be too. And make sure you click on the marquee when you do this right, Click select in verse. Now, for a sharp has selected the white borders on your image, Carrie. Then go down to the bottom palette on the adjustment layer here. I mean, the adjustment my client click on it, click on solid, and, um, select the color you want that border to be. If you want pure widens to 55 and click. Ok? All right. Yeah, Now we have our template right here. These to this. This is our template. Now, if you wanted to, you could hide these three images and you can save that template so that save it is a P S d . And finally, and then they tell you want to use it, bring it back in and load three images, put him on the bottom like this and just drag him into template, which is what we're gonna do right now. So we're going to start by dragging our first image into this temple. Now the template when you dry, you dragger image. You drag your image between these two layers right here, right underneath the top template. So let's start with the first image. Slide it up and you can see it's inside the template. Let me show you something. Let's bring this spirit image back down. I want to show you something. Before we do that, I'm gonna choose this image over here, and I'll show you why. Let's drag this center image underneath that temple. Now, if you wanted to use this template with just one image, you can easily do that. Once you're drag your image into the template, click on command T or controlled T and hold the shift key. Grab a corner and just dragged that corner and you can let go the shift and then just drag that image any way you want. And now double click on it. And this makes a pretty interesting trip. Just what? One image it's that you can even if you grab the move tool, you can drag that image anywhere you want. Okay? And you can command t and expanded even more if you'd like, but, um, this works pretty nice for certain images. Um, if you want to create a one image, tripped it pretty neat, All right, But we're gonna use three images, so I'm gonna go back to command T or controlled T, and we're going to grab a corner and then kind of put this image in the center. Just drag it until it fits inside. That that part of the template? Ah, right about there. Right this? No, I didn't size these openings for this particular image, so it's not gonna fit perfectly, But there's our first image. Okay, Now we're gonna grab another image. Can I get under that template command T or controlled tea with the PC? And again hold the shift key and drag one corner and we're gonna move it into this side of the template corner. Just keep dragging it until you have your design and fit. Let's try and get right here. Just like that, I guess. Double click on it. Okay? And then I'm gonna drag the other one under the template, do the same thing with this one command team control team, grab a corner and said it on the other side. Now, you can use the arrow keys to move it around if you want. If that's easier. Okay, double click on it. All right. Now, if you happen to have, um overlapping on your images, you could get rid of that very easily. So the way to do that is to first click on your template right here on the bottom, and then get the magic one in magic one, this part of your image in this box where it's overlapping, and then select the lay of where that image this particular image is, which is in the center right here. And then click on option. Hold the option key or the l key and click on add mask and you can see that overlapping disappear. Then you do the same thing on the other side. Click on the template layer on the bottom, the bottom layer. Here. Not this one, but this one. Get the magic one. And right on the box where the overlapping years Click on that and again select the image that's in the middle right here and then go down, hold the option and click on the add mask. Yep. So okay, we just missed that up. Um uh, I think we need to apply this mask first, so let's do that for us. Apply mask. Okay. Now down to the template again. Magic wand. Click on the overlap player. Click on the image layer and option there. Option mask or lt Basque. And we've gotten rid of the overlap. All right, There you are. Now, what we want to do next is, um, this part of the Templar. We want to drag that layer to the top of the stack. When you do that, everything turns black here. So what you need to dio is double click on that layer. Oh, in the mask. Where? Right here. So that your layer style comes up And here, where says advanced blending, Just slide the slider back. All the way back and your images will come. Come back. Okay. All right. Now we've just field a template. And if you want to save this image, no, do your final cropping and crop. It were wherever you want to crop it. It's corrupted, even all the way around this time. There you are. There is your trip to Then you can flatten everything out and save that image. I just remember, um, after you created your template, before you drag these images in, save your template and filed somewhere as a P s d. Don't flatten it so that you can bring it back into photo shop anytime you want and drag three images into it. Or just one image for that matter. You can make your templates whatever you can make him square. You make your openings, Rectangular. You can make him, um, round. If you want horizontal vertical, you can place him in different areas. Whatever you want to do. Be creative about it, but first learn how to do the simple tempered and then you could be more creative. All right. Thank you very much for listening, and I'll talk to you later. I had fun