Fireworks MX: Zero to Hero. Joyce J. Evans Charles E. Brown

Transcription

1 Fireworks MX: Zero to Hero Joyce J. Evans Charles E. Brown

2 Fireworks MX: Zero to Hero 2002 Apress Originally published by Friends of ED in 2002 AU rights reserved. No part of this book may be reproduced, stored in a retrieval system or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embodied in criticat articles or reviews. The authors and publisher have made every effort in the preparation of this book to ensure the accuracy of the information. However, the information contained in this book is sold without warranty, either express or implied. Neither' the authors, friends of ED nor its dealers or distributors will be held liable for any damages caused or alleged to be caused either directly or indirectly by this book. First Printed October 2002 Trademark Acknowledgements ISBN ISBN (ebook) DOI /

3 - " II"" " ~. ~ ~ ; ~ "? ~ :A. J l 6,. - t ( : ~ ' ~ ' ~ ;JJ.J;. i ~.. c 'Ii"'.)'..,& C:. ~ Fireworks MX: Zero to Hero.. Credits Authors Joyce J. Evans Charles E. Brown Additional Material Alan McCann Dan Maharry Commissioning Editor Lumbotharan Thevathasan Graphic Editors Ty Bhogal Matt Clark Technical Editors Jake Manning James Robinson Victoria Blackburn Libby Hayward Elizabeth Scott Alan McCann Author Agent Laura Jones Project Manager Vicky Idiens Reviewers Anna Mayes Steve McCormick Louis Benjamin Ayo Binitie Nathaniel Renouf Todd Simon Steve Cox John Williams Vibha Roy Indexer Simon Collins Proof Reader Melanie Orgee Managing Editor Sonia Mullineux

4 Joyce J. Evans Is a training veteran with over 10 years of experience in educational teaching, tutorial development, and Web design. She has received Editors Choice Awards for her Fireworks 4 FIX and Design book and has authored several computer books including Dreamweaver MX Complete Course and soon to be released Macromedia Studio MX Bible. Joyce is a Team Macromedia Volunteer and her work can also be found in the Macromedia Design/Developer center.

5 Charles Brown Resides in northern NJ and holds a doctorate in music. He has studied with Igor Stravinsky, organist Virgil Fox, and pianist Vladimir Horowitz and made his debut with Leonard Bernstein. Because of his work with Stravinsky, he had a close association with artist Pablo Picasso. In 1981 he transferred his creative skills to computers and now does web designs for major corporations. He is also a busy trainer conducting nearly 100 workshops per year and is a frequent speaker at conferences.

6 Dan Maharry Was born in a small seaside town recently notable only for the BBC blowing up a bus on its harbour and for being the birthplace of artist and enfant terrible Tracy Emin. While this may have hindered others, Dan has used this foundation to come to Birmingham, England, a city famous for only one thing - the exit. Here he ponders life, the next words he'll shove in this bio, and his ever present list of things to do from a small flat with a large stereo and several hundred CDs, which multiply like rabbits despite their inanimate nature. It's possible they may be breeding with the DVDs on the shelf above too. His neighbors live in the constant hope that he'll actually get better on his guitar at some point in time. Previously a student at the University of Manchester Institute of Science and Technology studying Maths and Computers, Dan logically spent 95% of the time working for three of the student newspapers writing almost exclusively on film and rock music. He has come to the conclusion that it's much easier to meet rock stars than actors. Alan McCann lms.com Has been a full-time friend of ED for almost two years now. After graduating with a Media degree he found his spare time activities of writing and web designing, not his passion for film, to be his best route into a career, and has never looked back. Since then he has written for the friends of ED DVision imprint. satisfying his love for the moving image, and also continues to create and develop websites for a wide range of purposes. Since discovering Fireworks with version 4, it has fast become his most essential creative tool and his first fully Fireworks-designed web interfaces can be found at and

7 Welcome The structure of the book What you'll need Conventions... 3 Download Files Support - we're here to help... 4 Section 1 1 Web Graphics Be the Fireworks MX interface 7 Using images on the Web Vector and Bitmap graphics Image file formats The Fireworks MX interface Configuring the interface Creating a new document The context-sensitive Property inspector Creating content: tools and colors 29 The Tools panel Basic Vector tools Bitmap tools Advanced vector tools Canvas tools Working with color The Color Tools Understanding color modes Understanding color palettes Picking a color to work with Organizing your colors More fu n with fills Creating your own gradient Adding effects Introducing styles

