Graphics Programs Reference
In-Depth Information
ROORDA
Twist and Slice
Making Web Page Elements in Illustrator
Illustrator & Web
Overview:
Set up a document for web page design; use layers to structure artwork; create
slices with the Slice tool or by using guides or artwork; save slices as image files.
If you're comfortable designing and drawing in Illustrator, why not start your
webpage in Illustrator? Jolynne Roorda used Illustrator to design and preview web
pages, create comps for client approval, and slice and optimize artwork for use in this
website for Yoga on High.
1 Setting up your document.
To start designing your webpage, create a new document
using File> New. From the New Document dialog's Profile menu, choose Web, and
then choose one of the default sizes from the Size menu or enter your own custom
size. Be sure to keep Align New Objects to Pixel Grid enabled to assure that the hori-
zontal and vertical edges of objects you draw remain sharp when you slice and save
as images later.
Because your artwork will be saved in a raster format like GIF, PNG, or JPG,
consider turning on pixel preview (View> Pixel Preview). With pixel preview you can
see the pixel grid (zoom in 600% or more) and the anti-aliasing of your artwork as if
it were rasterized, so you can adjust it if necessary.
