Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this exercise I'm going to show you how to save off a layered PSD file from inside Illustrator. Hopefully-- it doesn't always go right as you are about to see-- but we will hopefully include all five of our layers, but it will also include details inside of those layers. So some of the objects that exist inside this layer will be preserved and sometime we will be able to dig inside of groups and so on. You will see it's quite remarkable and sometimes you are able to retain editable text, which is also pretty groovy when it works, once again.
I have got open Goodbye overprints.ai found inside of the 12_exporting folder and you can see I have total of five layers across the three artboards inside this file and what's interesting to note is some of the layers only appear in single artboards. For example the T- shirt layer is the entirety of the third artboard. If I turn it off the entire third artboard goes away as we can see here. I'll turn T-shirt back on. If we go to the second artboard with the skateboard and the surf board that all occurs inside the Boards layer right there.
So if I turn off my Boards, my Boards go away inside the second artboard. If I turn them back on they come back and then finally on the first of the artboards that's where we have text card and background. So I'll turn all three of those off for a moment. Here are the Background objects, here are the Card objects and here are the Text objects right there. So interesting to note, just something I want you to be aware of us how this illustration was put together, before we any further. All right I'm going to maximize Illustrator here just to prevent these weird edges we were seeing a moment ago, then I'm going to go up to File menu. Because I'm Tidy Man, that's why.
And I'm going to go up to the File menu and I'm going to choose the Export command. Now the Export command is the command you use to save out to all the file formats we haven't seen so far, that Illustrator also supports and these are generally speaking pixel formats not entirely. Now we are not going to review every single one of them because some of them are outside of my domain such as AutoCAD. BMP is just the Windows BMP format. We have got things like JPEG right there, which would include a thumbnail potentially, which is why it's not the best tool for creating JPEG graphics for the web because they would be a little bit bloated.
You could save a Macintosh picked image why would you do that? You wouldn't, but you could if you are working with some byzantine old application or something. A Windows Metafile file. All kinds of weird stuff, you can create here. We want a Photoshop PSD file. So go ahead and choose PSD and notice you have the option of using the artboards. Now if you have this check box turned off you are going to save the entire illustration including all artboards as one big massive Photoshop document. You don't want that so let's go ahead and use the artboards. If we have All turned on we are going to save all three artboards as separate Photoshop files.
All right now go ahead and click Save, now as mentioning in the previous exercise this is a CMYK graphic you can see that up here in the Title bar. So our color model is going to be sent to CMYK and that will become important in just a moment. Notice that I have the option to set the Resolution value. I'm going to go ahead and set this to Medium and the reason I'm doing this is to just save us a little bit of pain. So that we can avoid those long progress bars, but I'll tell you if you are trying to rasterize artwork for a high resolution printing then you want to go with High or even better. You could set this to something like 600 ppi, but you are going to get layered file so that would be a massive file inside Photoshop as well.
So you might want to think about sticking with 300 ppi. I'm going to think very hard about going with 150 ppi for demonstration purposes here. We do want to Write the layers. Notice we have the option of Preserving the Editable Text. So that Photoshop can actually edit the text we created here inside of Illustrator. That's not always going to work. I'm going to tell you in advance, but sometimes it does and when it does it's good maximum editability will dig inside of those layers and trying to preserve as many independent objects as possible. We want Anti-alias turned on by all means. Otherwise we are going to get chopped up edges and we want to go ahead Embed an ICC Profile, you betcha.
To show where this illustration came from so that we have consistent color inside of Photoshop. Now you can change your color model at this point I could switch to RGB or Grayscale if I switch to RGB then notice what happens. I have got to flatten; I cannot preserve my layers. So we are not going to do that but obviously. So I'm going to go ahead and switch that back to CMYK turn on right layers. These are the settings that I'm going to apply you could go ahead and apply High 300 ppi, if you want to or if you wanted to save yourself some pain do 150, click OK and then we are going to get the Progress bar.
So there is no avoiding progress bars when we are going from Vectors to Pixels from Illustrator or inside any other application for that matter, but that was pretty painless that was pretty quick. All right let's go over to the Bridge and see what we have wrought. We have got all these Goodbye overprints now. You should have probably thought about changing the name every once a while but notice that we have got Goodbye overprints-01.psd, Goodbye overprints-02.psd and Goodbye overprints-03.psd. We are going to start with 03 because it's the successful one. We will come back to these two in a moment. I'm going to double click on Goodbye overprints-03.psd here inside the Bridge in order to open it up here inside of what should be a familiar application Photoshop CS4 and I'm going to zoom in and this is as far as I can go because this is 100%.
So its like I just rendered it out at 150 ppi. Now notice here in the Layers palette. We have one layer called T- shirt so that might make you think well lot of good that does, but actually it's a layer group. It's a folder, so we can twirl that guy open and see well look we got other stuff inside here we got more layers. One of them is Editable text check that out. I can actually change that text right there. I can double click on it and it goes there and selects with my Type tool and I can type in something totally different if I wanted to and it wouldn't make any sense if I did that but still it's an option I could type in something sensible as well.
All right I'm going to press the Escape key in order to restore my original text, see how it suppose to work when you press the Escape key anyway. That's just me I like the way Photoshop handles that better. I'm going to go ahead and twirl open this group right here and you can see that we have got some other text. Now this text is no longer editable it has been converted to pixels. The reason being that I applied a little bit of a Warp to this text the Warp effect which we will see in a future chapter of this series, but Photoshop is unable to accommodate a live warp even though a Photoshop can warp text, it doesn't understand Illustrator's warp text.
So I'm going to go ahead and turn off though this red text just so you can see in a background we have got some white strokes. So it actually peeled apart. There is one object into two separate layers that got back granular about things. So there is just a stroke by itself two attributes on two different layers that's amazing and then we have the Card, the Card look at the Card how detailed it is. Good luck if you are interested in plowing through is what I'm saying. Good luck with it. I'm not going to go through that with you for obvious reasons. It's a lot of stuff. Everything is broken apart on independent layers it's just amazing and these are completely independent Photoshop layer.
So it did much, much, much, more than we anticipated it would, good job Illustrator for creating such a highly detailed Photoshop image. There is a lot I can do with this but I'm going to close it because now I'm going to show you the bad news. Start with the good news right. Go to the bad news. Bad news is back here at the Bridge. Let's go ahead and double click on Goodbye overprints-01.psd. Big disappointment. Look at that guy. Let's go and zoom it into 100%. It looks good, it's a good looking image but Background+Card+Text+Board. That's what that is+Boards. Isn't that interesting.
Nothing from the Boards layer is actually part of this artboard and you have Boards got involved. So that's a clue as it turns out they went ahead and smoosh together, all four of those layers. T-shirt is missing because T-shirt it was able to handle successfully by itself on the third artboard. So something went terribly wrong there. We will just close it for now I'll show you the solution in just a moment. Let's go to Goodbye overprints-02 he is our bad guy this is our culprit this is where everything went wrong. You see that we have got our transparency intact that's nice and we have got these very smooth softer off shadows. So all of the outfit channelness that's associated with that illustration is completely intact, but again we have one flat layer and it's called Background Card, Text and Board.
So somehow Illustrator is getting mixed up and combining both the first and the second artboards and I tell you I have done everything I can think out to separate them. I have experiment with this file for hours now and I was unable to come up with the solution to get these various layers from communicating with each other across the two artboards. Now you might be able to find a solution to this, but no matter what I do I cannot manage to get the skateboard and the surfboard to raster as independent layers. I just can't get it to occur. No matter what I do, and I have a feeling that the culprit might be the clipping paths, the spaces are represented as clipping paths that have objects inside of them. That may be what's going on also. By the way it's not the faces because that's happening on the T-shirt, that's happening over in the poster as well.
The gigantic clipping that's happening is the actual surfboard and the skateboard here are clipping this artwork as well. So we have clipping paths inside of clipping paths that might be your culprit. I'm not sure, but I know our solution where the first artboard is concerned not the second, like I said I don't know what to do about that one, but for the first artboard let me show you and you might be able to solve your own problems this way too, not sure. Go back to Goodbye overprints.ai here inside of Illustrator and I'm going to turn off the Boards layer. Just get it out of the picture so that if I were to the switch to the second artboard. The second artboard is now free and clear doesn't have anything on it. I'll go back to the first artboard. I'll go up to the File menu and I'll choose Export once again make sure that it's set to Photoshop and instead of all artboards I'll say a Range of just artboard number one and then I'll click in the Save button and then it's going to ask me all that standard stuff. I'm going to answer the exactly the same way click OK.
So I'm not making any changes there. I do want to replace Goodbye overprints-01.psd so I'll click in the Replace button there and we are going to wait for the Progress bars to go by but hopefully they will go by relatively quickly and they did good. Now I'm going to switch back to the Bridge and there is Goodbye overprints-01.psd. Let's double click on it again to open it on up and see. Look at that. We have got the text layer represented as a group, we have got the Card layer represented as a group and we now have-- look at that. Just wonderful, wonderful layeredness there and then we have got the Background layer represented as a group as well and we have got that green gradient as one layer and then the purple gradient in front that has those wacky effects applied to it. It's represented as several more layers. The total of it looks like we have got four different layers that are representing it.
So we have this granular molecular level of control thanks to the fact that we just got rid of the bad guy which was the Boards layer which is unfortunate because I would love to have that one layered as well but as I say was unable to figure that one out. Might have been able to just render that out as a separate illustration or something along those lines but this to gives you a sense a how to be a detective and how to solve these problems when they occur because Illustrator frequently has these sorts of problems when it's trying to render out layered artwork layered Photoshop artwork. I do want to show you one more thing that I'm going to go back all the way up to the top to the text layer here let's go ahead and collapse Card and background those groups inside of this group here not only do we have. I'll go ahead and zoom out not only do we have this stuff right here this text is available to us as editable text, so I can double click on it to select that text. So Photoshop is able to handle the vertically formatted text from Illustrator that's great.
It couldn't do this text over there and I believe the problem is then I was working with these wacky characters. I was throwing in some strange non-roman characters into the mix here and I think that through Photoshop, but The Kween Of Myrder survives. Check this out. If I go ahead and expand group now it does not have a transformation applied to it. That's why this text, which has a warp affect applied to it down here, is not editable. This text is not warped up at the top. So my red text notice this guy right here, he is editable, so if I were to double click on it I can select those letters. Those are the red filled letters.
The Stroke effect though is rendered out as a separate non-editable layer, that is it's not editable type. You can still edit it with a Painting tool or something along those lines if you wanted to. Anyway, fascinating don't you think? Just amazing how granular you can get. I already said that. In the next exercise, I'm going to show you something far less fascinating in my opinion but it's practical. How to save your illustrations for use in Microsoft programs. Hmm-hmm!
Get unlimited access to all courses for just $25/month.Become a member
117 Video lessons · 42709 Viewers
119 Video lessons · 54067 Viewers
65 Video lessons · 14377 Viewers
113 Video lessons · 82845 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.
Your file was successfully uploaded.