Introduktion till Fireworks

1. Vad är Fireworks?

Fireworks är ett program jag varmt kan rekommendera. Jag har använt det i flera år och tycker det är lättare att använda än motsvarande produkter från andra programvaruföretag. Det är intuitivt och kompetent och jag skulle inte kunna vara utan det.

Eftersom det är gjort enbart för att skapa webbgrafik med, är det inte det enda programmet man behöver. Vill man kunna skapa tryckbara bilder är Fireworks ett dåligt alternativ.

Programmets största konkurrent på marknaden är just nu Adobes ImageReady, som kommer ihop med Photoshop. Tidigare kunde man köpa ImageReady separat, men om jag förstått rätt går inte det längre.

Man kan göra i stort sett samma saker i ImageReady som i Fireworks, men med skillnaden att ImageReady bygger på att man arbetar med pixlar, medan Fireworks bygger på vektorprincipen. Vi skall titta lite närmare på det strax.

Den bästa kombinationen är Fireworks tillsammans med Photoshop. ImageReady behöver man alltså inte installera. Men Photoshop är otroligt dyrt, mer än 10.000 kronor för nyköp, vilket inte är så kul. Skulle jag därför behöva köpa ett enda program, skulle det bli Fireworks. Programmet kostar nämligen "bara" knappt 3.000 kronor.

De första sidorna är skrivna medan Fireworks 3 var standard. Under våren 2001 kom en ny version av programmet ut, nummer 4, som jag kommer att ta upp på senare sidor. Grunderna är dock desamma i båda versionerna.

Våren 2001 kom också en ny version av Photoshop, nummer 6 närmare bestämt, samt version 3 av ImageReady. Båda är ännu mer anpassade efter webben, men är fortfarande långt ifrån lika lätta att arbeta med som Fireworks.

2. Fireworks vs Photoshop

För dig som har arbetat mycket i Photoshop, kan Fireworks kännas annorlunda. I Photoshop och ImageReady arbetar man nämligen med olika lager och allt man gör sker inom de markeringar man skapat.

I Fireworks är det dock i första hand vektorer som gäller. Vektorgrafik kan du läsa mer om på mina sidor om olika slags bildtyper. Det finurliga med Fireworks är att det arbetar i PNG-formatet, som möjliggör vektorer, men väldigt lätt exporterar till andra format, t.ex GIF eller JPEG.

Bilden visar ett enkelt ritobjekt med två objekt. Den tunna blå linjen visar att ett objekt är aktiverat och den tunna röda linjen talar om att muspkearen förts över det andra objektet.

Genom att använda sådana här objekt, som var för sig går att markera, manipulera och flytta, behöver man sällan arbeta med olika lager. Det är en viktig skillnad gentemot Photoshop.

På motsvarande sätt kan Fireworks kännas konstigt, eftersom man inte behöver markera objekt på samma sätt. Pixelbaserade bilder behandlas som ett enda objekt och kan förvrängas, flyttas och kopieras som alla andra vektorobjekt.

Vill man däremot påverka delar av en pixelbaserad bild, måste man använda markeringsramen, precis som i Photoshop. Men markeringar är inte de primära verktygen som i Photoshop.

Verktygen i Fireworks är inte lika många. Ganska snart konstaterar man att Fireworks inte är tänkt som ett bildmanipulationsprogram på samma sätt som Photoshop. I själva verket är användningen ytterst specialiserad för just webbgrafik och de olika vertygen är inte särskilt många.

Man kan i och för sig använda Fireworks på ungefär samma sätt som Photoshop, vilket gör det lättare för vissa användare att känna sig hemmastadda. Men man kommer då ganska snart att bli frustrerad (åtminstone om man är van vid Photoshops möjligheter). Därför förespråkar jag ett alternativt sätt att arbeta på, som tar till vara Fireworks egna möjligheter.

Jag ser alltså inte Fireworks som en konkurrent, utan som ett extremt bra komplement till Photoshop.

3. Verktygspaletten

Vi skall nu titta lite närmare på de olika verktygen. Om de inte finns framme hämtar man fram dem under menyn Window - Toolbox. Så här ser verktygspaletten ut i Fireworks 3:

Markeringsverktygen

Knappen längst uppe till vänster går under namnet pointer eller pekare. Den har tre olika lägen. Man når dem genom att ställa sig över knappen, klicka och hålla kvar musknappen. Då dyker en palett upp med de övriga alternativen.

Pointer eller pekare visas som en svart pil. Detta läge innebär att man markerar ett objekt, som bilden med de två färgade rutorna tidigare visade. Den motsvarar flyttningsverktyget när man arbetar med lager i Photoshop. Med pekaren kan man flytta alla de objekt man ritat. Man kan också delvis klippa ut dem som i Photoshop.

