Create a Canvas Wrap Mock Up using Smart Objects


Getting the Most Out of Smart Objects


Lesson Info

Create a Canvas Wrap Mock Up using Smart Objects

Let's say you have ah photography studio and you want to sell your image is printed on campus and you want a picture of a sofa in someone's living room with the canvas hanging on the wall and you want to be able to take their photo that you shot at their wedding in very easily in a matter of seconds spill to show them what it would look like on a canvas hanging above the sofa so you go and shoot may be in your house a picture of a sofa with wall sitting there and if you're lucky enough to have a campus that you can hang on the wall, go ahead and throw it on the wall before you take the photo in this case I'm just going to use a simple image of a campus but we'll still do it. What I'm going to do here is first I'm going to get rid of the picture that's already there because we're goingto do it from scratch and so I'm just going to throw away a layer that's already in here and there's my canvas I actually made that photo shop so I have a few layers it's made on it I'll just show you what...

the layers are and then we'll put in different picture in the very back with a background which is just so you don't see a checkerboard surrounding this I've a layer that has a shadow and I have the side of a piece of canvas, and then I have in front of a piece of canvas and to make this, to be honest, what I did is I found a book on a web site I just or it might have been canvas to search for canvas, but I didn't want to use somebody else's image, so I opened that image and I remade these little panels just by making a box of the same shape in filling it. Now I'm gonna put a picture in there, so let's go to our brows and bridge here and let's, choose an image here is one of my favorite pictures have taken I'm going to take this image, and I'm just going to drag it over to the other file, so if I want to get it there, I can use mortar shops, move tool clique within this document all drag up to the other tab and then dragged down into this document so we have this picture then before I do anything to it, I'm in return it into a smart object so that any scaling and rotating distorting that I do is something that I can usually change later, and it'll just be the most personal. So before I do anything to it I'll choose layer smart objects convert to smart object and if you look in the layers panel oh you should see a little icon appear in the lower right corner to indicate have done that all then closed the original picture that I'd open because we don't need that second document open the one of just the image itself and now let's transform it I'll go over here to free transform we're going to scale it down just so I can see where the corners are here and then I'm going to go up to the edit menu choose transform and there's a choice called distort which will allow me to pull the four corners of this image independently of each other in salt choose distort and I'll try to get this works going a little bit beyond the campus just so that we don't have to get it to be exactly the same proportions and everything and I'm just going to act as if this was distorted in the same way as the campus press returner enter and I could get it so it perfectly fits there in fact, why don't we let this go back? You can always come over here and choose to store it again because it's a smart object you don't remember the settings is this is if you never left but why don't we just get this perfectly lineup with each corner here we go hoping it's the same proportions press returner entered sam done all right, now we great we have this set up let's save it I'll save it on my desktop so I can easily get to it later photoshopped file formats fine now let's say that that was really a picture of a sofa with the campus on it looked like a nice room and you transform your picture to get it on there now you have a client and you want to show the client what would it look like if their picture was up there? Well, you only need to set that up once and you can use it as a template and now we can very quickly swap out with picture is there so what I'm going to do is go and open an image that I would like to put on to the campus and let's see if I have one handy here no, we'll just use this one I'll hit open image could so raw file and let's go open our template I believe my template sitting on my desktop and let's see how quickly can I swap out a different picture? Well remember if you want to edit the contents of a smart object the way you do it is you double click in the layer and it shows up as a separate document so let's double click on that top layer that contains the picture when I do it's going to show me the original contents you remember when I turned into new smart object is before I distorted it so what's really in there is the original undistorted picture I'll double click there we see it now let's go grab my replacement image which already have open and let's just use the move tool to drag it over into this final I'm stranded over all type command t which is free transform and we'll scale it down and decide how much of it is going to fit on our canvas csere campus is only a certain, uh shape like that and then I'm going to close this document by just hitting a little x on the town to say I want to close it also yeah safe and I'll close this image which was my replacement image so we'll be back to our layered file and you see how it remembered the transformation and so I convey very quickly replace what was in there and what's nice about it is it's not just transformations that I will remember? It will also remember any layer styles that you've applied to the layer also any filters that you've applied to the layer so maybe I have a layer style in here and to make this look less flat looking I come in here and add something like a inner glow and inner glow would usually brighten the edges and if I experiment with a setting called size can you see it kind of brightening the edge of that picture a little bit? Well, it doesn't have to brighten it can also darken all you need to do is there's a color choice it's a little bit square right here that's the color that's being applied if I click on that I'll get a color picker and I could choose black but there's one problem and that is there's also a blending mode which is this thing in screen mode happens to act like light and so if you are using light white light shows up but have you ever seen black light it's like the opposite of light? So I just need to change this and get it out of its default mode? I consented to normal otherwise it won't be able to darken things so I can put that in there so it looks like it's darkening if you want to see what it's doing, I'll turn the preview checkbox off here's before after seeing darkening the edge a little bit so you can do things like transforming, adding layer styles, applying filters in other things like that it will remember all of them in to replace the image all I need to do is double click on the thumbnail for that layer it'll show up there's a separate document and you just pace a different picture in and then close it and stay safe and boom! It would remember this in updated so could be nice and we could make relatively complex things I can also put a layer mask on this if I wanted to only show up within a certain shape there's all sorts of things you can do let's see what else can we come up with? Well, relating to warping or bending your image let's make another template let's say in this case you want to sell coffee mugs not the most elegant thing in the world so I don't think the profit margins are all that big but it might be nice eso here I got a picture of a coffee mug I want to wrap my picture on that coffee mug and then I want to be able to replace it at any time later and so first let's go grab an image to put in there and let's take a look at a few things we can do first off if it's a raw file we could do something special this happened to be a raw file so when I double clicked on a camera appeared and in kameron the button usually used to open an image is called literally open image but watch what happens to the open image button if I hold this shift key says open object that means open this is a smart object so if I hold down the shift key and I clicked there, then if you look in the layers panel, you see that little icons already in the corner but that's not like just any layer that I've turned into a smart object. If you think about what the original file wass, it was a raw file in that special, because when I double click on this thumbnail image to say I want to edit the original, it brings me back in the camera. That means I can update the settings and camera wrong. So maybe I decide to make this image more colorful, so I crank up my vibrance or add even more clarity or bring up shadow detail. I click ok and it updates, but what's nice about it is I can scale it, I can rotate it, I can warp it, I can apply filters to it. I can apply layer styles to it. I can do all sorts of things and still have the ability to double click on that thumb now and change the raw settings so let's, go wrap it on a coffee mug and then make sure that we can change the raw setting, and then we'll also see how we could quickly change out a different picture in a slightly different way. So I'm going to use my move tool, and I'm certainly going to click within this document I'm gonna drag to the other tab because remember I had this document open as well I'll drag down, I just need to make sure my mouth starts in a document and ends in a document the mistake most people make is they let go when their mouse is on top of the tab and not within the document you got to be within the document to get it to transfer over, so I put it there, I'm gonna type command t that means free, transform and all scale is down. I can tell this is from my old camera because it came in smaller than the the rest of the image, which it was a lower megapixel image. I'll get a position approximately where I wanted there will zoom up a little bit and to get it to match the mug I'm going to choose, edit, transform, warp when you choose warp, it puts a grid on top your image and then what I can do is grab the four corners of my image and put them where I think the four corners of this would be if it was actually bending around this mug and I don't be concerned at all about the shape of the rest I'm just getting the corners where I think they should appear then you see these handles coming off the corners there's actually two handles coming off of each corner one in this case is going in this direction the other is going downward that determines what direction is the edge of the photograph the angle at the edge of the photograph what does it end up being right when it leaves the corner? And so I just imagine I'm on this edge right here what direction is the edge of the mud go in and song and I just did just that a little bit the same thing over here and for the sides of the photo it should be going straight up and down so if they're not already pointing straight up and down, I'll do so and then at the bottom it shouldn't curb up like that it should curve down like this right saw garb this little handle pull it down, pull the other side down and then I can click within the grid itself to kind of push it around a bit until I get a curvature that is somewhat similar to this and you could spend all day fine tuning this if you really feel like it but I'm going to just get it to be approximately right um because we're talking about smart objects were not trying to talk about howto precisely warp things too much I'm gonna press return or enter to say I'm done we'll zoom out now, first off, I don't think it really looks like it's sitting on the mug in part of that is because the mug has highlights and shadows in those highlights and shadows right now are being covered up by our picture, so I'm going to change the blending mode, which is the menu at the top of the layers panel usually set to normal I'm going to set it to multiply, multiply acts like ink in therefore it'll act as if I'm printing the photograph onto the mug using let's say, an ink jet printer. If I did that, any darkness that was already in the mud would show right through, and so when I said it to multiply, hopefully we'll see a little bit more of the highlights and shadows that were actually on the mug we're getting a little closer to making it look like it's really sitting there so now let's see if we're still able to change the settings on the raw file because now the picture might need a little bit more shadow detail or something else. Well, all I need to do is move by mouse under the thumbnail for that particular layer a double click on it and it shows me the original contents of the smart object well, the original contents is a raw file, so it opens camera wrong I'm going to bring up the exposure to brighten this image but when I do, the highlights become too bright. So I'll bring the highlights down. Bring it down, and I might also mess with contrast a little bit, that type of thing. Click ok and let's. See if it updates. Yeah, just updated. So that's, kind of nice.

Class Description

Smart Objects give you incredible power. In Getting the Most Out of Smart Objects, you’ll learn how to use them to their full potential.

Ben Willmore will show you how to: re-edit the camera raw settings applied to an image after you’ve incorporated it into a layered Photoshop file, apply filters to multiple layers without having to merge them into a single layer, apply filters to without being forced to rasterize text and shape layers. You’ll also learn how to easily re-edit transformations and warping, use your logo or any photo in multiple Photoshop files, quickly update the image in all the documents it’s been used in, and so much more.

Software Used: Adobe Photoshop CC 2014.2.2