8 73 Object properties Laye rs Manipulating objects Rulers Guides Grids Ordering objects Grouping Copying an object Blending Modes Symbols Creating a symbol Editing a symbol Object behavior: interactivity 97 Behaviors Common behaviors in Fireworks MX Hotspots Editing hotspots Image maps vs. navigation bars Slices Swapping Images Slice Types Export Settings Exporting Slices Button symbols The Button library The URL library Pop-up menus How to create pop-up menus Optimization and Exporting 129 Using the Optimize panel to optimize your projects Creating custom settings Creating your own presets Previewing our settings JPEG Formats ,

9 ~. '-'1 - ~ '-iii ' 1 ~, ~ ~ --.,.r; ' Q ~ ~ ' - y ' ~.t ~ ~ ~. r ~. ~, ~.-. tlj. Exporting in Fireworks Exporting slices Exporting frames and layers Exporting selected areas Using the Export Preview The optimizing and exporting Wizards Exporting HTML The Quick Export button Exporting XHTML C5S layers Animation 147 Animation principles Producing a basic animation Using symbols and producing keyframe animation How to use animation symbols to produce animation Tweaking your animations The onion-skinning technique Duplicating and distributing frames Frame delay Special effects Exporting your animations Section 2 7 Working with Vectors 163 Making tabs A tab with round and square corners A tabbed folder Make an L shape with a curve Drawing a heart shape Making a decorative ornament Creating the small spheres with highlighting Preparing all the spheres Making the basic shape Adding depth to the basic shape Putting the ornament together Editing paths with vector editing tools Freeform tool Reshape Area tool

10 8 Spectacular Text Effects 183 Using the Text tool and the Property inspector Character and lines spacing Setting direction and orientation Setting alignment Smoothing text edges Setting paragraph spacing Converting text to a path Cutting text out of an image Placing text on a circular path Pasting an image inside text on a path Text effects Making great 3D text Metal text Filling text with an image Gold text with custom bevel Creating a reflection Producing clear small type Adding copyright and trademark symbols Retouching and Enhancing Color 215 Using a scanner and digital camera Determining your resolution Cleaning your scanner Making a scan Shooting with a digital camera Removing artifacts from a black and white scan Reading the histogram Setting the highlights and shadows with the eyedropper Anti-aliasing and reducing colors Changing colors in a bitmap logo without a selection Using effects to change colors Colorizing a grayscale image Image modification Adjusting the color tone Removing the hand Repairing the wall Remove JPEG artifacts

11 I ~ ~ ~ I ' i ) ~ ~ ~. "11' ~ : ~. ~ _ ~_. -. L '_ t 1 } JY.,f Adding an edge Change the shirt's color Image composition Making a background Adding texture and lines for interest Adding buttons Adding text ~ ' f. \' l ~ ~ -.:$S - I ~ " Table of C!tents.- 10 Creating Interfaces 239 Make a metal button Making a symbol of the metal button Making a navigation bar Exporting the nav bar Pop-up menus Considerations Building the pop-up menu Exporting the pop-up menu nav bar Creative interfaces and navigation The birdhouse Using hotspots Making disjointed rollovers Animation Creating an animated banner ad Making sliding buttons Section 3 11 Extensibility and Automation 271 Extensibility in Fireworks MX Macromedia Extension Manager Macromedia Exchange The Commands menu Creative Commands Non-creative Commands User-defined Commands Using the History panel More automation tools Find and Replace Batch processing graphic files Creating your own extensions

12 ~.! p - ~ - ~ ~ Integrating Firework.s MX with Dreamweaver MX 299 Getting started in Fireworks Building the gradient page background Using Combine tools to create complex shapes Using bitmap selections to mask images Creating the composite image Vector masking and paste as mask Usi ng blend modes, opacity, and effects on bitmaps Creating the fade Slicing and optimizing the graphics Exporting the graphics Building the page in Dreamweaver MX Building the page layout The hybrid table The nested tables Adding content to the page Cascading Style Sheets and the background image Creating embedded styles About browser compatibility Placing content over a background image Modifications Index 327