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.
There are really two ways to use Illustrator for web design. You can either design artwork inside of Illustrator and then export it directly for use on the web, or you can create artwork inside of Illustrator and then import those into other applications, which will then export items to the web. What's great about Illustrator is that you could choose either/or without any consequence. Now within web workflows specifically though, you kind of boil these things down to two categories. There are pixel-based web graphics and then there are vector-based web graphics. Both of these workflows each have their own individual challenges and generally the direction that you choose is dictated by the file formats that are required to deliver your artwork in.
For example, GIF, JPEG, PNG and Wireless Bitmap formats are pixel-based web graphics, and if you're using Illustrator in tandem with other design applications, you might consider taking your artwork from Illustrator into Photoshop, Dreamweaver or Fireworks. However, if you're creating vector- based web graphics, your file formats will probably be SWF, SVG or FXG, and if you're using Illustrator as a starting point for your web design, you'll find yourself bringing your artwork into programs like Flash Professional, the new Adobe Flash Catalyst, Flex Builder or even Fireworks.
You may notice that Fireworks appears listed in both categories and that's because Fireworks supports both pixel-based and vector-based graphics. Now, I actually split this video title into two parts. The first few chapters deal with the challenges of creating perfect pixel-based web graphics in Illustrator, which is primarily a vector-based application. The remaining chapters focus primarily on vector- based artwork destined for Flash. With these things in mind, let's get started.
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.