Lessons

Lesson Info

How To Get The Most Of Photoshop & Illustrator In Adobe InDesign CC

Hi there in this video. We're going to learn how to use in design with Photoshop and illustrator. If you're tempted to skip on, we're gonna look at some cool little tricks to both to connect them. But also to do some of the day to day stuff we do in Photoshop and illustrator that we need in in design. Like this one here. See spot the difference. There's this guy just disappeared. Super easy and quick saying with this one, Okay, this image here, not long enough. We're gonna magically extend the background. We'll also down the bottom here and turn off preview mode zoom out. That's the original image in Photoshop. We're gonna crop this out onto a nice white background and then we're gonna move it. So you see the text wraps around the outside and it's on a nice white background. Oh and plus we'll do some stuff with illustrator. It's not as exciting. But I'll show you the tips and tricks for using illustrator within design as well. Alright, let's go and do that now. Okay, so for this one to...

work, I'm going to make a new document. I would like it to have facing pages. Okay, because I want spreads, how many pages? Let's just have four. Let's click create. So working with Photoshop, the best thing to do is if I import an image here, let's say I'm working with 09. Working with Photoshop and I'm gonna bring in content aware, fill one if I bring in this image and then drag it into my CC libraries, that's not a great way with working with Photoshop because if I double click it kind of opens it up instead of Photoshop, it opens up in its own document here in in design. Okay, so I'm going to delete both of these guys. I'm not sure that is to. So instead of doing it this way, I am going to in Photoshop. Open it up. Content aware, fill one and drag it into the library this way. That way when I jump back over to in design here and I drag out the image. Okay, they are connected better. Okay, It's a really big image. Well, okay, so I'm gonna drag this out. Let's say I want to use this for a double page spread. So I'm going to go to here and drag out this image zooming out a little bit because I wanted to go from corner to corner. This particular image works nicely. Okay, over across a double page spread and let's say I want to edit it a little bit. Let's say I want to remove part of one of these. I can double click it here in my styles and now it opens up in Photoshop, you'll notice it wasn't that original that I opened. Okay, it's this one called background PSD. That's the one I dragged into it. Let's do a little bit of Photoshop. Now, we're not going to cover much. NPR's juana, I guess get you excited about doing a full Photoshop. Of course, of course, I've got one, there's an intro and advanced one that I'm just filming at the moment. Obviously not right this second because I'm doing this one. But you get what I mean. Okay, let's grab the lasso tool. Okay, we can be pretty basic with this one. So I want to remove this wakame pin thing around here. Really basic selection. Okay. And we're gonna use the edit fill. Okay. And by default there's this one called content aware, basically it's magic fill. Watch this. Cool. Huh? Let's go to select de select. Ok. And it was never there. Let's go to file save. And this is the really nice connection between here and in design. Back into in design that updated this updated really good connection with Photoshop. Let's look at using Photoshop to one of my big problems is I'm gonna delete that guy is if I bring in an image, let's say actually let's add it in Photoshop. Do it the proper way. Okay, so content aware fill let's say let's do Let's do this one here. Okay, let's open up content aware, scale one. My smiling face. Okay with the move tool, drag it into my library then in in design. We run into this problem. Okay, I'm gonna drag it in and it's just the wrong dimensions. Okay, so I'm gonna drag it out and you see it just doesn't cover a double page spread just doesn't so you end up with this kind of like gap over here. So let's double click it to open up Photoshop. Remember closed down that original one. We're going to look at another really useful tool in Photoshop, especially when you're working with in design. Okay. It's called the content aware scale tool. First of all, I want to make my background a little bigger so I'm gonna go to image, I'm going to go to canvas size and which way I'm going to push it from the left in the middle here. I want to make it just wider. It's 4000 pixels at the moment. Let's make it 7000. Okay. And because it's pushing from this corner over here, it's going to make a bit of a gap over here. So you mount So what I'd like to do is grab my rectangle tool, drag a box kind of right from the edge all the way, grab this fella. Okay, all of this text and then go to edit content aware scale. Now this tool is even more magic. Watch this holy moly magic at that background just keeps on creating. Okay, there's a bit of weirdness going on with my shadow, but that's okay for this instance, it just looks like I've cast a really big shadow. Okay, so now I've got a kind of a double page spread size I'm going to save now back into in design. Okay. And now it's a better proportion. So I'm going to resize it now. I probably made a bit too much. Well, actually a lot too much, but at least it's able to kind of generate more background without destroying me. So that's the way to connect with Photoshop. I'll show you a couple of other exercises for that one. Often when I'm teaching people get excited by those two features. So let's look at content aware, fill one, let's look at two. There's times where it just doesn't work. This one's gonna work. Okay, so again, the last two tool, it doesn't matter what kind of tool you use, I'm gonna use the last tool to because it's pretty blunt instrument. Okay, But you could use the magic one tool if you like. I'm trying to get around this bike. Okay, going around it, you can see him pretty liberal and again, let's go to edit fill and let's try and make him disappear, man. It's not bad. We've got a bit of the bike in there. So there's times where it just gets you close, you might be able to use, say the clone tool stamp now to kind of fudge it out, but it might be just perfect. This one is a little hard because of these stripy lines here, so it doesn't work every time. Let's do one more before we go. Let's go file open fill or scale. Okay, We're not gonna get into super advanced stuff here. I will do that in my advanced Photoshop course, but I want to give you a few techniques for working within design. Okay, let's say I want to make this wider again to fit, it might be a banner ad you're doing or just a little image, you need some text to put on through the same thing. Let's go to image canvas size and it's kind of like push it out from that side the width. Let's make it maybe pixels click Okay, I've got an extra box over here now by default it doesn't always work. I click on this using my marquee tool, go to edit and let's say content aware scale. Can I drag it out? And it's just it's kind of working but my poor little chair there is not working perfectly. So what you can do though is using your rectangle marquee tool again is just actually just grab a chunk of it doesn't have to grab everything. Okay and then go to edit content aware scale and just drag that out. Okay, so the perspectives changing on the floor and had returned to finish it, select the select to get rid of it. But to be honest, I bet you would be hard to pick unless you knew that floor. It's pretty cool. Huh? Another option that will probably work for this one is I'm undoing that I'm gonna grab my magic wand tool click once in the white area and in this case the tolerance is too high. So we're going to do is lower the tolerance to say something like 15, grab my magic wand tool click in here so it just gets the white area and I'm going to go to edit Phil and I'm going to use content aware fill and we're gonna cross our fingers, see how it does taking a while. Hmm. Not bad. There's maybe some alignment issues down the bottom there. Okay, not absolutely perfect. The wall is great but I wanted to give you a couple of use cases that weren't absolutely perfect. So when you're doing your work, you might run into some of these problems. Let's look at one of the other good uses of Photoshop for in design. Is that putting things on a white background. I'll show you that quick and dirty version and I'll show you how to use layers in in design. So let's open up a document here in Photoshop and in the 09. Working with Photoshop grab quick mask and layers. Now I've got a document, it's got some layers. Okay, It's gotta lips, it's got a logo and it's got a background. What I'd like to do is to mask out. Okay, so I'm gonna turn the eyeballs off on these two and in here I'd like to mask out this background. Now, the best way to do a mask or the quickest way is to grab the quick selection tool, it's kind of mixed in here. If I hold down the magic one tool there is that zoom in a little bit, this cool tool learns as you go, what I'm gonna do is gonna click across the red and you see it just jumps out and grabs the red, just kind of painting it in here. Let's jump to the edges. It's clever enough to kind of know, oh that's red as well, click this once, maybe this is going to zoom in command plus and I'm gonna just drag across that red bit awesome. So I grabbed all the red, What I'd like to do is also grab this bit okay, which is the pillow, grab this pillow and just kind of like painted across it down the bottom here, I'm gonna zoom in and say actually I'm gonna paint across this as well and this is where it'll probably get a little bit messy. Can you see it's kind of jumped out to miss bits, it's doing okay, let's say you want to remove parts. So you've gone out and you've grabbed this bit and you're like, oh, not that bit, hold down the alt key on a pc or the option key on a Mac and just paint that bit out. Okay, so I don't want this, but now, so you do a little bit of painting in and then painting out painting back in painting out okay. And the cool thing about this brush is that as you do more, it kind of knows what you mean and gets a little better and better as you're working. Okay. So some of the first elections you do aren't great. But then if I hold down bolts actually no, I don't want you don't want you. Ok. That'll do for the moment. It looks pretty good around the outside here and all I'm going to do is use the quick mask button layer selected. Got my selection. I'm going to click on this guy here and hopefully zoom out and impress you with the mask. So we've done a little mask. This could be just nice just to have white out graphics in your in design document. But let's say I've got this kind of mixed up documents. Got some layers and all sorts of different layers going on. Okay, So I'm gonna save this. I'm gonna save it to my desktop. I'm going to save it to my coursework. Just so I don't ruin your version that you're working on through the exercise files. Okay, So in in design we're going to bring in, I'm gonna get rid of that thing. I'm going to bring in the PSD that I was just working with file place. I put mine on my desktop and coursework and quick masks and layers. Cool. So I bring it in and I grabbed it all. Okay. And it's kind of working it's got my mask, which is cool, but I don't want this stuff. Okay, I want to get rid of these this part of this layout. So with it selected you go up to object and you go to object layer options and this only works for the PSD because it's got layers. Also works with illustrated with layers and you can say I don't want you and I don't want you. I just want this layer zero that I had on there. Okay, now that same PSD file still has the layers in it, but I've turned them off to use and in design, what I could do now is I'm going to resize this. I probably could've just cropped that off to start with. I realized that Okay, but I'm gonna have this I'm gonna make it bigger and I'm gonna do a bit of text wrap. Okay, we looked at this way, way back remember W key so I can see everything. I'm going to paste the text inside. It's inside exercise files. It's in '09. Working with long text, I'm gonna hold shift, click on this flow the text around it. Now this cool little trick here, window ticks rap. There's an option that says this 3rd in and then I can say instead of saying as clipping, which is the rectangle, I can say detect edges and because it's got a white background, I can increase this up and do a cool kind of text wrap type thing. Okay, so it needs to be cropped out in Photoshop first, we use the quick select along with a layer mask. Alright, that's it for using Photoshop. Let's look at one of the last things you can do using illustrator. Okay, so in illustrator, let's draw a quick shape. I'm not sure what I'm doing here. I'm going to draw you, you and you. Beautiful. Then one little trick in illustrator. Okay, I've got a full course an illustrator. But this is the best tool in the whole program. This one he called the shape builder that allows me to hold down the option key and just kind of like delete things if you've ever used the Pathfinder, you realize man, there's a whole lot easier than the pathfinder. So I've got this beautiful thing. Now I could be all very prim and proper and add it to my library and then bring it across over here and in design because there it is and it's all connected. Okay. What I find quite easy and useful is just to copy it from here. So I've got it selected with my black arrow, edit copy and then just paste it into in design. No need for libraries comes across you can um group it click off and start working with the individual parts. I'm not sure why there's two of them, who knows. Okay, but just copying and pasting from illustrator I find as a super useful way instead of using the official libraries, but it doesn't update. So there are pros and cons. All right, my friends. That is how to use Photoshop and illustrator within design. Let's get on to the next video.