1. Modifiera med subselection
Som jag skrivit tidigare är det svårt att ställa in värden för färger och linjer innan man börjar rita. Det är mycket enklare att ändra det i efterhand. Om det är en svaghet i programmet eller inte vågar jag inte uttala mig om. Jag är ju van.
Men det påverkar sättet att arbeta. När man vill skapa enkla knappar och mönster är det t.ex oftast snabbare att återanvända redan skapade objekt, än att göra nya. Det skall vi titta närmare på nu.
Skapa ett nytt dokument om 200x200 pixlar. Välj vilken bakgrund du vill. Rita en rektangel i det nya dokumentet och fyll den med vilken färg du vill. Bilden visar hur jag själv ritade. (Det är den röda rektangeln jag menar.)
För att göra ett nytt objekt är det enklast att välja någon av pekarna, markera objektet och kopiera det. Kopierar och klistrar in gör man precis som vanligt, via Edit-menyn. Man kan självklart också använda de kortkommandon som finns till sitt operativsystem.
När objektet är kopierat och inklistrat, ligger kopian precis över originalet. Man kan då ta tag i det med muspekaren och dra det till valfritt ställe.
Dra ner kopian en bit. Klicka på subselection i verktygspaletten. Nu uppenbarar sig blå fyrkanter i hörnen på objektet. Klicka på ett sådant hörn. Pröva att dra i hörnet och se vad som händer.
Genom att hålla nere Shift och klicka på hörnen kan man markera flera punkter åt gången. När man väl gjort det kan man alltid finjustera storleken m.h.a piltangenterna. Håller man dessutom nere Shift eller Ctrl (det varierar något mellan olika system) kan man flytta punkterna en längre bit.
Detta sätt är enkelt att arbeta på och man kan på det här sättet göra ganska exakta placeringar av sina objekt. Här nöjer jag mig dock med att förklara principen.
Jag gjorde kopian svart och lade den sedan under den röda rektangeln, med viss förskjutning. För att placera ett objekt bakom ett annat, börjar man med att markera det. Sedan går man in under menyn Modify - Arrange och väljer det alternativ som passar, t.ex Send to back.
Bilden visar hur långt jag har kommit med min bild. Jag skall nu lägga in text och skapa en knapp.
2. Textverktyget
Fireworks är utrustad med ett ganska kompetent textverktyg.
Det är enkelt att förstå och klarar ändå sådant som knipning och spärrning.
Man aktiverar det genom att klicka på textrutan i verktygspaletten och därefter klicka i bilden var man vill lägga in texten.
Menyn som kommer upp gör det möjligt att ändra teckensnitt, teckenfärg och typ av kantujämning. Som du ser kan man även förändra avståndet mellan bokstäverna eller raderna. Detta är användbart för fonter som är för täta eller glesa.
Normalt behöver man dock inte tänka på kerningen, dvs teckenavståndet. Kryssrutan för automatisk kerning bör alltså vara ikryssad. De flesta fonter har nämligen inbyggda kerningstabeller, som den som tillverkat teckensnittet anpassat.
Skriv in en lämplig rubrik, t.ex Startsidan. Jag väljer Verdana 22 punkter och fet stil. Du kan alltid gå tillbaka och ändra det du skrivit. Då använder du dig bara av pekaren och dubbelklickar på textobjektet, så kommer textrutan upp igen.
Tips! Man kan också göra några fler saker med texten om man går in under paletten Stroke, som jag berättade om på förra sidan. Där kan man lägga till en kantlinje runt texten. Det fungerar dock bäst för stor text.
Nu har vi skapat en enkel knapp, som du skall få lära dig att exportera på nästa sida. Stäng därför inte dokumentet. Men innan jag visar hur man exporterar, vill jag säga några ord om vektorer och lager.
3. Vektorer vs lager
Jag har tagit med det här avsnittet eftersom jag märkt att många Photoshop-användare har svårt att förstå Fireworks. De är vana vid lager och markeringar och tänker "fel" medan de arbetar. Därför tänkte jag visa skillnaden mellan de båda arbetssätten här.
Bilden här bredvid visar lagerpaletten. Det finns alltid två lager i en bild: dels det som här kallas Web Layer, som används av programmet för att lagra information om olika slices, hotspots, m.m. Man ritar alltså aldrig på det och det går inte heller att ta bort.
Det som jag döpt till Bakgrunden är det lager man ritar på. För att ändra namn på lagret dubbelklickar man bara på det. Ögonsymbolen till vänster om varje lager kan man klicka på, för att tillfälligt dölja just det lagret. Längst nere till höger finns verktyg för att skapa nya lager och slänga gamla.
Det som i bilden heter Frame hoppar vi över nu. Det använder man när man skapar animationer.
Skapa ett nytt dokument (låt det som ligger öppet vara kvar) med valfri storlek. Rita in två rektanglar med valfri storlek och färg.
Klicka på pekverktyget. Nu kan du markera en av rektanglarna och flytta den. Sedan kan du markera den andra och flytta den utan att den andra påverkas. Detta går inte i Photoshop, såvida man inte använder sig av lager. Men som du ser har vi i Fireworks bara ett enda lager, nämligen det jag kallade Bakgrunden. I Fireworks finns det alltså inget skäl till att skapa lager, när man sysslar med så här enkel grafik!
I själva verket kan man oftast markera de olika objekten även om man befinner sig på ett annat lager än det placerats. Detta är irriterande och jag har ofta flyttat på saker som jag inte borde ha kunnat göra - med Photoshop-mått mätt. Därför tycker jag att man skall undvika lager så mycket som möjligt och i stället arbeta med de objekt jag kallat vektorer.
|
