The Visibooks Guide to Fireworks 8. 2006

8/12/2019 The Visibooks Guide to Fireworks 8. 2006

1/132


2/132

TABLE OF CONTENTS

Table of Contents

Fireworks Basics ............................................ 1

Create GIFs.........................................................................................10

Create JPGs .......................................................................................15

Resize graphics..................................................................................19

Flip and rotate graphics ....................................................................23

Formatting Graphics.....................................33Crop graphics ....................................................................................34

Reduce file size of GIFs.....................................................................43

Reduce file size of JPGs ...................................................................49

Use the Export Wizard.......................................................................53

Change resolution .............................................................................58Lighten/darken graphics ...................................................................62

Creating Graphics ......................................... 71

Draw and paint ...................................................................................72

Create text graphics ..........................................................................86

Replace colors ...................................................................................96

Create shapes ..................................................................................101


3/132

TABLE OF CONTENTSii

Advanced Techniques.................................107Make GIF backgrounds transparent .............................................. 108Enhance and correct graphics ....................................................... 112


4/132

FIREWORKS BASICS

Fireworks Basics

In this section, youll learn how to:

Create GIFs Create JPGs Resize graphics Flip and rotate graphics


5/132

FIREWORKS BASICS2

1. Open a web browser, then go to:www.visibooks.com/books/fw8

Right click the Download Fireworks 8 Fireworks Graphicslink.

2. When the menu appears, click Save Target As.3. When the Save Aswindow appears, navigate to the My

Documents folder.


6/132


7/132

FIREWORKS BASICS4

7. When the My Computerwindow appears, double-click the MyDocumentsfolder to open it.

8. Create a folder called Fireworks Graphicsin the MyDocumentsfolder.


8/132

FIREWORKS BASICS 5

9. Double-click FW8Graphics.zip.

Your screen will look like this:


9/132

FIREWORKS BASICS6

Tip:If your screen doesnt look like above, your computer isnt

opening the .zipfile. Just go to:

www.winzip.com

and download a copy of WinZip. You can install it and use it free

for 21 days.

10. Under Folder Tasks, click Extract All Files.


10/132

FIREWORKS BASICS 7

11. When the Extraction Wizardwindow appears, click thebutton.

12. When the Select a Destinationscreen appears, click thebutton.


11/132


12/132

FIREWORKS BASICS 9

When the Extraction Completescreen appears, click the

button.

The graphics contained in the .zipfile should now be listed in theFireworks Graphicsfolder:


13/132


14/132

FIREWORKS BASICS

2. On the Menu Bar, click File, then Open.

3. When the Openwindow appears, navigate to the Samplesfolder at:

C:\Program Files\Macromedia\Fireworks 8\Samples


15/132

FIREWORKS BASICS12

Save as GIF

1. Double-click FlashLite_Japan.

2. On the Fireworks Menu Bar, click File, then Save As.


16/132

FIREWORKS BASICS

3. When the Save Aswindow appears, navigate to the FireworksGraphicsfolder.

4. In the Save as typedrop-down list, click GIF [*.gif].

5. Click the button.


17/132

FIREWORKS BASICS14

6. Click the graphics button to close it.

7. When the alert window appears, click the button.


18/132

FIREWORKS BASICS

Create JPGs

1. On the Menu Bar, click File, then Open.2. When the Openwindow appears, navigate to the Samplesfolder at:

C:\Program Files\Macromedia\Fireworks 8\Samples

3. Double-click the Data-Driven Graphics Wizardfolder to open it.

4. Double-click the sample_Imagesfolder to open it.


19/132

FIREWORKS BASICS16

5. Double-click the powerfile.

It should open and look like this:


20/132

FIREWORKS BASICS

6. On the Fireworks Menu Bar, click File, then Save As.

7. When the Save Aswindow appears, navigate to the FireworksGraphicsfolder.

8. In the ave as typedrop-down list, click JPEG [*.jpg; *.jpeg;*.jpe].


21/132

FIREWORKS BASICS18

9. Click the button.10. Click the graphics button to close it.

Web graphic file types

GIShort for Graphical Interchange Format. GIF-format graphics areused for most Web graphics. They are limited to 256 colors, butremain sharp.

JPGShort for Joint Photographic Experts Group. JPG-format graphics

are used mostly for photographs. They include millions of colors,but get blurrier each time theyre saved.


22/132

FIREWORKS BASICS

