Tutorial - Create a Web-optimized GIF image from an icon - Axialis Software Create a Web-optimized GIF image from an icon This article provides information on the following topics: Prerequisites Tryout or Corporate/Personal Edition CompuServe GIF image format is widely used in Web pages because the majority of Web browsers recognize it. However this format has some limitations and images need to be optimized to meet Web requirements like size, colors and transparency: support partial transparency (alpha channel). It means that either a pixel is transparent, either it isn't. reduced palettes. Limited number of colors will result in smaller file but will produce lower image quality. an icon image to GIF file formats preserving the transparency areas of the icon. Only one image will be from the icon if available. Create a GIF file with Web optimization from an existing icon the librarian or using File/Open...). the icon if available, otherwise use RGB/A. 3. Choose File/Export/CompuServe GIF (Optimized for the Web) or press Ctrl+Shift+G. 4. A dialog box CompuServe GIF Optimizer opens: the number of colors you wish to use in the image palette. Limited number of colors will result in smaller file but will produce lower image quality. not sure about desired the number of colors. choose the type of palette desired: color screen mode. but usually creates slightly larger images. you choose opaque, the transparent areas of the icon will be converted 9. In Preview, compare the original box opens. In the Save as Type list select the desired image file format. type a new filename. When done, click OK. The file has been created on the disk. Top of Page Create a GIF file using Axialis Image Object Packs To follow this tutorial you need the following items: Congratulations, you've just added your first Image Object to your project! As you can see it's very intuitive. Now let's continue and add other objects to build the icon. IMPORTANT First, we need to move the whole Earth 5 pixels up to leave more space for the shadow at the bottom of the image. Important: To do so, we must select the whole image. At present only the last object we've added is selected. Choose Edit/Select All or press Ctrl+A. There is no visual change but now you're ready to move the whole image. To move the image, you can use the mouse (with a drag-and-drop) or use the arrow keys of the keyboard. To move the image 5 pixels up, hit the UpArrow 5 times. The resulting selection rectangle is now 5 pixels outside the top of the editor area. You're done! The resulting image should look like this: for the Web) or press Ctrl+Shift+G. the number of colors you wish to use in the image palette. Limited number of colors will result in smaller file but will produce lower image quality. not sure about desired the number of colors. choose the type of palette desired: color screen mode. but usually creates slightly larger images. you choose opaque, the transparent areas of the icon will be converted box opens. In the Save as Type list select the desired image file format. type a new filename. When done, click OK. The file has been created on the disk. Top of Page make cursors Send us feedback about the site. Microsoft, Windows, Windows XP, Windows Vista are registered trademarks of Microsoft Corporation Adobe, Flash, Photoshop, Illustrator are registered trademarks of Adobe System Incorporated Apple, AppStore, Ipod, iPhone, iPad are registered trademarks of Apple Inc
Clker.com is owned by Rolera LLC, 2270 Route 30, Oswego, IL 60543 support\at\clker\dot\com
Comments