Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
Illustrator comes with lots of great content that you could use. For example, on the Create New section of the Welcome Screen, you'll see there is a button here called From Template. By clicking on that, it takes you directly to an area on your hard drive that contains all these templates. Some of these are great for web design. For example, by Club you'll see there's a Web Site file. It ends with an .ait file extension, which stands for Adobe Illustrator Template. In fact, you can see these templates lot better using Bridge. I'll click Cancel and I'll click on the Bridge button right here on the top of my screen. If I double-click on the Club folder, I can see exactly what that website design looks like.
What's important to realize here is that Adobe didn't provide these templates that I could actually use them for my design, but rather it's a way that I can reverse-engineer these files to learn how they were built. In fact, some of these templates can be quite helpful. In fact, if I go back here to the regular folder, you'll see there is a section here called Blank Templates. Inside of here is an entire document filled with Banner Ads. I'll double-click on that to open that up inside of Illustrator and you could see that with multiple artboards, this document contains all the standard banner ad sizes. No, there is no artwork here, but it's a great way to get started on a project.
You can also access templates by going to the File menu and choosing New from Template. In addition, you could take advantage of additional resources such as swatches or symbols. I come over here and I'll expand the panels. I'll click on Symbols and then from the bottom left of the panel, I'll click here and I'll choose something like Arrows. This is a great resource and once you have this open you can use the arrows here on the bottom to actually load that additional symbol libraries. Finally, you can create your own templates. Simply create any new document whatsoever, add any piece of artwork, add layers, whatever you would like and then go to the File menu and choose Save As Template.
Unlike New Document Profiles, Templates can contain artwork, layers and other information inside of it. What's great about templates is that you could also easily save them and distribute them amongst your colleagues.
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.