Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In his movie, I'll show you a couple different ways to rasterize your illustration so you can view it inside Photoshop. And that way you can make sure that everything is working out as planned. And in the first case, we'll rasterize the artwork as a flat file, and then I'll show you how to rasterize your illustration as a layered image so that you can edit the text, for example. So let's start by creating some text. I'll switch to the Type tool, which I can get by pressing the T key, and then I'll just click somewhere inside my artwork to create some point text. And I'll enter the word Superhero shield, for example. And then I'll press the Esc key in order to accept that text.
Now we can't see it because it's too small and it's black, so I'll change it to white by clicking on the first color swatch up here in the Control panel and selecting White from my list of swatches. And then you can see that the text appears by default in Myriad Pro, which is just fine. I am going to raise the Type Size however to 60 points and then press the Enter key or the Return key on a Mac. And now just to distinguish my text a little bit, I'll add a Drop Shadow by going up to the Effect menu, choosing Stylize, and then choosing Drop Shadow. Again if you loaded dekeKeys, you can press Ctrl+Alt+E or Command+Option+E on a Mac.
These are my last applied settings, which are just fine; so Normal for the mode, Opacity 50%, an X Offset of -2 points, a Y Offset of 2 points, and a Blur of 2 points as well. Then I'll turn on the Preview checkbox and I end up with this effect here. Now I'll click OK. Now if you want Photoshop to be able to see this text, you need to set it on an independent layer. I'll create a layer here inside the Layers panel by Alt+clicking or Option+clicking on the Page icon at the bottom of the panel. And I'll go ahead and call this layer text, and then I'll change its color to Light Red, and click OK.
Now with the text still selected, I'll go ahead and drag this orange box on the right side of the Layers panel up into the text layer. And now I have all of my editable text on an independent layer, which as I say is essential if you ever want to be able to edit this text inside Photoshop. Now let's see how to rasterize this file. I am going to save it out by going up to the File menu and choosing the Save As command. And then I'll go ahead and name this layer, let's say, Shield with text, and then I'll click on the Save button in order to save out my document.
The Illustrator CS6 format is just fine. I want all the checkboxes turned on, very important that this first checkbox be turned on if you want Bridge and Photoshop to be able see the file. Then go ahead and click OK in order to save it out. Now it may take a moment or two, because there is a lot going on inside this file. Once it gets done saving, return to the File menu and choose Browse in Bridge. And direct the Bridge to the contents of the 32_photoshop folder if you're working along with me, and you'll see this file called Shield with text. Now if all you want to do is open it as a flat file inside of Photoshop, then you right-click on the thumbnail here inside the Bridge, choose Open With, and then choose Photoshop CS6. And that will bring up the Import PDF dialog box here inside Photoshop.
This assumes of course that you own a copy of the Creative Suite so you have access to Photoshop. I'll change my Thumbnail Size to Fit Page, so that we can see a large version of the artwork. Now, if you want to crop the artwork to the artboard, then you want to set Crop To to Art Box right here. By default it's set to Bounding Box. Now where this artwork is concerned, either is going to work just fine. And then you can set the exact size and resolution at which you want to open the artwork so you can scale the artwork as you open it. That's totally okay. You can even convert your illustration from CMYK, which is how I've set up this document, to RGB or some other space.
But in my case I'll just leave it set to CMYK Color; everything else is just fine. Then click OK in order to rasterize that illustration, and you'll end up with this effect here. Now as you can see, everything is looking just great. So we haven't lost a single effect inside the artwork. The only problem is, if you take a look at your Layers panel, you'll see that you have a single layer called Layer 1. And so all the pixels including the text are fused together, which is not what I want. I want to be able to edit that text and to do that you need to export the PSD document-- that is the layered Photoshop document--from Illustrator.
So I am going to switch back to Illustrator, and then I'll go up to the File menu and choose the Export command. And if you loaded dekeKeys, I've given you a keyboard shortcut of Ctrl+Shift+Alt+X or Command+Shift+Option+X on the Mac. Now by default, Save as type is set to the first option which is AutoCAD drawing. That's of course not at all what we want. I want to save this illustration as a native PSD document, so that it contains all the layers that I need. And I've gone ahead and saved this document in advance as Layers from Illustrator.
It has a -01 after it because I turned on Use Artboards, so that we're cropping the artwork to the artboards. Which is essential, because otherwise you're going to get a bunch of white outside of this gradient rectangle. And if I wanted to replace this existing document then I would get rid of the -01 and then click on Save. Next, you'll get the Photoshop Export Options dialog box; in our case I am going to leave the Color Model set to CMYK, a Resolution of High is just fine, although you can dial in your own if you want to save an even higher resolution version of this document.
Because you want access to the text, you want to turn on the right Layers radio button here, but bear in mind this only works--even if this checkbox Preserve Text Editability is turned on--this only works if you've assigned your text to an independent layer, as I've done here. Also turn on Maximum Editability, so in other words all of the checkboxes are on. We want to set Anti-aliasing to Type Optimized so that we get hinted characters, in other words the text is specifically optimized for the current type size. And then click OK in order to create that file.
Now in my case I've already created the file in advance, so I am going to click Cancel. And now I'll return to the Bridge by going to the File menu and choosing Browse in Bridge, or you can press Ctrl+Alt+O or Command+Option+O on a Mac. And if you have access to the Exercise Files, you'll see this file called Layers from Illustrator-01.psd, so-called because it's the first and only as it turns artboard. I'll double-click on that file to open it up in Photoshop, and if you take a look at the Layers panel you can see that you've got this text group with a bunch of subgroups inside of it; but ultimately you do have an independent text layer, which you can now edit.
And I'll do so by switching to the Type tool, which you also get in Photoshop by pressing the T key, and I'll just go ahead and change this text to My superhero shield, let's say. And I'll press the Enter key on the numerical keypad in order to accept my changes. Notice that updates the type just fine, so we've got editable type inside Photoshop; however, that does not change the Drop Shadow. The Drop Shadow was rendered out as an independent image layer. But that's really no problem because you can recreate that Drop Shadow very easily. So I'll turn off the Image layer in order to get rid of the Illustrator shadow, and then I'll drop down to the fx icon at the bottom of the Layers panel and I'll choose Drop Shadow to bring up the big old Layer Style dialog box.
Now assuming default settings, you want to change the Opacity value to 50%, then change the Angle value to 45 degrees. Tab your way to the Distance value and change it to 10 pixels, and then change the Size to 10 pixels as well, and you'll get roughly equivalent effect to what we were seeing inside of Illustrator. Then click OK in order to accept the change. And that's how you rasterize your artwork for viewing in Photoshop, both as a flat file from the Bridge, and as a layered file, complete with editable text from Illustrator.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 58617 Viewers
119 Video lessons · 67742 Viewers
84 Video lessons · 16996 Viewers
125 Video lessons · 29890 Viewers
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.