Resize graphics

1. On the Menu Bar, clickFile, then Open.2. Open azalea.jpgfrom the Fireworks Graphicsfolder.

It should look like this:


23/132

FIREWORKS BASICS20

3. Place your cursor on the graphic.

The pixel size is 600 x 398:

This is a bit large for use in a typical Web page.

4. On the Menu Bar, click Modify, Canvas, then Image Size.


24/132

FIREWORKS BASICS 2

5. When the Image Sizewindow appears, type:200

in the Pixel DimensionsWidth box.

Tip:Since the Constrain Proportionscheckbox is checked,

the Heightautomatically adjusts to133.6. Click the button.

Its pixel size is now 200 x 133:


25/132

FIREWORKS BASICS22

7. On the Menu Bar, click File, then Save As.8. In the File namebox, type:

azaleasmall.jpg

9. In the Save as typedrop-down list, click JPEG.

10. Make sure the Fireworks Graphicsfolder shows in the Save inbox.

Then click the button.

11. Close azaleasmall.jpgwithout saving changes.


26/132

FIREWORKS BASICS 2

Flip and rotate graphics

Flip graphics

1. Open azaleasmall.jpgfrom the Fireworks Graphicsfolder.2. Click it.3. On the Menu Bar, click Modify, Transform, then Flip Vertical.


27/132

FIREWORKS BASICS24

It should now appear upside-down:

4. On the Menu Bar, click Edit, then Undo Transform.


28/132

FIREWORKS BASICS 2

The graphic should return to normal orientation:

5. On the Menu Bar, click Modify, Transform, then FlipHorizontal.


29/132

FIREWORKS BASICS26

It should now appear as a left/right mirror image:

6. Close azaleasmall.jpg.When the alert window appears, click the button toclose the graphic without saving changes.


30/132


31/132

FIREWORKS BASICS28

3. On the Menu Bar, click Modify, Canvas, then Canvas Size.

4. When the Canvas Sizewindow appears, type:200in the Height box.


32/132

FIREWORKS BASICS 2

5. Click the button.The graphic should look like this:

6. Close the graphic without saving changes.


33/132

FIREWORKS BASICS30

Practice: Fireworks Basics

1. Open Pocket_PCfrom the Samplesfolder.2. Resize it to a width of200pixels.

Tip:In the Image Sizewindow, make sure theConstrainProportionscheckbox is checked.

3. Save the graphic in the Fireworks Graphicsfolder aspcsmall.gif.


4. Close pcsmall.gif.


34/132

FIREWORKS BASICS 3

1. Open penlight.jpgfrom the Fireworks Graphicsfolder.2. Resize the graphic to a width of 250 pixels.3. Rotate the lighthouse 90 counter-clockwise, so it is standing

upright:

Notice that only part of the graphic is visible.

4. Flip the graphic horizontally so the taller tree is on the right-handside.


35/132

FIREWORKS BASICS32

5. Change the canvas size to fit the graphic.It should look like this:

6. Save the graphic as penlightb.jpgin the Fireworks Graphicsfolder.7. Close penlight.jpgwithout saving changes.


36/132

FORMATTING GRAPHICS 3

Formatting Graphics


Crop graphics Reduce file size of GIFs Reduce file size of JPGs Use the Export Wizard Change resolution Lighten and darken graphics


37/132

FORMATTING GRAPHICS34

Crop graphics

1. Open lantern.jpgfrom theFireworks Graphicsfolder.


38/132


2. On the Menu Bar, click View,Magnification, then 100%

3. In the Tools pane, click the icon.


39/132


4. Place the cursor above the upper left edge of the lantern in thephoto.


40/132


Then click and drag until the cursor is below the lower right edge

of the lantern.


41/132


42/132


6. On the Menu Bar, click Edit, then Crop Document.


43/132


7. Save the file as lanterncrop.jpgin the Fireworks Graphicsfolder.


8. Close lantern.jpgwithout saving changes.


44/132


Practice

1. Open iris.jpgfrom the Fireworks Graphicsfolder.2. Crop around the flower with an oval.

Tip:With the tool showing, click the down arrow, then click

the icon.

3. Click iris.jpg, move the cursor to the upper left of the area youwant to crop, then click and drag.

This should create an oval. Release the mouse button.

4. Copy the graphic to a new window.Tip:On the Menu Bar, click Edit, then Copy.

Then click File, then Newto bring up a new window.


