Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
All right, now that we know how to work with linked images versus embedded images, that whole number, let's have some fun with this file. Let's get a sense of what you can do with linked to pixel-based images inside of Illustrator. In this exercise, we're going to add a stroke to the image and then we're also going to merge the image. We're going to blend it with a color in order to create a monochromatic effect. That's going to be really cool. And then in the next exercise, we're going to place the image inside of a clipping mask container, and we're going to add a little bit of a Page Curl effect. I've gone ahead and reverted to saved version of Image in front.ai, found inside the 21_photoshop folder, and just so that we have a little bit of room to work, I'm going to expand the artboard.
After all, right now I've got an artboard that's exactly the same size as the image, so the image measures 12 inches wide 9 inches tall, so does the artboard. That's not really necessarily the best way to work, because after all that doesn't really afford me any kind of bleed margin. I don't have any room for error around the edges of this image. And so what I want to do is just expand the artboard, so that there is no bleed and I have a little bit more room to work and I'll be able to better see what I'm doing as well. So I'm going to drop down to the Artboard tool, and either click on the tool or press Shift+O in order to switch to your Artboard Edit mode.
Then make sure that the Center Reference Point is selected and it is in my case, if it's not for you, click on it. And then I'm going to add a quarter inch margin all the way around, which means I need to add a half an inch to both the width and the height dimensions. So I'll click after the Width Value, and then I'll type in +36, because 36 points is the same as half an inch. Press the Tab key and do the same for the Height Value. Click after it and enter +36 as well, and press the Tab key. Then that goes ahead and expands the size of your artboard, a half-inch in either direction, so we've got a quarter-inch margin all the way around.
I'll go ahead and press the Escape key couple of times there in order to escape out of Artboard Edit mode, and now I'm going to click on the outline of this image to select it. We see a big X through the image that tells us that it's a linked graphic. Now it's covering up a bunch of other objects on this layer, so I'm going to switch over to the layers panel and I'm going to twirl that layer open. And I could advantage of that keyboard shortcut Ctrl+Shift+[, Command+Shift+[ on the Mac to send this image all the way down the stack, or I could just right-click, choose Arrange and then choose Send to Back, that works as well.
That sends it too far back. It's now all the way at the bottom of the stack. There is a blue rectangle in front of it that measures 12 inches wide 9 inches tall, so it absolutely covers it up. So I want to move this guy up one object, and I could do that by dragging it here inside the layers panel or I can take advantage of the keyboard shortcut Ctrl+], Command+] on the Mac. So choose your poison, do either you want. Now then I want to add a stroke around this image, and I've already really technically shown you how to do that, back in Chapter 11 of the Fundamentals portion of the series.
I showed you how to add a stroke, but I showed it to you in the context of creating a bleed margin. Now I want to show you just an everyday average stroke around an image, how that works. So for starters I'm going to press Ctrl +H or Command+H on the Mac to hide the selection edges, so we can see the outline of the image. And I'll go to the Appearance panel. It tells me I have a Linked File, that's fine. I'm going to add a stroke to that file by clicking on the Add New Stroke icon down here in the bottom left-hand corner of the panel, or I can press the keyboard shortcut Ctrl+Alt+/, Command+Option+/ on the Mac, and I'm going to convert that to a thicker stroke, something like let's say four points, just so we can see it.
And it's not showing up, that's interesting, and now I'm going to change the CMYK values here inside the Color panel, because my stroke is active. I'm going to change them to 50, 50, 50 and then 100% for black, so that I have a rich black. That's not really helping matters out, I can't see a stroke. Well, you may recall here's the problem. When you just place an image loose, the way we did a couple of exercises ago, instead of placing it into a shape, into some sort of path container, then Illustrator has nothing to stroke. It doesn't see the edge of the image, so it can't stroke the edge of the image.
So we need to give it a virtual edge and you do that by clicking on stroke here inside the Appearance panel. You need to make sure the stroke is active, then you go up to the Effect menu, you choose Convert to Shape, and you choose Rectangle. Now you could use one of these other guys if you want to, but then you're going to have for example, if you choose Ellipse, you're going to have an ellipse in the middle of your image. And because the image itself is rectangular why then the best thing to choose is Rectangle. So choose the Rectangle command from Convert to Shape. Again, make sure Stroke is active, very important. Then here is what's different about this technique than what I showed you back in Chapter 11, you want to turn on the Relative check box, and you want to set both Extra Width and Extra Height to zero points a piece, and then turn on the Preview check box and suddenly you will see a stroke around your imported image.
Then click OK, and the reason that worked, we have got a rectangle assigned a stroke, is because we now have a virtual rectangle for the stroke to latch onto. All right, now I want to go ahead and merge this image with that blue rectangle underneath it in order to create a kind of monochromatic effect. But if I were to change the Opacity value, which is what I'm going to do right now, I would end up affecting the stroke independently of the other attributes. I don't want to do that, I want to click on the linked file, so I am affecting the entire image, otherwise this part isn't going to work.
Now switch over to the layers panel and scroll down just so we can see what I'm doing. I'm going to take the image blend it with this blue path underneath by going up to the Opacity option, there in the Control panel, click on it, that brings up the Transparency panel about which we are going to learn tons in the very next chapter by the way, and as opposed to changing the Opacity value, I'm going to change the Blend mode from Normal to Luminosity, and what that does, is it takes all the luminance information inside the image, that is to say, the brightness values from black to white and it merges those with the colors from the underlying blue path, and we end up getting this effect right here.
And we get the effect on the fly, it's handled very efficiently. It's a really great dynamic effect here inside of Illustrator, and those are a couple of different things that you can do with an imported image inside of Illustrator. In the next exercise I will show you how to apply a Clipping Mask and a Page Curl.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.