Home
Username:
Password:
Adobe Fireworks CS4 Tutorials

Exporting / Working with Illustrator Files




Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.


Learn More

Subtitles of the Movie

Fireworks provides support for importing native Illustrator files with options for retaining many aspects of the imported files including layers, patterns, and linked images. As a result, you can bring Illustrator images into Fireworks for further editing and Web optimization. Notice that I have a lot of the original Illustrator paths are maintained, and I can further work with these paths, changing the colors, optimizing any and all aspects of these files. I can also export Illustrator files from Fireworks and these files are completely compatible with the Illustrator application itself. The way you'll bring in Illustrator images into Fireworks is using the File, Open Menu. Go ahead and browse to the location of the Illustrator file. I have an Illustrator file here called Bedlam. ai, click on Open. Notice that I get this Vector file options dialog where I can Scale this image, I can make it smaller or larger. Remember that Illustrator is a Vector program so these images are size-independent, so I can establish their size here in pixels, inches, or centimeters. I can set the Resolution, I can Anti-alias the paths and the text, and then I have options for Smooth Anti-aliasing, Strong Anti-aliasing, Crisp, or System Anti-aliasing. I have file conversion options such as Remembering Layers, Ignoring Layers, or Converting Layers to States, if I wanted to create animations or convert Illustrator layers into animations. I can include invisible Illustrator layers. I can also Render as Images groups over 30 objects in size, or I can also Render as Images tiles over 30 objects in number. Set your options, click OK, and Fireworks will then convert this Illustrator document into a PNG file, maintaining much of the original Illustrator content. Let's go ahead and zoom in here and you can see that many of the Illustrator aspects are maintained, including, notice, the Bezier curves are maintained here; colors are maintained; the colors will be preserved as closely as possible when importing your Illustrator content into Fireworks. Text attributes are also maintained, and here I have some text including the fonts, the sizes, the colors, the styling including bolding, italic; the alignment, such as left, right, center, and justify; as well as the orientation vertical left to right, vertical right to left, or horizontal. Letter spacing will be maintained as I have here in these two lines of text, as well as auto kerning, kerning pairs, character position, such as normal, superscript, and Subscript. Gradient fills are also maintained, although they will be imported as native Fireworks gradients. All of the ramp points of the gradient will also be preserved. Now, Illustrator AI files can contain linked files and placed files of the following type: PDF, BMP, EPS, GIF, JPEG, JPEG2000, PICT, PCX, PCD, PSD, PXR, PNG, Targa, and TIFF files. Embedded images are brought into Fireworks as Raster images; linked images are preserved as linked bitmaps in Fireworks. Fireworks also supports the import of clipping masks with paths and compound paths as well as filled strokes. The filled strokes will be imported as a single drawing object. Solid fills are also supported, like I have here. Fill paths are imported as a single drawing object. Compound paths are imported as a single drawing object as well. Groups are also preserved and the individual grouped objects come in as drawing objects. Graphs will be imported as groups as well, but they lose their special editability as graphs. Illustrator primitives are actually paths so they are not imported as Fireworks primitives. Patterns are also imported, but as individual tiles. These tiles are imported as native patterns in Fireworks and the pattern is assigned to the drawing object. Brush strokes are imported as multiple groups, one group per closed path. Symbols are imported as normal grouped objects, and much of Illustrator's transparency effects are also supported in Fireworks. Fireworks imports object opacity correctly preserving object transparency settings at the original Illustrator values. And Fireworks also imports all sublayers as native Fireworks sublayers. So there you have a review of the Fireworks support for importing native Illustrator files. That'll then conclude this section of the Tutorial on exporting into and out of Fireworks. In this section you've learned how to set Slice Export controls, how to set HTML Export options, how to define how HTML tables will be exported as well as document-specific HTML settings. You've learned how to create and export CSS Layouts from Fireworks as well as how to work with Dreamweaver files. How to import Fireworks images into Dreamweaver and place Fireworks images into Flash, as well as some information on working with Photoshop and Illustrator files. Let's now move on to the final section of the Tutorial, Wrap Up, where I provide some concluding remarks about this Tutorial as well as give you some more information about your author.

Tutorial Information

Course: Adobe Fireworks CS4
Author: James Gonzalez
SKU: 33999
ISBN: 1-935320-47-5
Release Date: 2009-05-21
Duration: 8 hrs / 90 lessons
Work Files: Yes
Captions: Available on CD and Online University
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available