45/132


5. Paste the graphic into the new window.When youre done, it should look something like this:

6. Save the graphic as a JPEG with file name iriscrop.jpgin theFireworks Graphicsfolder.7. Closeiris.jpgwithout saving changes.


46/132


Reduce file size of GIFs

1. Open bee.giffrom the Fireworks Graphicsfolder.2. In its window, click the icon.


47/132


48/132


The panel should open and look like this:

4. Click the Indexed Palette drop down arrow.


49/132


When the list appears, click Web Adaptive.

The Web Adaptive palette

The Web Adaptive palette converts the colors in a graphic to colorsthat work well in Web graphics.


50/132


5. In the Colorsdrop-down list, click .

The original file was 23 Kilobytes.

The new file has been reduced to 13K without a loss of quality.


51/132


6. Click the right-hand graphic.

7. Save it as bee2.gifin the Fireworks Graphicsfolder.8. Close the graphics without saving changes.

Decreasing colors, preserving integrity

When decreasing colors in graphics to reduce file size, there may be

color changes.

In this example, the Web Adaptive option seems to have retained

more of the graphics original coloration.

With other graphics, other methods may work better.


52/132


Reduce file size of JPGs

1. Open sunset.jpgfrom the Fireworks Graphicsfolder.2. In its window, click the icon.

Its file size is 86.65K.

3. In the Optimizepanel, click the Saved Settings drop-downarrow.


53/132


4. When the list appears, click JPEG-Smaller File.

The file size has reduced to 27K:


54/132


5. Click the Qualitydrop-down arrow.

6. Movethe slider down to 50.


55/132


7. Continue to reduce the quality as much as possible withoutmaking the graphic blurry:

8. Click the right-hand graphic, then save it as sunset2.jpgin theFireworks Graphicsfolder.

9. Close the graphics without saving changes.


56/132


Use the Export Wizard

1. Open rockies.jpgfrom the Fireworks Graphicsfolder.2. On the Menu Bar, click File, then Export Wizard.


57/132


3. When the Export Wizardwindow appears, make sure theSelect an export formatradio button is checked.

4. Click the button.5. In the second screen, click the The webradio button.



58/132


The Analysis Resultswindow will appear, explaining the types

of graphics recommended by the wizard:

6. Click the button.


59/132


7. When the Image Previewwindow appears, view the twochoices, JPEGand GIF.

The JPEG is a smaller file size and is smoother than the GIF.


60/132


8. Click the JPEG.


9. Export this graphic as rockiescomp.jpgto the FireworksGraphicsfolder.

10. Close rockies.jpgwithout saving changes.


61/132


Change resolution

1. Open bird.jpgfrom the Fireworks Graphicsfolder.2. On the Menu Bar, click Modify, Canvas, then Image Size.

When the Image Sizewindow appears, note that its resolution is

300 pixels/inch:


62/132


3. Type:72in the Resolutionbox.

4. Click the button.5. Save the graphic as bird72.jpgin the Fireworks Graphics

folder.


63/132


Resolution of Web graphics

Graphic resolution is the spacing of pixels or dots in the graphic. It's

measured in dots (or pixels) per inch (dpi).

A typical computer monitor resolution is 72 dpi. That's all you really

need for Web graphics. Higher resolution doesn't make themsharper, just slower to download.

For printed publications, use graphics at a higher resolution, such as300 or 600 dpi.


64/132


Practice

1. Open hibiscus.jpgfrom theFireworks Graphicsfolder.2. Reduce its file size, using Optimize to reduce the qualityto50

quality.3. Save it as hibiscuscomp.jpgin the Fireworks Graphicsfolder.

The graphic should look as much like the original as possible,but have a smaller file size.

4. Close the graphics without saving changes.


65/132


Lighten/darken graphics

Lighten graphics

1. Open lincoln.jpgfrom the Fireworks Graphicsfolder.Tip:Notice that this graphic is too dark to see whats in the

photograph.

2. On the Menu Bar, click Filters, Adjust Color, thenBrightness/Contrast.

3. When the Brightness/Contrastwindow appears, type:50

in the Brightnessbox.


66/132


4. In the Contrastbox, type:30

5. Make sure the Preview box is checked.


67/132


6. Click the button.The new graphic should look like this:

7. Save the graphic as lightlincoln.jpgin the Fireworks Graphicsfolder.

8. Close lightlincoln.jpg.


68/132


