Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Mordy Golding demonstrates how to be more productive, efficient, and creative by taking advantage of Adobe Illustrator to create pixel-perfect web graphics and interactive Flash content. Illustrator CS4 for the Web investigates the pros and cons of pixel- and vector-based web graphics, demonstrates efficient workflows, and explores the creative options available in Illustrator. Mordy also covers design techniques, such as creating typography that works well on screen, adding reflections, and making Flash animations. He discusses new Illustrator CS4 features, including using multiple artboards, bringing art into Dreamweaver, and utilizing Flash Catalyst. Exercise files accompany the course.
I believe that one of the greatest things about working with Illustrators, specifically in web design is that no matter how you need to deliver your graphics, you always have other applications that work well with Illustrator. And what it also means is that if you create your graphic inside of Illustrator, you are secure and knowing that if you ever need to deliver your graphics to other developers or other designers, no matter what application it is they are using, you will still be able to deliver that stuff to them in a meaningful way. For example, let's take Photoshop. Photoshop is a very popular web design application. But throughout this title we have already seen so many different ways that we can take advantage of the benefits of using Illustrator. Well, if the next step in your workflow is to take your artwork into Photoshop, here is the best way you have to do it.
I already have all my layers created, I have text in my file, I have slices that I have created. And what I would like to do is just bring this as it is right into Photoshop. The best way to do that is to go to the File menu and to choose Export and from the Format pop- up list choose Photoshop .psd. I will throw this on my desktop over here and I will just choose to export this. And a dialog box will appear asking me for options of how I want that psd file to be created. Now since this is for the web, I can set it out to be Screen resolution and rather than write out a flat image, I want to write my layers.
That will preserve all of my Illustrator layers and covert them to psd layers. In addition I will also check these two boxes: Preserve Text Editability, which will make the text editable inside of Photoshop, and Maximum Editability. This setting will actually preserve things like slices, transparency, masks, so on and so forth. So I will go ahead and I will click OK. Sometimes you may see this dialog box appear. It says Some containers in the Illustrator document have been flattened. That usually happens when there is a construct or some kind of issue with the stacking inside of Illustrator that forces certain layers to be combined. I will click OK over here and now after that Photoshop file gets written, I will switch over to Photoshop. Let me open up the file here inside of Photoshop and I will choose to take that psd file that I just wrote out of Illustrator and open it up right here.
First if you take a look at Layers panel, you will see that all of my Illustrator layers came in and that Live Text also came in as well. I will also go ahead to the View menu and I will choose Show and then I will turn on Slices. And you will see that the Slices that are defined and created inside of Illustrator come into Photoshop as well. So whether you are delivering your content directly from the Illustrator to the eeb or you are bringing your artwork into Photoshop, exporting your file as a Photoshop psd file from Illustrator is certainly the way to go.
There are currently no FAQs about Illustrator CS4 for the Web.
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.