… graphic … the editing capabilities by default as it did in earlier vers ions. If you need to keep Illustrator-specific information in … with Adobe Illustrator CS2 Creating a … TABLE OF CONTENTS 1 Introduction to the SVG file format 3 Creating SVG with Illustrator 5 Adding interactivity to SVG 6 Outputting SVG from Illustrator 10 Reopening SVG files in Illustrator 10 Publishing SVG content using GoLive CS2 12 Animating SVG content for mobile devices 14 Viewing and using SVG WHITE PAPER Creating SVG with Adobe …

Adobe® Illustrator® CS2 offers many helpful features that bring new ease to creating and managing Scalable Vector Graphics (SVG) for mobile devices and the web. This white paper describes how you can create SVG content with Illustrator and publish it to the web using Adobe GoLive® or animate it using Ikivo Animator. Illustrator CS2 supports the standardized formats recommended by the World Wide Web Consortium (W3C). This paper is intended for creative professionals and developers who want to use Illustrator CS2 to create and publish SVG content. It assumes that you have some basic understanding of vector drawing, Illustrator and GoLive. (If you want to learn more about Illustrator and GoLive, the Classroom in a Book® series provides excellent hands- on training on how to use Adobe products). Introduction to the SVG file format SVG is a text-based graphics language based on XML (Extensible Markup Language), and incorporates other standards such as Cascading Style Sheets (CSS), the Document Object Model (DOM), and Synchronous Multimedia Integration Language (SMIL). Three types of graphic objects can be incorporated: vector graphic shapes (such as paths consisting of straight lines and curves), raster images, and text. In 1999, the W3C introduced SVG as a standard for publishing animation and for interactive applications using vector graphics on the web. In 2004, a vast majority of companies in the mobile phone industry chose SVG as the basis for their graphics platform. Many leading companies joined the SVG effort to produce the SVG Tiny and SVG Basic profiles, collectively known as SVG Mobile, which is targeted at resource-limited devices, such as mobile handsets and handheld devices. • The SVG Tiny (SVG-t) specification is suitable for highly restricted mobile devices, such as mobile phones. • SVG Basic (SVG-b) is targeted for higher level devices, such as personal digital assistants (PDAs), and uses a less restrictive subset of the SVG standard to allow for richer graphics and interactivity….. Creating SVG with Illustrator CS2 Illustrator CS2 is the industry-standard vector graphics application. It has a rich set of tools that enable you to generate sophisticated graphics for multiple uses. This section focuses on the new Illustrator features and functionalities that are particularly suited to optimizing SVG output for mobile devices and the web. Before you start Although SVG is scalable—meaning that it can be resized without losing resolution—you should work within the dimensions of the final use if you are working with bitmap graphics to ensure that the bitmaps are optimized in quality and file size for your target device (raster images do not scale well and lose sharpness when enlarged). Working within the targeted dimensions becomes even more important if you are planning to use SVG raster effects that affect an underlying image or if your vector art has transparency effects that would cause transparency flattening in SVG output. Because SVG is viewed on an RGB raster display device, such as a monitor, the Illustrator document color mode should be set to RGB. You can select the color mode either in the New Document dialog box or by choosing File > Document Color Mode. You should also make sure that the RGB color settings are defined as sRGB (select Edit > Color Settings). If you have a full version of the Creative Suite, you can define the color settings globally for all Adobe Creative Suite 2 components from the Adobe Bridge application.

Download Creating SVG with Adobe Illustrator CS2.Pdf