Darken graphics

1. Open peony.jpgfrom the Fireworks Graphicsfolder.2. On the Menu Bar, click Filters, Adjust Color, then

Brightness/Contrast.

3. When the Brightness/Contrastwindow appears, type:-70

in the Brightnessbox.

Then type:

50

in the Contrastbox.


69/132


4. Click the button.Notice that the flower is more prominent in the photo, and the

leaves have been darkened to form a subtle background.

5. Save the graphic as darkpeony.jpgin the Fireworks Graphicsfolder.

6. Close darkpeony.jpg.


70/132


Practice: Formatting Graphics

1. Open bowls.jpgfrom the Fireworks Graphicsfolder.2. Increase the Brightness and Contrast until the graphic can be

viewed.

It should look something like this:

3. Save the graphic as lightbowls.jpgin the Fireworks Graphicsfolder.4. Close bowls.jpgwithout saving changes.


71/132


1. Open pots.jpgfrom the Fireworks Graphicsfolder.2. Decrease the Brightness and adjust the Contrast until the glare

from the flash has been reduced.

It should look something like this:

3. Save the graphic as darkpots.jpgin the Fireworks Graphicsfolder.

4.Close darkpots.jpg.


72/132


1. Open dinosaur.jpgfrom the Fireworks Graphicsfolder.2. Adjust the Brightness setting to 50.3. Adjust the Contrast setting to 20.4. Set the image width to500pixels.5. Optimize the file size to JPEG-Smallerfile with a Quality of 60.


6. Save the graphic as dinosaursmall.jpgin the FireworksGraphicsfolder.

7. Close dinosaursmall.jpg.


73/132



74/132

CREATING GRAPHICS 71

Creating Graphics


Draw and paint Create text graphics Replace colors Create shapes


75/132

CREATING GRAPHICS72

Draw and paint

Create a graphic background

1. On the Menu Bar, click File, then New.2. When the New Documentwindow appears, type:

400

in the Widthbox.


76/132


3. In the Height box, type:400

4. In the Resolutionbox, type:300


77/132

CREATING GRAPHICS74

Tip:Keep the resolution set higher as you are working with

JPGs. This prevents them from getting blurry.

5. Under Canvas Color, click the Whiteradio button.

6. Click the button.7.

Save the graphic in the Fireworks Graphicsfolder asbackground.jpg.

8. Leave background.jpgopen.


78/132


Use the Paint Brush


2. In the Properties pane, type:20

in the Tip Size box.


79/132

CREATING GRAPHICS76

3. Click the Stroke Category drop-down arrow.

4. When the list appears, click Calligraphy, then Basic.

5. Click and hold your mouse button as you draw a triangle with thisbrush shape.

Notice that this resembles the brush shape used in Calligraphy.


80/132


6. Practice drawing the letters of your name.It should look something like this:

Tip:You can change the brush color, shape, and size as you

continue to draw.

7. Save this graphic as calligraphy.pngin the FireworksGraphicsfolder.

8. Keep calligraphy.pngopen.


81/132

CREATING GRAPHICS78

Use Zoom view

1. On the Menu Bar, click View, Magnification, then 400%.

You can now see the individual pixels in your drawing:


82/132



3. Click the graphic to make single pixel marks.


83/132

CREATING GRAPHICS80

4. On the Menu Bar, click File, then Save as.5. Save this graphic as zoom.pngin the Fireworks Graphics

folder.

6. Close zoom.png.


84/132

CREATING GRAPHICS 8

Fill with color

1. Open background.jpgfrom the Fireworks Graphicsfolder.2. In the Tools pane, click the icon.

3. Click the mouse button and hold it down while you draw an oval.

Make sure you close the oval.


85/132

CREATING GRAPHICS82


5. Click the icon next to the icon.

6. When the color grid appears, click Red.


86/132


7. Click inside the oval.

The entire oval should now be red:

Tip:If the entire background fills with color, click Edit, Undoon

the Menu Bar and re-draw the oval.

8. Save this graphic as red.jpgin the Fireworks Graphicsfolder.9. Close red.jpg.


87/132

CREATING GRAPHICS84

Practice

1. Open background.jpgfrom the Fireworks Graphicsfolder.2. Using the icon with a Blackcolor and 2 pixel width line size,

draw the outline of a house.

Your drawing should look something like this:

3. Save the drawing as house.png.


88/132


