Lesson 7 cs5


Published on

Published in: Technology, Art & Photos
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Lesson 7 cs5

  1. 1. Learning Web Design with Adobe CS5 Dreamweaver ® Fireworks ® Flash ®
  2. 2. Advanced Graphics and Animation: Lesson 7, Exercise 60 <ul><li>Your Fireworks files must be saved in a Web supported format in order for them to be visible in a Web browser. </li></ul><ul><li>For most graphics that you include on Web pages, you should use the JPEG and GIF Formats. </li></ul><ul><li>Fireworks enables you to save your graphic files in the following formats: </li></ul><ul><li>BMP </li></ul><ul><li>GIF </li></ul><ul><li>JPEG </li></ul><ul><li>PICT </li></ul><ul><li>PNG </li></ul><ul><li>TIFF </li></ul><ul><li>WBMP (Wireless Bitmap) </li></ul>
  3. 3. Advanced Graphics and Animation: Lesson 7, Exercise 60 <ul><li>Even though GIF files can contain a maximum of 256 colors, if your image doesn’t use the full range of colors available, you can optimize your image by selecting a palette that reflects the colors used in the graphic. </li></ul><ul><li>You can choose the palette you want to use for output by choosing the Indexed Palette list in the Optimize panel. </li></ul><ul><li>The Remove Unused Colors option on the Optimize panel option menu is available only if you have selected an 8-bit output format such as GIF. </li></ul><ul><li>The Remove Unused Colors option is a toggle. A checkmark appears in front of the option when it is selected. </li></ul>
  4. 4. Advanced Graphics and Animation: Lesson 7, Exercise 61 <ul><li>Making an area of your image transparent does not reduce the size of the GIF. </li></ul><ul><li>To make a part of your GIF image transparent, you use the Optimize panel to choose the colors you want to make transparent. The colors you make transparent will allow a background image to show through the color when the image is displayed on the Web. </li></ul><ul><li>Fireworks displays a transparent area using a gray and white checkerboard pattern when you preview the image. </li></ul>
  5. 5. Advanced Graphics and Animation: Lesson 7, Exercise 62 <ul><li>JPEG format is ideal for digital photos because it enables you to reduce the size of an image while you adjust the quality of the image. That is, you can greatly reduce the file size without much noticeable effect on the quality. </li></ul><ul><li>JPEG compression works by replacing areas of an image with rectangular blocks that are a single color. When an image is viewed at normal size, there is typically little reduction in quality; but when you zoom the image, you can see the color blocks. </li></ul><ul><li>You adjust the JPEG compression level using the Quality option in the Optimize panel. Higher values produce better quality. </li></ul><ul><li>Because JPEG compression discards data, you can never recover details that are lost once you save a JPEG image that you have compressed. </li></ul>
  6. 6. Advanced Graphics and Animation: Lesson 7, Exercise 63 <ul><li>Use movie clip symbols to store animated sequences that you can reuse many times. </li></ul><ul><li>You create the symbol by choosing the Insert > New Symbol command. In the Create New Symbol dialog box, enter a name for the movie symbol, select Movie clip, and click OK. </li></ul><ul><li>Once you create the movie clip symbol, you can insert an instance in any keyframe by dragging it from the Library; you can even replace the original animated sequence with an instance. </li></ul><ul><li>Since an instance of a movie clip symbol takes up only a single keyframe in the main Timeline, it is an efficient way to minimize file size. </li></ul>
  7. 7. Advanced Graphics and Animation: Lesson 7, Exercise 64 <ul><li>Use the Movie Explorer to view and organize the contents of a document, to locate an element by name, to locate all instances of a specific symbol, or to select elements in the document. </li></ul><ul><li>The Movie Explorer opens in a panel and displays a hierarchical list of elements currently used in the document. </li></ul><ul><li>Expand or collapse the display to show or hide elements that branch off of other elements. </li></ul>
  8. 8. Advanced Graphics and Animation: Lesson 7, Exercise 64 <ul><li>Motion presets are built-in animations that you can apply to text blocks, graphics, bitmap images, or button symbols. </li></ul><ul><li>Use the Window > Motion Preset menu command to display your choices. In the Motion Preset dialog box, you can click the various presets in the Default Presets folder to see a preview of the motion before you apply it. To add the preset to the selected object, click Apply. </li></ul><ul><li>When you apply an effect to an element, Flash inserts keyframes automatically on the current layer. </li></ul>