När man ritat ett objekt och har pekaren aktiverad och sedan klickar på objektet, dyker en blå ram upp runt objektet. Då kan man flytta det eller göra olika slags inställningar och manipulationer. Vi skall titta närmare på det senare.

De två andra lägena är först och främst markera bakomliggande objekt (select behind), som används när man vill kunna markera ett objekt som ligger bakom ett annat. Knappen har ingen motsvarighet i Photoshop. Ritar man väldigt komplexa bilder, med många olika objekt staplade på varandra, är det bättre att arbeta med just lager. Detta är ett verktyg jag sällan använder.

Sedan finns ett tredje verktyg, som ser ut som en kamera. Det är ett snabbkommando för att exportera delar av bilder. Det fungerar så att man markerar det man vill spara, genom att dra en ram runt det. Sedan dubbelklickar man på det (eller trycker return) och så kommer man till en förhandsgranskning av den exporterade bilden. Jag skall berätta mer om det längre fram.

Till höger om denna knapp finns en med bara ett enda alternativ. Subselection heter den i den engelska versionen. Jag använder sällan svenska versioner av program eftersom de kommer senare, ofta är dyrare och dessutom dåligt översatta. Därför vet jag inte riktigt vad man döpt knappen till på svenska. "Selection" betyder ju "urval" och med knappen kan man både välja ett objekt eller en del av det.

När man ritat ett objekt och aktiverar knappen, samt klickar på objektet, dyker en ram upp, precis som när man använde pekaren. Men nu finns även blå fyrkanter i varje hörn. Dessa kan man i sin tur klicka på för att på så vis manipulera delar av objektet. Vi skall titta närmare på det efter hand.

Med verktygen under nästa knapp gör man markeringar med viss form. Man kan dels göra "vanliga" markeringar, rektangulära och runda eller ovala. De fungerar som i Photoshop och gör det möjligt att välja ut delar av en bild.

Det finns även ett beskärningsverktyg som används för att just beskära bilder till önskad storlek. Man slår en ram runt den del man vill ha och sedan har man möjlighet att ställa in storleken manuellt. När man är klar dubbelklickar man eller trycker på enter/retur och bilden beskärs.

Tips! Om man dragit en beskärningsram av misstag kan man enkelt komma ur det genom att trycka på escape-tangenten. Den sitter längst uppe till vänster på tangentbordet.

Samma beskärning kan även åstadkommas m.h.a den rektangulära markeringsramen, samt att man sedan går in under Edit - Crop eller Redigera - Beskär. Men då kan man inte förändra storleken på markeringen i efterhand.

Jag använder mest beskär (crop), som jag utnyttjar för att få ner mina bilder till önskad storlek. De två övriga markeringsverktygen utnyttjar jag bara när jag vill markera delar av färdiga bilder. Jag skall visa hur detta fungerar efter hand.

De sista verktygen för att markera med syns här bredvid. Du känner kanske igen dem från Photoshop. Något magnetlasso finns dessvärre inte i Fireworks 3, men väl det vanliga lassot, polygonlassot, samt trollstaven (magic wand). Dessa verktyg motsvarar alltså dem som fanns i Photoshop 4.

Med lassot gör man markeringar för fri hand. Det är svårt och omständligt. Med polygonlassot gör man motsvarande markeringar, men med raka linjer i stället. Trollstaven markerar nyanser inom ett visst toleransområde.

Om man dubbelklickar på ett verktyg får man alltid upp en informationsruta för just det verktyget. Den heter Options på engelska och (förmodligen) Alternativ på svenska. Den finns under Window - Tool options.

Dubbelklickar vi t.ex på trollstaven, får vi upp en ruta där vi kan ändra toleransen från 32; ju högre värde vi ställer in desto fler nyanser tas med. Man kan också bestämma hur man vill att markeringen skall lägga sig: med en hård eller mjuk kant.

Navigationsverktygen

Det finns två olika navigationsverktyg: handen och förstoringsglaset. Om vi börjar med det senare fungerar det som i alla andra program. När det har aktiverats kan man klicka på valfritt ställe i bilden för att zooma in det. Ju fler gånger man klickar desto närmare kommer man.

Man kan enklast dra en ram runt det ställe man vill ha förstorat. Då zoomar man direkt in till det ställe man vill se.

Om man zommar in mer än 100% kommer kanske inte hela bilden att synas. Då kan man växla till handverktyget och använda handen för att dra eller panorera i den uppförstorade bilden. Dubbelklickar man på handen zoomas bilden ut igen till den storlek som passar på skärmen.

Med Alt-tangenten kan man också zooma ut ur bilden. Man kan också högerklicka (Ctrl+klicka i Mac) på bilden och välja samma sak.

Det finns också zoomverktyg längst ner i varje bild. Det vänstra verktyget är snabbkommandon för att zooma till fasta lägen. Knappen till höger gör det möjligt att visa en sämre version av bilden, där inte alla pixlar syns. Detta är bra om man har en väldigt stor bild framme. Varje förändring kräver då nämligen mycket datorkraft, när alla pixlar måste räknas om. Vill man inte sitta och vänta kan det sämre visningsläget vara att föredra.

