Macromedia Fireworks MX Macromedia, Dreamweaver, Fireworks, Flash en FreeHand zijn handelsmerken of gedeponeerde handelsmerken van Macromedia, Inc. in de Verenigde Staten en/of andere landen. Alle overige handelsmerken en merknamen zijn eigendom van hun respectieve eigenaars. 1
Inhoud 1 Introductie...7 1.1 Nieuw in Fireworks MX...7 1.2 Conventies....8 1.3 Systeemvereisten...8 Microsoft-Windows:...8 Macintosh-OS:...8 1.4 Lesmateriaal bij deze cursus...9 1.5 De help-functie....9 1.6 Tips voor Adobe Photoshop gebruikers...10 2 Werkomgeving...11 2.1 Lay-out van het programma...11 Het werkblad (1):...11 Het Tools palet (2):...12 Het Properties palet (3):...12 De overige paletten (4):...12 2.2 Bitmap- vs. vector-objecten...15 2.3 Objecten en layers....18 2.4 Het canvas....21 2.5 Het kleurenpalet....24 2.6 Linialen, grid en hulplijnen...27 3 Vector-objecten....29 3.1 Overzicht van de verschillende gereedschappen (tools)...29 3.2 Een nieuw object aanmaken....30 3.3 Eigenschappen van een object....30 Effecten:...31 Menging (Blending):...33 3.4 De pen tool....33 Rechte lijnen tekenen:...34 Lijnen met een richtingscoëfficiënt:...34 Bézier-punten toevoegen:...34 Van gebogen naar rechte curves:...34 Bézier-punten verwijderen:...35 Van rechte naar gebogen curves:...35 Bézier-punt verplaatsen:...35 Richtingscoëfficiënt van een Bézier-punt aanpassen:...35 Verschillende richtingscoëfficiënten in één Bézier-punt:...36 3.5 Objecten groeperen...36 3.6 Objecten binnen een groep selecteren....37 Inhoud - 3
3.7 Objecten samenvoegen....38 Union:...38 Intersect:...40 Puch:...41 Crop:...41 Join en Split:...42 3.8 Objecten vervormen....42 4 Tekst-objecten....45 4.1 Tekst toevoegen....45 4.2 Overzicht van de verschillende eigenschappen....45 4.3 Teksteigenschappen bewaren...46 4.4 Tekst-object vervormen....46 4.5 Tekst aan een vector-object verbinden...47 4.6 Tekst naar een pad converteren...50 5 Bitmap-objecten...51 5.1 Een bitmap-object importeren....51 Open:...51 Import:...51 Drag en drop:...51 5.2 Van vector naar bitmap-object....52 5.3 Overzicht van de verschillende gereedschappen...53 5.4 Bitmap-objecten en live-effecten....54 5.5 Een gebied binnen een bitmap-object selecteren....54 Marquee tool:...54 Lasso en Polygon Lasso tool:...56 Magic Wand tool:...56 5.6 Een selectie binnen een bitmap-object manipuleren....57 Een selectie ongedaan maken:...57 Een deel van de selectie verwijderen:...57 Een selectie verplaatsen:...57 De inhoud van een selectie verplaatsen:...58 De inhoud van een selectie dupliceren :...58 Een inverse selectie maken:...58 Een selectie met enkele pixels vergroten of verkleinen:...58 Enkel de rand van een selectie selecteren:...58 Een selectie bewaren :...58 5.7 Bitmap-objecten en filters...59 5.8 Bitmap-objecten tekenen...61 Pencil en Brush tool:...61 Paint Bucket en Gradient tool:...62 Eraser tool:...62 Tekenen in combinatie met een selectie:...63 Een nieuw bitmap-object aanmaken:...64 4 - Fireworks MX
6 Bitmap-objecten retoucheren....65 6.1 Live-effecten...65 Adjust Color:...65 Blur:...70 Sharpen:...70 Convert to Alpha:...71 Find Edges:...71 6.2 Filters...72 6.3 Overige tools....72 Blur en Sharpen tool:...73 Dodge en Burn tool:...73 Sharpen tool:...73 Smudge tool:...73 Rubber Stamp tool:...74 6.4 Gescande beelden ontrasteren....75 7 Maskers...77 7.1 Maskeren met een vector-object....78 7.2 Maskeren met een tekst-object....81 7.3 Maskeren met een bitmap-object....82 7.4 Masker en gemaskeerd object verplaatsen...83 7.5 Masker en gemaskeerd object van elkaar scheiden....84 7.6 Masker verwijderen....84 8 Bestanden optimaliseren en exporteren...85 8.1 Het GIF-formaat....86 8.2 Het JPEG-formaat....92 8.3 Progressive JPEG en Interlaced GIF...95 Progressive JPEG:...95 Interlaced GIF:...95 8.4 Optimalisatie-instellingen bewaren....95 8.5 GIF of JPEG?...96 8.6 Een afbeelding exporteren....98 Optimize en Export:...98 Export Preview:...98 Export area tool:...98 8.7 Andere exportformaten...99 Animated GIF:...99 PNG:...99 WBMP:...99 TIFF:...99 BMP:...99 PICT:...100 Macromedia Flash SWF:...100 Adobe Photoshop PSD:...100 Adobe Illustrator 7:...100 Inhoud - 5
9 Animaties....101 9.1 Werken met symbolen...101 9.2 Frames....104 9.3 Animatie met symbolen....104 9.4 Animatie met onafhankelijke objecten....110 9.5 Animated GIF exporteren...110 9.6 Animated GIF openen in Fireworks...111 10 Hotspots en Slices....113 10.1 Imagemaps en hotspots....113 10.2 Slices....117 10.3 Fireworks-HTML importeren in Dreamweaver...120 10.4 Een eenvoudige roll-over...121 10.5 Slices in het Preview venster...124 10.6 Behavior aanpassen en verwijderen....125 11 Knoppen en pop-up menu's...127 11.1 Knoppenbalk...127 11.2 Voorgedefinieerde knoppen....132 11.3 Pop-up menu....133 11.4 Pop-up menu in combinatie met frames...138 12 Productieproces versnellen...141 12.1 Zoek en vervang...141 12.2 Batch processing...144 12.3 Data-Driven Graphics Wizard...149 12.4 Reconstitute Table...154 13 Het Answers palet....157 13.1 Extensions...157 14 Dreamweaver MX- Fireworks MX integratie...159 14.1 Dreamweaver configureren....159 14.2 Over de website....161 14.3 Achtergrond voor de website ontwerpen....162 In Dreamweaver:...164 14.4 De hoofding aanmaken....165 In Fireworks:...165 In Dreamweaver:...168 14.5 De navigatiebalk ontwerpen....169 In Fireworks:...169 In Dreamweaver:...171 In Fireworks:...173 In Dreamweaver:...175 Index...177 6 - Fireworks MX