4. Fill the house with a blue color.It should look something like this:

5. Save the graphic as newhouse.pngin theFireworks Graphicsfolder.

6. Close newhouse.png.


89/132

CREATING GRAPHICS86

Create text graphics

1. Open canyon.jpgfrom the Fireworks Graphicsfolder.2. In the Tools pane, click the icon.


90/132


3. In the Propertiespane, in the Font drop-down list, click Arial.


91/132

CREATING GRAPHICS88

4. Click the Size drop-down arrow, and move the slider to 24.

5. Click the icon.

6. When the color grid appears, click White.


92/132


7. In the Anti-Aliasing level drop-down list, click Smooth Anti-Alias.

8. Click canyon.jpg.

Anti-aliasing

Anti-aliasing makes text smooth at low resolutions, such as in 72 dpiWeb graphics.

Without anti-aliasing, text will have jagged edges. Anti-aliasing

requires Grayscale or 24 Bit color to work.


93/132

CREATING GRAPHICS90

9. When the text box appears, click in it.

Then type:

The Colorado River at the bottom


94/132

CREATING GRAPHICS 9

10. Press the ENTERkey on your keyboard, then type:of the Grand Canyon in Arizona

The graphic should look like this:


95/132

CREATING GRAPHICS92

Reposition text

1. On the Menu Bar, click Modify, Transform, then FreeTransform.


96/132


2. Move the cursor over the text.The cursor should turn into a 4-pointed cross.


97/132

CREATING GRAPHICS94

3. Click the text and drag it until its centered at the top of thepicture.

4. Save the graphic as canyontitle.jpgin the Fireworks Graphicsfolder.

5. Close canyontitle.jpg.


98/132


Practice

1. Open ocean.jpgfrom the Fireworks Graphicsfolder.2. Click the icon, then set the text to Times New Roman, size

18, centered.

3. Set the text color to Dark Blue.4. Add this text to the center of the sky in the photo:

On your next vacation, why not enjoy a trip to the beach?

The graphic should look like this:

5. Save the graphic as oceantext.jpgin the Fireworks Graphicsfolder, then close ocean.jpg.


99/132

CREATING GRAPHICS96

Replace colors

1. Open butterfly.jpgfrom the Fireworks Graphicsfolder.2. In the Tools pane, click the icon.

Tip:The icon may not be visible.

If it isnt, click the icon, then clickReplace Color tool (S).


100/132


3. In the Properties pane, click the icon.

4. When the eyedropper appears, move the eyedropper over thegraphic.

Then click the blue in the butterflys wings.


101/132

CREATING GRAPHICS98

5. Click the icon.

6. When the color grid appears, click Yellow.

7. In the Propertiespane, enter these options:Shape: Round brush tip

Size: 25Tolerance: 50

Strength: 200


102/132


8. Make sure theColorizecheckbox is not checked.

9. Click and drag the cursor over the butterflys wings.


103/132

CREATING GRAPHICS100

The blue of the wings is changed to yellow, while the black

outline and background colors remain the same:

10. Save the graphic as yellowbutterfly.jpgin the FireworksGraphicsfolder.

11. Close yellowbutterfly.jpg.


104/132


Create shapes

1. Open background.jpgfrom the Fireworks Graphicsfolder.2. In the Tools pane, click the icon.

Tip:If you dont see the polygon shape, one of the other shapes

may be showing.

Just click the down arrow to get the menu, then click Polygon

tool.


105/132


3. In the Propertiespane, click Anti-Aliasin the Edgedrop-downlist.

4. Click the icon.When the color grid appears, click Red.

5. Click the Opacity drop-down arrow, then move the slider up to100.


106/132


6. Place the cursor on the empty graphic, then click and dragoutward to draw a pentagon.


107/132


7. When the pentagon is large enough, release the mouse button.The graphic should look like this:

8. Save the graphic as redpentagon.jpgin the FireworksGraphicsfolder, then close it.


108/132


Practice: Creating Graphics

1. Open fish.jpgfrom the Fireworks Graphicsfolder.2. Replace the color of the fish with Fuschia.

Tip:To get the best color coverage, select these settings:

Shape: Round brush tipSize: 25Tolerance: 50

Strength: 200

3. Replace the color of the green sea anemones throughout thephoto with Aqua.

4. Add this text to the photo:Under the Sea

Put it in the Brush Scriptfont (or another decorative font), size45.

Make the font color Yellow.