Ritverktygen

Ritverktygen (drawing tools) består av linje, ritstift, förvalda former, text, penna och pensel. Du ser dem i bilden här bredvid.

För att använda något av dem måste man först ha skapat en ny arbetsyta. Det gör man under File - New (Arkiv - Nytt). I rutan som kommer upp väljer man hur stor bilden skall vara. Upplösningen kan vara 72 eller 96 pixlar för bilder som bara skall visas på skärmen.

När sedan den nya arbetsytan kommer fram kan man börja rita. Vi skall titta närmare på det på nästa sida. Här berättar jag bara kortfattat om de olika verktygen.

Med de olika ritverktygen kan man skapa olika slags objekt. Linjeverktyget samt de tre olika förinställda formerna (rektangel, ellips och polygon) skapar enkla objekt. Ritstiftet åstadkommer banor, som jag skall återkomma till på de lite mer avancerade sidorna. Pennan och penseln används för att rita på fri hand. Under penselverktyget finns även ett för att manipulera ett ritat objekt på olika sätt.

Redigeringsverktygen

Verktygen för att redigera sitter inte ihop, så som jag visar på bilden. Däremot ser du alla alternativ som finns. Överst finns de två verktygen Transform och Freeform, som man använder för att manipulera och förändra ett ritat objekt.

Transform går även att hitta under menyn Modify - Transform, men fördelen med att använda verktygen i verktygspaletten är att det både går fortare och ger fler möjligheter.

Freeform används för att förändra och manipulera banor. Jag kommer att berätta mer om vad banor är på de mer avancerade sidorna.

De två andra verktygen är kniv/suddgummi (knife/eraser), samt klonstämpeln (rubber stamp). Båda är användbara, men kräver en hel del förklaringar, vilket jag återkommer till på andra sidor.

Färginställningar

Pipetten använder man för att suga upp färg från en bild så att man kan använda den och rita med. Detta är användbart när man inte vet vilken färgblandning som krävs.

Spannen använder man för att fylla med färg. Symbolen är densamma i så gott som alla program. Fyllningen sker i det område man markerat i bilden.

Nästan längst ner hittar man fler inställningar för färgen. Dels penselfärgen, som på engelska kallas stroke och egentligen är färgen på många olika saker: ramarna runt objekten man ritat, färgen på pennan och penseln, m.m.

Fyllningsfärgen och penselfärgen går att ställa in individuellt. Man klickar på den lilla pilen och väljer färg, eller ställer in den manuellt. Man kan också välja andra alternativ (ingen färg eller andra än webbsäkra färger).

Grundfärgsknappen ställer tillbaka färgerna till svart som förgrundsfärg och vitt som bakgrundsfärg. Dessutom kan man klicka på knappen bredvid för att växla mellan dem.

Hotspot och Slice

Hotspot och slice har man användning av när man skapar bildkartor, rolloverfunktioner och liknande. Jag skall berätta mer om hur de fungerar på de lite mer avancerade sidorna.

De båda knapparna underst i bilden används för att dölja respektive visa de hotspots och slices man gjort.

Jag kommer fortsättningsvis att använda uttrycken "hotspot" och "slice" i stället för eventuella svenska varianter. Anledningen är att översättningarna sällan blir bra. Dessutom används de engelska termerna på nätet och i branschen.

4. Menyerna

Jag tänker inte gå igenom menyerna i detalj. Det mesta kommer jag att gå igenom på kommande sidor. Mycket är känt för dig som redan arbetat i olika rit- och bildbehandlingsprogram.

Däremot tycker jag att du skall ta dig en titt på vad som finns. File (Arkiv), Edit (Redigera), View (Visa) och Insert (Infoga) finns i alla program och behöver nog ingen närmare förklaring.

Modify (Modifiera/Ändra) och Text kommer jag att visa en hel del av redan på nästa sida. De används för att justera de objekt man ritat.

Commands (Kommandon) och Xtras innehåller lite mer avancerade funktioner och kommer upp till behandling så småningom. Window (Fönster) använder man när man vill ta fram olika paletter på skärmen. Dessutom finns det en hjälpmeny, som vanligt.

Jag kan passa på att berätta att jag inte går igenom de olika snabbkommandon som finns. Anledningen är att de brukar variera mellan Windows och Mac. I Windows används ofta Ctrl, medan man i Mac i stället får trycka ner Cmd-knappen. Känner du dig osäker på skillnaden och beteckningarna, kan du läsa mina sidor om respektive tangentbordskommandon här >>

Under menyerna presenteras de viktigaste kommandona. Därifrån kan du sedan lära in de du tycker att du har störst nytta av.