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