www.moderskeppet.se
!!
!
Kreativ Text i
Photoshop
Vektorgrafik=Grafik bestående av ritbara
objekt.!
Bitmapgrafik/Pixelgrafik=Grafik genom
färger i ett rutnät, liknande mosaik.!
Rastrering=Processen som konverterar
vektorgrafik till bitmapgrafik.
Kort om rastrering
I kursen tar jag upp något som kallas för rastrering. För att få en djupare känsla för vad det
är ska jag här beskriva begreppen vektorgrafik och bitmapgrafik för dig. Ofta används
också ordet pixelgrafik synonymt med bitmapgrafik.
!
Vektorgrafik!
Ja nu undrar du naturligtvis vad den här lite udda bilden har med grafik att göra. Men med
den vill jag illustrera hur vektorgrafik fungerar. !
!
När du jobbar med textverktyget arbetar du med
något som kallas för vektorgrafik. Det innebär att
alla tecken är ritbara objekt vilka består av kurvor
och linjer som definierats som matematiska
objekt, sk vektorer. Precis som på den bilden
ovan där den berömda kompositören och
dirigenten Hector Berlioz instruerar kören att
skapa ljud och text är dessa vektorer egentligen
instruktioner till ett dataprogam att rita upp linjer
och kurvor, vilka tillsammans ger illusionen av
bilder. Låter lite kryptisk och svårgreppat men om du studerar ett tecken, kan du se att den
består av linjer och kurvor som sammanfogats. !
www.moderskeppet.se
!!
!
Bitmapgrafik!
!
Redan dom gamla Grekerna skapade fantastiska mosaiker. Likheten med en mosaik och
en fotografisk bild är slående. Tänk dig att varje
sten i en mosaik motsvaras av en pixel i en
fotografisk bild. Skillnaden mellan en mosaik och
en fotografisk bild är i detta avseende att pixlarna
ligger i ett jämnt rutmönster vilket inte behöver
vara fallet i en mosaik och att mosaiken är
betydligt mindre upplöst, dvs att stenarna är
många gånger större och samtidigt färre än
pixlarna i en bild.!
!
Fotografiska bilder bygger på detta rutmönster
där varje ruta motsvarar en pixel. Detta
rutmönster kallas sedan gammalt för bitmap och
grafiken som bildas av bitmappens mönster
kallas därför bitmapgrafik. I och med att
fotograferingstekniken har digitaliserats används
även begreppet pixelgrafik, vilket är synonymt
med bitmapgrafik. Varje pixel i rutnätet har en specifik plats och ett specifikt färgvärde. !
!
Vektorgrafik eller Bitmapgrafik - Vilken är bäst?!
!
Generellt sett går det inte att svara på den frågan. Eller så kan svaret vara att de är bra på
olika saker. Båda teknikerna används. I en dator kan du installera ett program för att rita
figurer, som t.ex. programmen Visio, Omnigraffle och Scetchbook. Dessa program är
exempel på program som är speciellt duktiga på att hantera vektorgrafik. Andra program
som Photoshop är specialiserade på fotografiska bilder, dvs bitmapgrafik. Nu kan det ju
hända att användaren vill kunna lägga in en fotografisk bild i sitt uppritade processflöde i
Visio och det går alldeles utmärkt. Så Visio kan också hantera bitmapgrafik när det
behövs. Det gäller för samtliga av de program som jag räknat upp att de kan hantera båda
varianterna av grafik. Ta Photoshop som exempel, så är programmet mästare på hantering
av bitmapobjekt men kan också hantera en del vektorbaserade objekt, som t.ex.
textobjekt.!
!
För- och nackdelar.!
Vektorgrafiska objekt lagras som kommandon. T.ex. är en linje ett vektorobjekt som ska
ritas mellan en punkt på bilden till en annan. Det omvandlas till ett kommando som talar
om för programvaran att rita linjen från startpunkt till slutpunkt. Ungefär som
instruktionerna till en chaufför som ska köra från Bergsgatan 3 till Hamngatan 2. Det
kräver inga stora utläggningar om vad som ska utföras. Däremot om du skapar en bitmap
av bilden med linjen skulle du behöva beskriva alla pixlar i bilden. I den bilden finns med
andra ord inget linjeobjekt utan bara pixlar, som en mosaik, trots att vi uppfattar att bilden
innehåller en linje. Med detta i tankarna kan du dra slutsatsen att vektorgrafik, i motsats till
bitmapgrafik tar liten plats på hårddisken, och går fort att ladda.!
!
Vektorgrafiska objekt klarar bättre att förminskas och förstoras. Ta exemplet med linjen.
Om du vill ändra längden på din uppritade linje behöver du bara ändra kommandot med ny
www.moderskeppet.se
!!
!
startpunkt och slutpunkt och köra om kommandot
så att linjen ska ritas upp med det nya utseendet.
Detta till skillnad mot motsvarande bitmap där
samtliga pixlar som finns i bilden måste beräknas
om innan datorn kan rita om den igen. Vid
förstoring av en bitmap uppkommer också
kvalitétsförsämringar. Kanterna blir ofta taggiga.
Det här kan du testa själv. Beskrivning av det finns
i slutet av dokumentet.!
!
Bitmapgrafik är också bäst på en sak. En sak som i
vissa lägen har en mycket stor betydelse. När det gäller detaljrikedomen är bitmapgrafiken
överlägsen. Därför används den i fotografiska bilder. Om du tänker dig att du måste ha en
detaljrikedom som är så stor att du behöver behandla varje pixel unikt så är det mer
resursekonomiskt att bara beskriva varje pixels värde än lägga in ett vektorkommando i
varje pixel. I Photoshop är det också så att en del effekter som finns tillgängliga enbart kan
användas på bitmapgrafik.!
!
!
Rastrering - en process!
!
Rastrering är namnet på den process som konverterar ett vektorbaserat objekt till en
bitmap. I kursen använder du det för att göra om ett textlager till en bild av text i syfte att
kunna arbeta vidare med bilden på ett sätt som inte är möjligt med ett vektorbaserat
textlager.!
Lite förenklat kan du konstatera att när du rastrerar ett textlager gör du om tecknen till en
bild av tecknen. Det blir väldigt tydligt när du efteråt upptäkt att du har stavat texten fel och
vill ändra bokstäverna i texten. Det går inte att göra när du har rastrerat bilden. Var därför
noga med att alla textrelaterade effekter är gjorda och justerade innan du rastrerar. Med
det menar jag alla justeringar du gjort med textverktyget och i textpanelen som t.ex. val av
font, kerning, textjustering mm.!
!
www.moderskeppet.se
!!
!
Testa gärna skillnaderna mellan vektorbaserad och rastrerad text!
!
Du kan skapa två olika lager med text som på bilden här nedan.!
!
!
Båda texterna ser likadana ut men den övre är ett vanligt textlager som är vektorbaserat.
Det nedre är ett rastrerat textlager dvs en bitmap. !
!
När du nu förstorar lagren kan du se hur kvalitén på grafiken skiljer sig mellan de grafiska
lagren. Vektorgrafiken behåller sin kvalité medan bitmapslagrets kvalité försämras
beroende på hur långt ifrån sin ursprungliga storlek den kommer. Du ser det på bilden här
nedan där kanten på det bitmapbaserade lagret ser hackigt ut.!
!
Anledningen till detta är att pixlarna alltid har en bestämd storlek och när du zoomar in i
eller förstorar bilden kommer värdet i en ursprunglig pixel att läggas över flera pixlar och
på det sättet förlorar bilden kvalité. Den vektorbaserade grafiken kommer att däremot
omberäknas vid varje förändring.