Macromedia Fireworks 8

Transcriptie

1 Macromedia Fireworks 8 Ontwerpen van webillustraties voor niet-grafici Versie januari 2006 Macromedia, Dreamweaver, Fireworks, Flash, Contribute, FlashPaper 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. Speciale dank aan Lieve, Hilde en Guy voor hun meer dan gewaardeerde medewerking. 1

2

3 Inhoud 1 Inleiding Nieuw in Fireworks Inhoud van het boek Voor wie is dit boek bedoeld? Conventies Systeemvereisten Microsoft-Windows: Mac-OSX: Lesmateriaal bij dit handboek Lesmateriaal installeren op PC Lesmateriaal installeren op Macintosh De helpfunctie Extensies Tips voor Adobe Photoshop gebruikers Bronnen Werkomgeving Lay-out van het programma...17 Het werkblad (1):...17 Het Tools palet (2):...18 Het Properties palet (3): Bitmap- vs. vectorobjecten Objecten en layers Het canvas Het kleurenpalet Linialen, grid en hulplijnen Resolutie van naderbij bekeken Vectorobjecten Overzicht van de verschillende gereedschappen (tools) Een nieuw object aanmaken Eigenschappen van een object Basiseigenschappen Filters Het styles palet Menging (Blending) De pen tool Rechte lijnen tekenen: Lijnen met een richtingscoëfficiënt: Bézierpunten toevoegen: Van gebogen naar rechte curves: Bézierpunten verwijderen: Van rechte naar gebogen curves: Bézierpunt verplaatsen: Richtingscoëfficiënt van een Bézierpunt aanpassen: Verschillende richtingscoëfficiënten in één Bézierpunt: Objecten groeperen Objecten binnen een groep selecteren Objecten combineren...54 Inhoud - 3

4 3.7.1 Union: Punch: Crop: Join en Split: Objecten vervormen Werken met symbolen Voorbeelden Aqua buttons Vectorieel Fireworks logo Fotokader Tekstobjecten Tekst toevoegen Overzicht van de verschillende eigenschappen Teksteigenschappen bewaren Tekstobject vervormen Tekst aan een vectorobject verbinden Tekst naar een pad converteren Voorbeelden Saturnus Tekst rond foto Bitmapobjecten Een bitmapobject importeren Open: Import: Drag en drop: Van vector- naar bitmapobject Overzicht van de verschillende Select tools Bitmapobjecten en filters Een gebied binnen een bitmapobject selecteren Marquee tool: Lasso en Polygon Lasso tool: Magic Wand tool: Een selectie binnen een bitmapobject manipuleren Een selectie ongedaan maken: Een deel van de selectie verwijderen: Een selectie verplaatsen: De inhoud van een selectie verplaatsen: De inhoud van een selectie dupliceren : Een inverse selectie maken: Een selectie met enkele pixels vergroten of verkleinen: Enkel de rand van een selectie selecteren: Een selectie bewaren : Filters op bitmapobjecten Een selectie naar een vectorobject converteren Bitmapobjecten tekenen Pencil en Brush tool: Paint Bucket en Gradient tool: Eraser tool: Tekenen in combinatie met een selectie: Fireworks 8

5 6 Bitmapobjecten retoucheren Foto's retoucheren met behulp van een Live filter Filters: Adjust Color Filters:Blur Filters:Sharpen Filters: Other Menu:Filters Overige tools Blur en Sharpen tool Dodge en Burn tool Smudge tool Rubber Stamp tool Replace Color tool Red Eye Removal tool Gescande beelden ontrasteren Voorbeeld Gescande postkaart bijwerken Maskers Maskeren met een vectorobject Maskeren met een tekstobject Maskeren met een bitmapobject Masker en gemaskeerd object verplaatsen Masker en gemaskeerd object van elkaar scheiden Masker verwijderen Voorbeelden Gesofisticeerd tekstmasker Gekleurde pepers Gedeeltelijke lijntekening Bestanden optimaliseren en exporteren Het GIF-formaat Het JPEG-formaat Progressive JPEG en Interlaced GIF Progressive JPEG: Interlaced GIF: Optimalisatie-instellingen bewaren GIF of JPEG? Een afbeelding exporteren Optimize en Export: Image Preview: Export area tool: Save As: Andere exportformaten Animated GIF: PNG: WBMP: TIFF: BMP: PICT: Macromedia Flash SWF: Inhoud - 5

6 8.7.8 Adobe Photoshop PSD: Adobe Illustrator 7: Animaties Frames Animatie met symbolen Animatie met onafhankelijke objecten Animated GIF exporteren Animated GIF openen in Fireworks Animated GIF of Flash banner Oefening Saturnus Hotspots en Slices Imagemaps en hotspots Slices Fireworks-HTML importeren in Dreamweaver Een eenvoudige rollover Slices in het Preview venster Behavior aanpassen en verwijderen Knoppen en pop-up menu's Knoppenbalk Voorgedefinieerde knoppen Pop-up menu Pop-up menu in combinatie met frames Productieproces versnellen Zoek en vervang Batch processing Data-Driven Graphics Wizard Reconstitute Table Dreamweaver - Fireworks integratie Dreamweaver configureren Fireworks als Primary Editor instellen Over de website Achtergrond voor de website ontwerpen De hoofding aanmaken De navigatiebalk ontwerpen Index Fireworks 8