109/132


5. Position the text in the upper left-hand section of the photo.The graphic should look similar to this:

6. Save the graphic as fishcolor.jpgin the Fireworks Graphicsfolder, then close fish.jpg.


110/132

ADVANCED TECHNIQUES 107

Advanced

Techniques


Make GIF backgrounds transparent Enhance and correct graphics


111/132

ADVANCED TECHNIQUES108

Make GIF backgrounds transparent

1. Open bee.giffrom the Fireworks Graphicsfolder.Tip:JPGs cannot be made transparent, only GIFs can.

2. In the Optimizepanel, click the No Transparencydrop-downmenu.


112/132


3. Click Index Transparency.

4. Above the graphic, click the icon.

The gray and white checkered area represents the new

transparent background.


113/132


5. Save the graphic as bee-trans.gifin the Fireworks Graphicsfolder.

6. Close bee-trans.gif.The background of this GIF will blend in against light-coloredWeb page backgrounds.

Tip For a GIF to blend in against dark-colored Web pagebackgrounds, its own background must start out dark before youmake it transparent.


114/132


Practice

1. OpenYellowmoth.giffrom the Fireworks Graphicsfolder.2. Make the background transparent.3. Preview the graphic to make sure the background is transparent.

The graphic should show the checkered transparent background.

4. Save the graphic as yellowmothtrans.gifin the FireworksGraphicsfolder.5. Close yellowmothtrans.gif.


115/132


Enhance and correct graphics

Use the Clone tool

1. Open heritage1.jpgfrom the Fireworks Graphicsfolder.Tip:Notice the damaged areas of the photograph along the left

and right sides.



116/132


3. In the Propertiespane, enter these options:Size: 12

Edge: 13Source aligned: checkedBlend Mode: NormalOpacity: 100

The cursor turns into a diamond shape:


117/132


4. Near the damaged area on the left side of the graphic, click theundamaged area.

The cursor turns into a crosshair with a circle over it.


118/132


5. Move the mouse.You will see two pointers:

The cross hair picks up the area to be cloned.

The blue circle copies the area when you click it.

6. Move the blue circle, then click to repair the area you selected.


119/132


7. Continue moving and clicking to repair damaged areas.The graphic should look something like this:

8. Save the graphic as heritage1b.jpgin the Fireworks Graphicsfolder.

9. Close heritage1b.jpg.


120/132


Sharpen graphics

1. Open roses.jpgfrom the Fireworks Graphicsfolder.2. On the Menu Bar, click Filters, Sharpen, then Sharpen.

The graphic should become crisper along the edges:

3. Save the graphic as rosesharp.jpgin the Fireworks Graphicsfolder.


121/132


4. Close rosesharp.jpgwithout saving changes.


122/132


Retouch photos

1. Open church.jpgfrom the Fireworks Graphicsfolder.2. In the Tools pane, click the icon.

Tip:If you dont see it, look for any of the tools shown below:

and click in the list.


123/132


3. In the Propertiespane, enter the following options:Size: 35

Edge: 100Pressure: 15

4. Click the icon.

Then move the cursor to the area in the photo that needs

correcting.


124/132


5. Click to select that color.Start with the sky:

6.Move the cursor to the sky in the photograph.


125/132


7. Click the mouse button and hold it down as you blend the spotsinto the background of the sky.


126/132


127/132


Practice

1. Open heritage2.jpgfrom the Fireworks Graphicsfolder.2. Use the tool to remove the lamp in the upper left of the

photograph.

Tip:Try using these settings for the tool:Size: 35Edge: 100Pressure: 15

3. Remove the scratch near the bottom left of the photograph withthe same process.



128/132


4. Save it as heritage2b.jpgin the Fireworks Graphicsfolder.5. Close heritage2b.jpg.


129/132


Practice:

Advanced Techniques

1. Open thinker.jpgfrom the Fireworks Graphicsfolder.2. Rotate the graphic 90 Clockwise.3. Resize it to a width of 250 pixels.4. Make it fit the canvas.5. Adjust Brightness/Contrast to settings of Brightness 35and

Contrast 10.



130/132


131/132


132/132

Where to Get Visibooks

If you liked using this book, and would like to use more like it, visit:

www.visibooks.com

Visibooks offers more than 30 titles on subjects such as:

Computer Basics Microsoft Office Desktop Linux OpenOffice.org Web Site Layout Web Graphics Web Programming