![]() Select your slices that contain vector-based graphics and then assign a GIF file format to each.Ĭhoose your desired palette and other options. For the skinny on compression, see the earlier section, “Choosing a file format.” I chose high compression because I think quality is important. In the Save for Web dialog box, select any pixel-based slices with the Slice Select tool (the second tool from the top) and select the JPEG option from the file formats drop-down menu.Ĭhoose your compression settings from the compression drop-down menu. Optimizing is the process of assigning quality and compression settings to your images.įor more on the Save for Web dialog box and all its settings, see the section, “Creating Web-Specific Pixel Graphics,” earlier in this chapter. Select your alignment option and click OK. In the Slice Options dialog box, select the HTML Text option from the Slice Type drop-down menu. Select the text block and choose Object→ Slice→ Make. If you edit any of your objects - scaling the logo, for example - the slices update automatically, as shown in Figure 16-9.įigure 16-9: Editing an object makes the slices update automatically. The group is now assigned a user-defined slice. Select your group, choose Object→ Slice→ Make, and then deselect the group by clicking the Artboard away from the object. Figure 16-8 shows the sliced artwork.įigure 16-8: It slices, it dices, it darned near makes julienne fries. The pink lines and numbers indicate that Illustrator automatically created the slices. The red lines and numbers indicate a user-defined slice - one that you made. This kind of slice is referred to as an object- based slice.Ĭhoose Object→ Slice→ Make, and then deselect the object by clicking the Artboard away from the object.Īfter you release the mouse, lines and numbers appear. With the Selection tool, select an object on your Artboard. Now you can see your slices while you create them. For this example, I used a mock Web page. I recommend using at least one block of text, one group of objects, and one pixel-based image. You do need to first create a piece of artwork, however. Read through the following steps for how to create slices. And when any of these are edited, the slices are automatically updated. In Illustrator, slices can be applied to objects (vector- or pixel-based or text), groups of objects, or layers. In the next section, I show you how slices work in Illustrator. Have I convinced you yet of the merits of slices? Good. Finally, you can selectively assign features, such as rollovers, links, and animation to slices. Depending on your image, revising a slice or two can be quicker than revising an entire image. Also, each slice can be optimized separately, which increases loading speed. Another benefit is that slicing the image into sections that appear in multiple places on your site makes it load more quickly on the next place after the image loads in one place. They can provide a better experience for viewers by allowing them to immediately see portions of the image while it loads rather than having to wait for an entire large image to load. Slices are useful for a number of reasons. In the Web world, these chunks are referred to as slices. If you’re an avid Web surfer, you’ve probably encountered a site or two where the graphics appear on-screen in separate chunks.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |