Creating Templates with Easy Image Replacement
Now here I have a document that contains a total of three layers it did a little bit of pre prep ahead of time to create this but it wasn't a lot here's what we have we have a circle on this layer we have another circle on another layer and we have a background full of white that's it I took one of those circles and turned it into a smart object that's all I've done now let's see how things could be a little different I'm going to select the two layers that contain the circles and I'm going to use butter shops move tool to move more on the document not sure if you're aware of this or not but when you click to move a layer with the move tool you can actually have photoshopped move a duplicate of the layer if you hold on the option can a mac alton windows using the move tow option dragging means move a duplicate so I'm going to do that right now and just create a bunch of copies of these across the document so I have the option key held down right now click here and drag I'll do it again...
do it again do it again in those little pink lines those air called smart guides uh they're just trying to make sure things continue to be lined up now I remember one of those it was a smart object and the other wasn't and I kind of duplicating him, so that means now we have a bunch of layers in here that are smart objects, half of the black circles or smart objects, the other half or not, I'm gonna double click on any one of the layers that is a smart object so I can see the original contents of that layer remember, when you do that it shows up as a separate document we've done that before, haven't we had always shows up as a separate document, so then let's say I made a change to it in this case, I already have something in there, but I could copy and paste to get it in there, let's say, and now I'm going to close this and let's see what happens and I'll say yup, say that back into the original do you see how it updated all of them? So what does that tell us? That means that if you duplicate a smart object multiple times, each duplicate is thought of referring back to the same original you could think of it as multiple instances of the same smart object they're not separate smartly objects they look like in the layers panel, but they all point back to the same original, so if I make a change to the original, all the duplicates change, so what could we do with that? Well we do simple things here. I'm doing a web interface, I got this little brushed background here, and I drew a circle using the shape, tool and photo shop down near the pen tool there's a shape tool indra circles on after drawing that I added a drop shadow to my circle. On top of that, I used the polygon tool, which is also down here in case you're not used to using these tools would be this tool here I drew a circle, and on top of it, I drew one of these and let's see if I have any effects on that. I don't haven't turned on, but pretty much I have a circle and I have a polygon on top of it, I'm going to take those to select them. I just held shift when I clicked on the other layer to get both, and I'm going to turn it into a smart object, and I'm going to act as if this is supposed to be a panel that's really bolted down intensely because it's got lots of bolts holding it down, so hold on option key, make a duplicate, and then I'll select both of those layers so I'm duplicating them both hold the option key and let's, just do the four corners. It's as if we have a little panel it's bolted down we might put some text on it like a warning sign or something but I really now that I've got this maybe I got the client's approval of this concept now I want to snatch it up so I'm going to double click on any one of these layers that contains a bolt it does not matter which one because they all point back to the same original smart object and all I'm going to do is spend more time refining this maybe I come in here and on the bolt base I add a bevel in and boss to give a slight three d feeling and I had a grady in't over late and they could feel like one side's brighter than the other then I come up here to the hole and I say, well let's make that so it's got a little beveled edge in other things this would just be me going to the bottom of the layers panel going to the letters fx and experimenting with these things I'm simply already had the men here to save time but imagine I did that so now I'm going to close this and when I close that I'm going to tell it to save and now do you notice all them updated if I choose undue there was before there's after they all updated but that could also become a problem what if I wanted to show the progression of the design of the bolt where one of them looks like the original? The next one to the right of it looks like it's had only the the changes that were made to the based part of it. The next one over shows the changes made to the hex apart from the middle. Well, how could I end up doing some of that? Well, I'm going to select two of these layers actually I've just like one and I'm going to do blair smart objects there's a choice in here that's special and it's called new smart object via copy the key is the word new new smart object via kopi means not a duplicate of not playing back to the same original. This duplicate will be independent of any others that are there. So if I choose new smart object via copy, it visually won't look any different than just duplicating the layer we'll move it over afterwards, but if I double click on this one it's not linked up to the others. So if I come over here and maybe hide all these effects that I have and I close this and say yeah, save it, you notice it only updated one of them because this one's independent of the others it was a new smart object independent of the others that are already there and so that's someone special when something would get in your way to have more than one version update on its on its own we can uh tell it to be a brand new smart object therefore not related to others yes when the copies are link back to the original does that mean then that presents are all file that role funds only in there once copies are not going to increase the size that much well what he was asking was if it was a raw file and I was duplicating it is that pointing back to the same raw file and if so does it not make the file size go up well the file size does go up but not as much as if they were separate raw files you still need to represent the look of that image and so it has to have something there but yes it is going to save some space because it doesn't need to store the full version of the original raw file more than once it only needs one of those so so now let's look at how that could be useful in a different way here I have a raw file I'm gonna justice raw file so I like the bottom of the photograph I'm going to try to make it feel like a sunset kind of time where they got the nice city and she's sitting there I just need a warm it up a little bit I might actually darken it down a little too, but whatever I do with these slaughters will be limited and how much I can change this area up here. There are some features in light room that can really help with that like there's something called the graduated filter, which would allow me to like let's say dark in the top and have it slowly fade out as it went down, but there's a building sticking up right here and it's going to become relatively obvious, and I use it because the top part of the building will become dark and it shouldn't. So here I'm just going to say open object, I'm holding shift because that's, what gives me open object? And if I were to duplicate this layer by just typing command jay and then double click on it to say, I want to change the raw setting so different settings for the sky if I bring down my exposure let's say, and I click ok, look at my layers pound, did you notice both layers changed because they both point back to the same smart object? And, uh, you know, it's changed one of your change in the other, so I'm gonna choose undo a few times to get back to the point where before I duplicated that layer when I really needed to do is to use this to say I want a new smart object that's not related to the other one, so if I choose that now double clicking on it, well, allow me to come in here and may bring my highlights way down the shift, my white balance to get it really warmed over there and bring my exposure further, and I'll click ok, and if you watch my layers panel, can you now tell I have two different versions of the image to different settings? Then I could add a layer mask to that, and I know we haven't talked about layer mass in this class, but there are many classes during photoshopped week, the cover it and if I paint with black, we're going to end up hiding the top layer because that's what I'm asked us and I can say, hide it down here and I could get that building if I was careful, I'm not going to be careful and then I can go back and change both of these layers. All we have to do is double clicking the thumbnail for the layer and I sighed the bottom one needs to be warmer, more yellowish, so I double click on it, I get to camera raw and I pushed this over and I make it more yellowy and I click ok internal update only the bottom part because they have different settings on those two so it's layer smart object new smart object via kopi means make this independent of the other, so if I make a change to one, it doesn't affect the others right? Yes questions so why is that better than having some adjustment layers above that? I mean two separate groups and the question is why is that better than just using adjustment layers on top of one of the images? Well, let's say that I had a raw file and in that raw file something because of the settings I used became solid white an adjustment layer will not be able to magically bring back detail to an area that's white but kamerad can look back to the original data the camera captured and as long as it wasn't so blown out in the original capture, it could bring back detail in that highlights based on the original capture of the camera. And it can also do things like shifting the color of the image much more radically well maintaining the integrity of the image whereas adjustment layers can't get away with anywhere near is radical of changes so it's not that using adjustment layers would be inferior it's just that sometimes there would be a big advantage to using camera I just want to make sure you know how if I don't those adjustments before on camera before I brought them in like some of that but I guess what you're saying this to get flexibility to do it afterwards a supposed have to doing it yeah it's just can be nice to be able to do it later and I just mainly needed show you what that you know new smart object thing does ok then let's say that we have a logo and actually before we get into love and we were talking about duplicates I'll show you another duplicate example tuck it here's a duplicate example where what I had before I created this was one layer it looked like this and at the time I turned it into a smart object I didn't have any effects on it so I had that that was made using the pen tool in photo shop which is similar to the shape tool in photo shop where you can draw circles and other things but I made that then and turned it into a smart option after I turned it into a smart object I duplicated it many times and each duplicate I rotated then I went in and I added effects and it's on lee the effects bevel in boss in setting called satin and all that kind of stuff that is making it look shiny in fact most of it is bevel in boston if I turn off all these little eyeballs all we have is bevel in boss that's mostly effect right there problem in boss the color overlay changed the color. Satin did the tiniest bit in the little drop shot. Now, if I did that to multiple once these, each one of them has just been rotated to produce this end result let's now double click on the original layer here to see the original contents. There it is. I'll go to the aero tool, which is part of the penn tool, and I'll see if I can modify this. And now if I save and close this, you see all this is modified, undo see how it can modify, and so I could create variations that otherwise would take forever to modify one and then re duplicate, re rotate and all that, but it made it so I could be more versatile with this, um, not saying you need to do this particular example, but it's, just nice to see or a more straightforward example might be client comes in and says, make me a website, you designed this interface for them, which looks nice and you show it to the client. The client said great overall, but I wish he would have used squares instead of circles. Then you're like, fine, I can change that, no problem, take me about an hour in client leads. And you're like, I hope I'm the smart objects, all you do is you come in here and you find one of those and if you used to mart objects where you turned it into a smart object before you started duplicating it in putting it all the others, then you could double click on the thumbnail and see it and then in this case, what I'm going to do is I'll use the shape tool he what did he want? Squares fine let's give him squares. I'll draw a square in here and this is god and shiny look with those layer styles like devlin in boston, and I could just grab it from the original down here and drag it up there and then just throw away the original awake, he might change his mind back, you know? And so I just have it in here sitting there but there's, my square all saving close if it was a smart object, everyone of more update, then he goes along really? I'm loving the square look, now I wish those tabs up at the top were rectangular like all that's going to take awhile look, they overlap, you can see through them that's going to take you know, sometimes so but I don't think I'll get it done by tomorrow and so he leaves and you're like is he gone yet and you come over here and you double click and you're hoping the heck it was a smart object right? So you come in here and he said he wanted that to be a rectangle so you grab the rectangle tool and you dry right on top of it here these were overlapping where the little corners or I need my rectangles to be love smaller so that they don't overlap so I'll just do the the main flat part of this draught in and this is again a bunch of effects to give it the look while just dragged the effects to that layer the only other thing is to make it slightly see through if I click on this layer you'll see it has something called the phil turned to seventy five phil is very similar to a pass it e and I just need to click on the other one and said it two, seventy five and now I can hide the original it's in there we have a rectangular shape with the same look off saving close and now I go to the beach and he thinks I'm working you know but terrible looking website but you get the idea though, that if you think about using it before you start making elements happened more than once in your picture then it's easy to change them later which I think could be cool so you develop the logo and this is my wife karen she made this little kind of logo thing that she went to using some of her stuff or what if you want to use it on your business card you want to use it on your website and you also want to use it as kind of a water mark on your pictures and so you made it well let's take that and it's already a smart object I can see it's got the smart object icon on it and I wish I could have it as an independent separate file. Well, I can if I go to the layer menu and I choose smart objects there's a choice called export contents and all that means is act like I double clicked on that layer, so I saw it as a separate document and just save that separate document will choose export contents. I'm going to put this on the desktop and we'll just call it logo I know she's safe now I'd like to use it and other documents, but if I do it the way we have been talking so far there's not going to be anything for anything overly special about it it's not going to be easy to update it across those documents let me do it in a different way if you have photo shops sisi not c s six but sisi we khun do smart object slightly differently if I come down here to smart objects there's a choice called what's that called convert to linked convert the link usually a smart object in older versions of photo shop all of them have been embedded in by embedded it means they do not refer to any external files at all everything that makes that smart object work is completely contained within that layered file you have and they're not related to any external files even if they originally came from original an external file like when I opened one of those raw files and I said open as smart object kind of thing well it made an entire copy of that raw file and embedded it within the layered file we ended up with but if I say convert toe linked it's going to ask me to save this somewhere and I already saved it once but I'll just save right over the one that's there now watch the icon in my layers panel it changed before if I choose undo it looked like that after it looked like that which is a link symbol if it ever looks like a link symbol it means that refers to a file on your hard drive so now let's see if we could use that file on your hard drive on something else maybe I come in and I come in here like this and I want to put it on here too well, I could go over to our other file this one and just drag it over to drag this over here drag down now a little big cell type command tea for transform get it to be small and you see it still has a little link icon which means it refers to that file on my desktop where there's another way I could get it in there if let's say I didn't have the other document open it's just not open anymore what I could do is I go to the file menu and just say let's play something place means grab a file off my hard drive and put it in this one and I'm going to say a place linked and I'll just go get that file and when I do it it asked me if I want to scale it so get it whatever size I want that's another way to do the same thing if I didn't have the other file open already where it had been used and I could drag it over I could go to the file menu and say place linked and feed it that far now let's go open that original file I think it's on my desktop so I have three files open I'm going to make it so you can see all three files at once I'll do that going to the window menu and this is an essential to the technique, but I'll just say, why don't you tile this so I can see three up there it just made it so I could see the three files and once and if you're used to that or not, but it's under the window menu is called a range all right on the left side is the picture that this is linked to that file that saved on a hard drive I'm going to change it now we're going to come here and grab the shape tool and I'm just going to draw a brand new lips to replace the camera lens and since my foreground colors red, I hope it will come out is red it didn't but at the very top there's a choice called phil and if I click on it I can tell it what color now I'm going to save the file that's on the far left I'm just going to go to the file menu and she's safe and what that is going to dio is caused the file that's sitting on my desktop topped eight and contain a red circle there, so when I choose save looking the other files, see how they just updated now I'm going to save one of those files just so I can remember where it is open on my desktop and I'll close it now we only have two files open, and I'm gonna make another modification to our logo. I'm going to come in and change the color again this time I want blue in the image on the right doesn't update right away because the image on the right is linked to a file that's sitting on my desktop and the file it's sitting on my desktop hasn't actually changed yet because I could close the document on the left and say don't say that it would never updated, but if I go to the file menu to save now that one open updates, but what happened to the one that's not open right now? Let's, close the logo file and let's, go open that other one this guy wait a minute, it didn't update because it assumes you might need to print whatever it looked like before he went and messed with that other file because imagine that your company logo file and you weren't aware that somebody else in your company went in change the master logo file that everyone uses for all of their images, and if you were to open that file, it would suddenly looked different than what you expected, so what happens is if a change was made while this file was closed looking my layers panel with links symbol would usually show up do you see the warning symbol that means that something's changed when this file was closed so we can do though is go to the layer menu, choose smart objects and do you see here where says update modified content now there's two choices there's update modified content and there's update all modified content well, we have that content in two different layers don't wait so if I choose updated modified content it can update just this file but if there was more than one file it was referring to there's a logo file and there's also a picture of me or something like that this would only update the one layer that we're working on uh I should say all the the layers that referred that one file but if there was another file that it also refers to somewhere else in the document it would not be updated you'd have to say update all in order to get it to think about every file that might be used so that makes sense if this was closed now we could have a problem though I'm going to close this file you know it doesn't matter if I save it or not but let's say now I went on my hard drive and I deleted that logo uh I just deleted it now let's go open this file in first offices hey, I can't I don't know where this file is it came up with this and I'll just say ok and now if I look in the layers panel to see what it says little question mark, which means I can't find that file, I don't know where it is if you go to the layer menu, choose smart object, there is a choice called resolve broken link and that just means telling where the file is because maybe somebody changed the name of it removed it so all say resolved broken link and I'll see if I have a copy of that file I don't know if I do I threw it away. If I do, it will be in here karen logo I bet you that's it it was different size, so it came in a different size than have to scale it. Um the other choice I have is layer smart objects imbed all linked and that means don't have it refer to a file on my hard drive have it so the ones that are it can't do it right now it has to still have the original original file there because it would have to open it to get the layers out of it. But if I knew it was going to be dilated, renamed or something else and it might mess this up a cz longest the file was still there and the link isn't broken yet then I would be able to do layer smart objects um embed all linked. And that would mean make it so it's, no longer dependent on that external file. But the external file needs to be there. At the moment, I choose this.