FIREWORKS FIREWORKS. macromedia. Patrick Verhaert FIREWORKS MX Patrick Verhaert ISBN: Over het boek:

Transcriptie

1 Over het boek: Waarschijnlijk koos u voor dit boek voor de aanmaak van webillustraties, en nadien de verwerking in Dreamweaver. In het laatste hoofdstuk gaat daarom extra aandacht naar de doorgedreven integratie tussen Fireworks en Dreamweaver. Dit boek is een ideale aanvulling op Dreamweaver MX 2004 Initiatie (ISBN ). Voor wie is dit boek bedoeld? Dit boek is in eerste instantie bedoeld voor niet-graficus die zelf instaat voor het beeldmateriaal op zijn website. Met de technieken uit dit boek maakt u eenvoudige webillustraties professioneel aan, en integreert u ze in een website. Besturingssystemen: Mac OSX Windows De CD-ROM bevat: Trial versies van Dreamweaver, Fireworks, Flash en Contribute Lesmateriaal Links naar websites ISBN: ontwerp: tlook.be Patrick Verhaert studeerde in 1986 af als Industrieel Ingenieur Elektriciteit-Elektronica en is sindsdien als lector verbonden aan de Katholieke Hogeschool Kempen. Als docent digitale technieken raakte hij gefascineerd door de mogelijkheden van het Internet in het onderwijs. Dit resulteerde in de educatieve website DigiTech, waarmee hij verschillende awards behaalde. De laatste jaren heeft Patrick zich volledig omgeschoold tot webdesigner. Naast het ontwikkelen van websites en het verzorgen van Dreamweaver- en Fireworks-opleidingen, was hij mee actief in verschillende multimedia-projecten aan de KH Kempen. Patrick behaalde in 2003 het Macromedia Dreamweaver MX 2004 Developer certificaat. Patrick Verhaert Patrick Verhaert Over de auteur: Volgende onderwerpen komen aan bod: Vector-, bitmap- en tekstobjecten Live effecten Beelden retoucheren Beelden maskeren Bestanden optimaliseren (GIF, JPEG,...) Animaties Hotspots en slices Rollover-effecten en pop-up menu s Productieproces versnellen en automatiseren Dreamweaver Fireworks integratie FIREWORKS D TC ME Fireworks MX 2004 is uitermate geschikt voor het ontwerp van webillustraties. Met talrijke voorbeelden en oefeningen maakt en bewerkt u de verschillende objecten (vectorobjecten, tekst en bitmapobjecten), en combineert u tot één compositie. In het tweede deel ligt de nadruk hoofdzakelijk op de optimalisatie van Fireworksbestanden, zodat u deze later kan verwerken in website. macromedia FIREWORKS MX 2004 FIREWORKS

2 Verhaert, Patrick Macromedia Fireworks MX 2004 / Patrick Verhaert; Geel: Campinia Media vzw, 2004; 213 p; index; 24 cm; gelijmd. ISBN: ; NUGI 854; UDC Wettelijk depot België: D/2004/3941/4 Campinia Media vzw Kleinhoefstraat 4 B 2440 GEEL (Belgium) Tel.: (+32) 014/ Fax: (+32) 014/ <info@campiniamedia.be> URL: < Copyright 2004: No part of this book may be reproduced in any form, by print, photoprint, microfilm or any other means without written permission of the publisher. Niets uit deze uitgave mag worden verveelvoudigd en/of openbaar gemaakt door middel van druk, fotokopie, print, microfilm of op welke andere wijze ook, zonder voorafgaande schriftelijke toestemming van de uitgever.

3 Macromedia Fireworks MX 2004 Ontwerpen van webillustraties voor niet-grafici Macromedia, Dreamweaver, Fireworks, Flash, Contribute 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

4

5 Inhoud 1 Inleiding Nieuw in Fireworks MX Inhoud van het boek Voor wie is dit boek bedoeld? Conventies Systeemvereisten Microsoft-Windows: Mac-OS: 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 Effecten 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...53 Inhoud - 3

6 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 effecten 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 en effecten op bitmapobjecten Bitmapobjecten tekenen Pencil en Brush tool: Paint Bucket en Gradient tool: Eraser tool: Tekenen in combinatie met een selectie: Fireworks MX 2004

7 6 Bitmapobjecten retoucheren Foto's retoucheren met behulp van effecten Effecten: Adjust Color Effecten:Blur Effecten:Sharpen Effecten: Other 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: Export Preview: Export area tool: Andere exportformaten Animated GIF: PNG: WBMP: TIFF: BMP: PICT: Macromedia Flash SWF: Adobe Photoshop PSD: Inhoud - 5

8 8.7.9 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 MX 2004