Learn about the roundtrip workflow between InDesign and Photoshop.
- [Instructor] So if you're working along with this sequentially, perhaps now is a good time to actually save your work because, remember, it's all just ones and zeros bouncing around there in all of that freaky, freaky, electricity, and sometimes things happen. InDesign has excellent crash recovery. In fact, that's one of the things that set it apart from its main competitor early on; the fact that it could recover documents even if they'd never been saved. But let's not take that risk because I don't want to lose all of your hard work.
If you have access to the exercise files, you can actually pick up at this particular point. I'm now in 07_05_roundtrip.indd, so you could just open this one and carry on, but otherwise, save your own and continue. So we're going to go to page two. We've got work to do on page two and page four. And we're going to just go back and consolidate some of the things we did in the Photoshop chapter. So let's go to page two. So I could just pan across here, of course.
Hold down the space bar and move across. And I want to actually create a little bit of a fade because down here this is where our text is going to go. It's going to be the main text, actually, for the document. And this is a bit of an awkward break. I want this to kind of fade and get a sense that it's embracing that text. So here's a shortcut that is really, really useful. Now I've already got Photoshop running in the background, by the way, so if you don't, you'll see it launch as we go along.
But I'm going to hold down the alt or option key and then I'm just going to double-click on this image. And it hands it over to Photoshop like so. Brilliant. What we're going to do is twofold. First of all, we're going to make a selection with the quick selection tool. So just tap "w" on your keyboard and just have a quick confirm that you have, indeed, got the quick selection tool and not the magic wand, which is nested with it, okay? And then if you need to, make your brush so it's smaller than this leaf.
Now, there's a couple of ways you can do that. Up in the options bar or control strip here you can move this slider, or you can use the left bracket key on you keyboard. That's the key usually to the right of the "p" key. And you can see I can bring that down like so. And then just drag on that leaf just even a tiny bit. As long as you're still within the leaf, don't touch the edges, you can see that it makes a selection like so. In fact, we could go crazy and select the next leaf as well.
So go down a bit there. Again, making my brush smaller, and then just clicking on that leaf. Moving even slightly and now I've got both of those things selected. We're going to save this selection, which is actually something we didn't cover in the Photoshop chapter. So there you go, you're getting a bit of extra Photoshop tuition at the same time. It's proper value for...well just value. Let's go for the Select menu and come down and choose Save Selection, okay? This dialogue will appear like so.
And we're just going to call this Leaves or whatever you want. You can call it Jeff for all I care, really, to be honest. It's not desperately relevant. As long as it means something to you. Hit "OK" and then we're going to dismiss that selection. Can you remember the shortcut for that? Ooh, very good; cmd + d or ctrl + d, of course, if you're on a PC. Just to remove that selection. Okay, let's add a layer mask to this. At the bottom of the layers panel we've got that small icon. If we click on that, it gives us a layer mask and notice that the brackets around the side mean we're focused on that mask.
Alright, let's get the gradient tool, which you get by tapping "g" on your keyboard. And, again, because there's other things in that little family, just check that you have indeed got the gradient tool there and not the paint bucket or the material sample thingy. And then tap "d" on your keyboard, which gets you the default colors. Now, mine's white in front, black in back, so I'm just going to tap "x" to swap those two things over. See, it's, "Tap this, tap that." It's great isn't it? And then we're going to go up to the gradient selector at the top here and choose from the default gradients, which hopefully you've got the foreground to transparent option there.
Okay, excellent. Now we're ready to go. So what we're going to do is come inside the image here. And, oh, by the way, one other thing. Make sure it's linear. This first option here in the options bar or control strip. So into the right hand side just here, probably an idea to hold down Shift here. You don't have to. As long as you can be more or less level, that should be fine, but I am going to hold down Shift. Mouse down and then just drag out like so. And I'm going to go just towards that leaf; the second one that we sampled there, okay? And I think I'll release when I'm underneath that.
There we go. Perfect. So now we've got this nice bit of transparency just there. Okay but its crossing over into the leaf and I want that to still be in the foreground. That's where our Save Selection comes in. Up to the Select menu, down to Load Selection, and from this channel list choose Leaves just here. Hit OK. So there's our selection. All we need to do now... Remember in a mask, it's black to conceal, white to reveal, okay? So what we can do because white is in the background, you can just hit Delete, okay? And you can see how, hopefully, there's just a tiny bit of bright white in there.
And suddenly the leaf is back to full opacity. Deselect that, cmd + d, and then close that image allowing it to save. Okay, so cmd + w. It'll ask you if you want to save and say yes you do. Okay, let's jump back to InDesign, okay? And go to this time page four. So cmd + j, four. Return like so because what we're going to do here is a bit of Content Aware Scale magic, okay? So alt or option.
Double-click on the image out to Photoshop. Alright and what we're going to do is we're going to change the canvas size. I'm just going to close up that library just there. Okay, so we're going to change the canvas size. We do that via the Image menu or the shortcut is alt + ctrl + c or opt + cmd + c. But here it is just here. Okay, Canvas Size. And what we're going to do is anchor the current image to the bottom, okay? And this needs to change it's height here just a little bit, I think.
We're going to dial that up to 20 because the version that we have is scaled anyway, so we'll just give it a bit more room. And then just do cmd + 0, ctrl + 0, to fit that. And then up to the Edit menu and choose Content Aware Scale. And then just drag up that slide. Keep an eye on the figure underneath, okay? In fact, if we go to about that far, cause otherwise she's going to start to distort, I think. I don't know, doing pretty good actually. So I'm going to go all the way up there and double-click, okay? And that's it.
And so it's just scaled this area here. If you did have a problem with the figure distorting, what you could do is get the Lasso tool and make a very rough selection around that. It wouldn't have to be precise at all. Just literally cut across there. Save that selection and one of the options you have, I just reinvoke Content Aware Scale here, is to choose a channel where it says protect. If you had a selection there that was saved then that would be available. I'll just cancel out of that. So we'll save that, okay? We'll make our way back to InDesign again.
Of course this will have changed just here so we can just increase the size there of the frame. In the next movie we'll be dealing with repositioning content inside of frames.
- The creative process
- Layout and composition
- Transforming images and assets in Photoshop
- Drawing logos in Illustrator
- Designing graphics and documents in InDesign