Fireworks versus Photoshop (webdesign)
Photoshop is reeds jaren ingeburgerd binnen de grafische sector. Het programma is een origineel Adobe-product, ontwikkeld dus door de marktleider in software voor grafische vormgeving. Het is dé designtool bij uitstek. Fireworks blijft sinds jaar en dag het miskende kleine broertje. Onterecht, vind ik. Beide instrumenten vullen elkaar naadloos aan. Hoog tijd dus om de kwaliteiten van Fireworks te belichten. Want ook kleine broertjes worden groot.
Ik werk al meer dan tien jaar met Fireworks, sinds het programma op de markt kwam onder Macromedia. Het zag eruit als Photoshop, het hoorde dus ook zo te werken. Maar daar knelde het schoentje. Efficiënte fotobewerking was toen al geen goede eigenschap van Fireworks. Toch merkte ik na heel wat bestuderen, testen en – vooral – doorzetten dat de toepassing een aantal mogelijkheden heeft die de productiviteit vooruit helpen. Ontwerpen voor het web was eenvoudiger. Handiger. Ik boekte sneller resultaten.
Adobe Creative Suite
De concurrentie tussen Adobe Systems en Macromedia eindigde in 2005 met een overname. Twee jaar later verscheen Adobe Fireworks CS3 op de markt. Een vormvernieuwing zorgde ervoor dat de gebruikersinterface van beide applicaties steeds meer in dezelfde lijn lagen: professioneel en gebruiksvriendelijk, met heel wat functionaliteiten. Al merk je vandaag nog dat Fireworks een buitenbeentje is binnen de grote Adobe-familie.
Het onderwijs benadrukt dat verschil. Elke stagiair die bij Sanmax werkervaring komt opdoen, fronst even de wenkbrauwen zodra ze horen dat wij Fireworks gebruiken als standaardplatform voor webdesign. Docenten drukken Photoshop liever aan de boezem. Heel wat studenten starten bijgevolg met onjuiste assumpties aan hun eerste project. Met verbazend gemak echter, leren ze ermee werken en erkennen ze toch wel wat voordelen.
Voordeel 1: vectoren
Als ik een website-opmaak in Photoshop aanpak, zijn vectoren een bron van teleurstelling. Want binnen Photoshop werkt een vector als een masker. Om correct met vectoren te werken, was je vroeger als designer aangewezen op Illustrator. Fireworks maakt de bewerking van vectoren erg vatbaar. Je kan op elke vector een effect toepassen, aanpassen of verwijderen. De kleuren kan je eindeloos veranderen. Een schaduw onder een button creëren? Geen probleem. Een vector vervagen? Zonder moeite. Alle filters die beschikbaar zijn in Photoshop Live Effects, zijn beschikbaar in Fireworks. Met één verschil: de filters toepassen, aanpassen of verwijderen, werkt een pak eenvoudiger en minder destructief in Fireworks.
Voordeel 2: stijlen
Stel, je hebt een button ontworpen waarop je verschillende effecten hebt toegepast. Om te vermijden dat je voor elke button in de website dezelfde opeenvolging van effecten gaat produceren, maak je een stijl aan. In één muisklik heb je een perfect gestileerd design. Je kan het een beetje vergelijken met CSS stylesheets. Pas de specificaties van de stijl aan en wijzig eensklaps elk grafisch element dat eraan gelinkt is.
Voordeel 3: symbolen
In Flash is een symbool een herbruikbare MovieClip, Button of Graphic. Fireworks integreert een soortgelijk systeem. Zulke symbolen bewijzen hun waarde wanneer je een element meermaals wenst te gebruiken binnen het ontwerp. Bijvoorbeeld een button, of een icoon... Net zoals bij de stijlen is de aanpassing van het symbool voldoende om alle gebruikte instanties ervan te wijzigen. Het bespaart je een hele hoop knip- en plakwerk.
Voordeel 4: pages
Toegegeven, hier maak ik voorlopig nog te weinig gebruik van. Maar Pages biedt een groot organisatorisch voordeel. Al te vaak maak je voor één klant een x aantal ontwerpen. Om een overzicht te bewaren over alle pagina's die je ontwerpt voor een website, gebruik je het Pages-tabblad.
Voordeel 5: kleurverloop
Waar je bij Photoshop (en Illustrator) je kleurverloop steeds opnieuw dient toe te passen, kan je ze in Fireworks interactief bewerken. Naadloos en vrijwel onbeperkt. Naast liniaire en radiale verlopen kan je er heel wat andere kanten mee uit (rechthoekig, kegelvormig, golven,...).
Voordeel 6: segmenteren
De webontwikkelaars bij Sanmax prefereren het segmentgereedschap van Fireworks boven dezelfde tool bij Photoshop. Zodra zij het ontwerp in handen krijgen, is het selecteren en exporteren van hotspots een eenvoudige stap. Ze zetten de lagen naar believen onzichtbaar, voorzien achterliggende beelden (gebruikt voor de achtergrond van een pagina, tekstvlak, menu,...) van een hotspot en exporteren ze naar werkbare webonderdelen.
Webontwerp versus fotobewerking
De beperking in beeldbewerking is de grote reden dat Fireworks geen all-round programma is. Photoshop is en blijft het meest geavanceerde - en bijgevolg meest geschikte - platform voor verregaande beeldtransformaties. Wil je in het ontwerp voor een website een geredigeerde afbeelding plaatsen, blijf dan zeker niet klungelen in Fireworks.
Conclusie
Wat grote broer je helpt maken, kan kleine broer moeiteloos hanteren. “Fireworks versus Photoshop” is bijgevolg misschien niet de beste titel voor deze blogpost. Het impliceert een strijd tussen beide programma's, terwijl het eerder om een samenspel gaat. Een tandem. Want Fireworks en Photoshop zorgen voor dubbele aandrijfkracht in creatief webdesign.
fireworks
photoshop
slicen
design
sanmax
adobe
webdesign
dtp
print
1 reacties tot nu toe
