Tips: Kom igång med OpenType!

Typografiundervisningen i A-kursen går knappast in på djupet, men lite fakta och historik om antikvor och linjärer har vi ändå lyckats pressa in på schemat. Annat matnyttigt som vi pratat om är typsnittsuppbyggnad där begrepp som ligatur, swash och kapitäler varit återkommande. Men hur kan vi hitta dessa tecken och figurer i våra digitala typsnitt? Läs vidare så får du veta...

En samling blandade tecken du kan nå genom att fippla runt i OpenType-fonten Adobe Caslon Pro.

Tekniskt om OpenType
OpenType-fonter bygger på PostScript- och TrueType-fonterna. Det är en utveckling av TrueType men där man även tagit med det bästa ur PostScript-formatet. Ett typsnitt i OpenType-format kan innehålla 65 536 olika tecken och en rad olika finesser för förbättrad typografi. Det beror på att den baseras på Unicode (en 16-bit/2-byte teckenstandard) och inte på ASCII (8-bit/1-byte, dvs. 256 tecken). Man kan exempelvis hitta kapitäler, versala och gemena siffror, olika varianter av bråktal, en mängd ligaturer, historiska varianter av vissa tecken m.m inbakade i fonterna. Man kan också få med många andra kul specialtecken som är mycket enkla att plocka fram i program som Adobe Illustrator och InDesign om man vet var man ska leta.

Förenklat kan man säga att Adobes PostScript-format och Microsofts TrueType-format genererat OpenType, där man tagit det bästa ifrån båda formaten och skapat ett plattformsoberoende format. Du kan lätt kolla i din Fonts-mapp för att se vilka typsnitt som är PostScript, TrueType och OpenType.

Dock innehåller långt ifrån alla typsnitt i OpenType-format alla dessa finesser. Vissa OpenType-filer (.otf) är raka kopior av TrueType-fonterna (.ttf) och brukar då ha tillägget Std i namnet. Dessa utnyttjar inte fördelarna med OpenType utan är bara en kopia av TrueType-fontens innehåll. Det är heller inte alla program som kan dra nytta av funktionerna i OpenType (ex. finns det flera typografiska finesser du inte når genom Adobe Photoshop eftersom programmet inte är avsett att behandla text i). InDesign och Illustrator är dock två programvaror där fontformatet kommer till sin rätt.

Tyvärr kan man inte på förhand veta vilka specialtecken som ingår i en OpenType-font, men generellt brukar Linotype, Monotype och Adobe vara duktiga på att fylla ut sina teckenuppsättningar. Man kan leta efter Adobes och Monotypes fonter med tillägget Pro, ex. Adobe Caslon Pro eller Gill Sans MT Pro, som brukar innehålla mycket material.


Kom igång med OpenType!
Här kommer ett par handfasta tips kring hur du kan (och bör) använda OpenType-fonter.

Panelen Character ser ungefär likadan ut i InDesign och Illustrator. OpenType har dock en egen panel i Illustrator CS4 och är alltså inte inkluderad i dropdown-menyn i Characterpanelen. Skärmdumpen ovan är ifrån InDesign.

I InDesigns Window>Type & Tables-meny eller under Illustrators rubrik Window>Type hittar du alla verktyg du kan tänkas behöva för typsättning. I InDesigns Character-panel kan du enkelt sätta kapitäler, ligaturer, eller leta upp specialtecken i panelen Glyphs. Photoshop är mer begränsad i detta avseende, exempelvis finns inte Glyphs med i Photoshop alls så du måste importera specialtecken från fonter via exempelvis Illustrator om du hittat ett specialtecken du gillar.

Visste du att Times New Roman har plats för en arabisk teckenuppsättning (tror jag att det är?) i OpenType-versionen av teckensnittet? Du kommer åt dessa tecken via Glyphs.

Chanserna är goda att du sitter du på outnyttjade resurser. Börja utforska ditt typsnittsbibliotek!

Artikel: Grids (del 3/4 - Grids för webben)

Vi har i de två föregående delarna i denna artikelserie introducerat grids och kikat på tillämpningar i print. Denna del fokuserar på webbtillämpning men kommer inte att gå in på hur man rent praktiskt stylar webbsidor. Det kanske tas upp i artikelform framöver.

Precis som i trycksaker är det viktigt att ha struktur även i digitala medier. Förmodligen är det till och med ännu viktigare att layouten är väl avvägd, tydlig och användarvänlig eftersom det finns så många andra snygga och roliga webbsidor bara några knapptryckningar bort. I och med skrivandet av denna artikel fick jag chansen att testa 960-gridsystemet men givetvis kan man arbeta enligt gyllene snittet eller enligt andra geometriska förhållanden om man så vill.

960 px är tillräckligt!
960.gs är ett utmärkt exempel på där man försöker visa på hur mångsidigt ett 960 pixlar brett gridsystem kan vara. Till denna artikel har jag valt att utgå ifrån 12-spaltsversionen av detta system när jag skapat en webblayout för en portfolio/weblog (men jag utnyttjar bara 820 pixlar i bredd till innehållet, läs vidare...).

Gridsystemet byggs upp på ett liknande sätt som när pressen arbetar med layout (läs Grids - del 2/4), där ytan delas in i spalter. 960-gridsystemet bygger i detta fall på 12 spalter (12 x 60 px), spaltmellanrum (11 x 20 px) och spaltfyllnad i ytterkanterna (2 x 10 px). Se figur nedan.

Guides på enklaste sätt utdragna till rätt positioner i Illustrator. Arbetsytan är 1280x800 vilket ger oss en idé om hur bred sidan blir i en av dagens standardupplösningar*.

Det blir visuellt mer tilltalande och enklare att tyda gridsystemet om vi sätter lite färg på det.

Eftersom jag redan innan betämt innehållet på sidan så underlättade det framtagningen av en layout som passar mina behov. Som synes utnyttjas inte de yttre spalterna alls varför innehållet snällt får samsas om en bredd på 960-((2x60)+2x10)=820 pixlar.

Så här ser sidan ut på en skärm med upplösningen 1280x800. De 820 pixlarna ser ut att räcka gott och väl för denna webbsida som nu blir lätt och luftig utan att kännas tom.

Att skapa gridet och att ta fram layoutförslaget ovan tog ungefär en halvdag och ännu är själva webbsidan inte i närheten av klar. Ska man fortsätta skapa webbsidan kommer det att handla om färgval, texturer och typografi där olika varianter ska testas och dessutom måste ju sidan vara snabbnavigerad och enkel att uppdatera. Det är några veckors arbete kvar om man ska gå vidare med projektet alltså...


Sista delen av denna artikelserie blir av sammanfattande karaktär. Håll till godo!

* Att uppösningen 1280x800 benämns som standardupplösning ovan baseras på Google Analytics statistik om besökare på denna sida (lbsgraf.blogspot.com) där 31% hade denna upplösning vid besöket på sidan, 21%-1680x1050, 19%-1280x1024, 9%-1024x768 (som är lägsta uppmätta upplösning) och övriga har haft upplösning i ungefär samma storleksordning.

Reportage: Bokmässan 2009

Efter en trevlig after-work med kollegorna förra fredagen tog jag 20.02-tåget mot Göteborg. Bokmässan, den 25:e i ordningen, skulle öppna 09.00 på lördagen så det kändes rationellt att åka upp redan dagen innan och sova hos föräldrarna i Kungsbacka för att slippa gå upp så tidigt.


Med nyförvärvad kamera på axeln och anteckningsboken från Moleskin i fickan betalades inträde på mässan. Huvudsyftet med besöket för min del var att ta del av miniföreläsningarna på Grafiska torget, och att i andra hand köpa böcker. Det skulle jag ha igen sen när de böcker jag ville ha var slutsålda på eftermiddagen. Mitt program såg ut som följer:

Grafiska torget:
Lö 10.30–10.50, InDesign - Görans fem bästa tips
Lö 11.30–11.50, Bloggen - Snart företagets viktigaste reklamkanal
Lö 14.30–14.50, Ikea - design och identitet

Forskartorget:
Lö 10.00 - Insekter med macrofoto
Lö 13.30 - Hacktivism

Forskartorget var ett kul initiativ där författare och forskare berättade om sina böcker och publikationer. Ett exempel är en insektsforskare som berättade om sitt macrofotograferande och jämförde skalbaggars mönsterkonstruktion (på skalet) med pointillistiska målningar från 1890-talet (ex. Georges Seurat). Ett annat intressant föredrag på Forskartorget hölls av en kille som doktorerat på HDK i modedesign, och handlade om Hacktivism. Musiker kan sampla, datornördar kan hacka. Modeskapare göra precis detsamma menade han. Man kan sticka en D&G-väska, återvinna gamla kläder genom att plocka delar ifrån dem och sätta ihop till något nytt. Det bjöds också på en modevisning där bl. a. Björn Ranelid kom in som gubben i lådan iförd en högst speciell outfit. Se foto nedan.

Björn Ranelid trivs i centrum för allas uppmärksamhet.

På Grafiska torget var förmodligen föredraget om företagsbloggar det som gav mig mest. InDesign-föredraget handlade om formatmallar och Ikea-föredraget handlade om en historisk beskrivning av företagets marknadsföring, och som vanligt handlade det då mest om Leon Nordin och gammal 70-talsreklam. Reklambyråerna Brindfors och Forsman/Bodenfors, som på 80- och 90-talet haft stort inflytande i Ikeas marknadsföring, nämndes endast i förbigående. Jag hade förhoppningar om att få höra några kommentarer kring Ikeas senaste idéer kring typsnittet Verdana också, men icke...

Gustav Bergman som pratade om företagsbloggar, och i synnerhet så innehåll och språkbruk i dessa, menade att företagsbloggar generellt är stela och produktorienterade medan reklambyråbloggar står på motsatt sida med ett allt för lekfullt och personligt språkbruk och innehåll. Han menar att journalisten har de språkmässiga verktygen att skriva bra texter för blogg. Innehållsmässigt är det viktigt att anpassa sig till sin målgrupp, men här finns tre grundläggande regler: ENGAGE, ENTERTAIN, EDUCATE. Någon, helst flera av dessa, måste uppfyllas i varje blogginlägg för att det ska kännas meningsfullt att läsa texten. Läsaren ska bli engagerad, road eller få kunskap om något.

Kolla in Gustav Bergmans presentation här.


Som vanligt var det vansinnigt mycket folk på mässan, och som tur är gör man det bara en gång om året. Men som min gamle konfirmandledare sa för ett antal år sedan: "Den som missar en mässa missar en massa!". Ett uttryck som uppenbart är tillämpbart även utanför kyrkans väggar. Nu börjar nedräkningen till den 26:e bokmässan i ordningen.

Tävling: Ingenjörer skapar tillväxt

Som medlem i förbundet Sveriges Ingenjörer fick jag en inbjudan till att delta i en fototävling på temat "Ingenjörer skapar tillväxt". Eftersom jag precis investerat i en kamera var detta en chans jag inte ville missa.

Temat fick tolkas precis som man ville och i tävlingsinstruktionerna presenterade man tävlingen såhär:

Många pratar om tillväxt. Sveriges ingenjörer skapar den. Ny teknik driver mänskligheten framåt. Ingenjörer förbättrar världen. Ingenjörer löser problem, lösningar som skapar tillväxt, nya jobb, högre standard på snart sagt alla områden.

Eftersom jag ännu inte hunnit lära mig hur jag ska utnyttja kameran på bästa sätt så tänkte jag köra på en enkel bildkomposition med ett enkelt motiv och ett mått göteborgshumor. Fotografiet nedan tog jag ute i Bua/Värö i söndags kväll på väg hem från bokmässa och kräftskiva i Göteborg. Jag såg kraftledningarna på håll och vi svängde av E6:an för en liten tur ute bland åkrar och fält. Växtligheten synes oskarp i förgrunden, tekniken är i fokus och fotografiets titel är "Ingenjörer i ledningen".

Foto: Martin Knutsson, 2009

Någon timme senare närmade vi oss Falkenberg och alla vindkraftverken som står utmed E6:an. Det blev en till omväg ut på småvägarna. Denna gång dök bildtiteln "Med vinden i ryggen" upp i huvudet. Vi ser samma enkla komposition i denna bild, men eftersom det hade börjat skymma på allvar blev känslan lite väl dyster. Detta förslag gick alltså bort, även om det kanske hade passat temat något bättre.

Foto: Martin Knutsson, 2009

Tävling: T-shirtdesign med Lager 157!

Den 30:e september är det deadline för en T-shirtdesigntävling som anordnas av Lager 157. Temat för tävlingen är "Natur och miljö". De fem vinnande bidragen bildar en kollektion som kommer att produceras och 10% av intäkterna kommer att gå till Naturskyddsföreningen.

Tävlingsarrangören vill ha en .PDF eller .JPG levererad vilket ju passar oss utmärkt. I alla avseenden skulle jag dock leverera en .PDF-fil. Det är ett trevligare format att paketera sitt bidrag i helt enkelt.

Tips:
Tänk på temat. Hur tolkar du det? Gör skisser, kanske 100 st om du måste. Plocka idéer från de skisser du gillar och sätt ihop till en helhet. Tröjtrycket behöver inte vara lokaliserat i mitten på bröstet heller utan kan växa runt hela torson om du så vill.

Håll tröjtrycket enkelt. Kanske räcker det med 3-4 färger? Det är svårt att få tryck i många färger att se bra ut, i synnerhet efter 20 tvättar (tänk hur urblekt ett fotografi på en tröja kan se ut efter ett antal rundor i tvättmaskinen).

Presentera ditt designförslag på ett snyggt och tydligt sätt. Förutom din ritning kan du exempelvis klippa in en tröja och retuschera fram trycket med färger, placering osv. Det är aldrig fel att överleverera!

Läs mer om tävlingen genom att klicka på bilden nedan.


Så om ni inte har vägarna förbi bokmässan i helgen kan detta vara en utmärkt syssla att spendera helgen med. Dels så är det roligt att tävla eftersom målet är så konkret, men oavsett om man vinner eller ej så kan resultatet vara ett bra tillskott i portföljen (vi kommer att prata med om vikten av portfolioarbete i B-kursen).

Ha nu en trevlig helg!

Random: Canon 500D - första intryck.

"Kan nån kan Canon", sades det för en himla massa år sedan i reklamen. Upp till bevis säger jag! För idag fick jag nämligen införskaffat min första systemkamera - en 500D med ett Sigma 18-50 mm f/2.8 EX-objektiv. Nu blir det till att äta makaroner och ketchup resten av hösten.

Julafton kom tidigt till Halmstad i år.

När Mr. Jim i reklamen för några år sedan talade om "Stort, som vanligt i framtiden" gällande sina skrivare tänker jag att de gjort precis tvärtom med sina kameror. Åtminstone instegskamerorna från Canon med 1000D, 350D, 400D, 450D och 500D... de känns faktiskt väldigt små och smidiga (på gott och ont). Kamerahus plus objektiv väger lite över ett kilo men den lilla greppytan i själva huset räcker inte riktigt till för mig. Högerhandens lillfinger har ingen given plats utan får liksom hänga i luften som när aristokraterna dricker kaffe. Lyckligtvis kan jag i framtiden investera i ett batterigrepp vilket skulle lösa detta problem.

Så snart batteriet var laddat (vid 19-tiden tidigare denna kväll) var jag tvungen att börja experimentera. Mitt i matlagningen började laddaren lysa grönt och sen var det kört. Maten slevades hastigt ner i kistan och sen skyndades det ut på stan.

Matlagningsbild, den läskiga källaren i huset jag bor i och en sträng men (hoppas jag) rättvis lärare.

Någon har släckt törsten vid promenadstråket ned mot Nissan, men glömt att plocka undan efter sig.

Och så det obligatoriska experimentet med liten bländaröppning och lång slutartid. När folk ställer sig vid övergångsstället och väntar samtidigt som en lastbil eller buss kör förbi med sina högt placerade lyktor kan man få riktigt drömska bilder förutsatt att personen i bilden stått riktigt stilla.

Sjävklart är jag hur nöjd som helst efter min kvällspromenad. En hel timme ensam ute i mörkret utan att ha tråkigt en enda sekund. Jag är ju lekman på området, men tror och hoppas att kostymen jag valt går att växa lite i utan att vara alldeles för stor. Jag är grymt imponerad av 3-tumsdisplayen som sägs visa 0,96 Megapixel (förmodligen 1200x800). Det är lätt att snabbt se om skärpan i bilden ligger rätt. Man har alltså tillverkat en LCD-display med upplösningen 480 ppi (räkna själva med denna upplösningsräknare)!

Nu kan jag äntligen börja ta HDR-bilder och har fått ännu bättre förutsättningar för att skapa texturer till mina 3D-visualiseringar. Det kanske dyker upp lite mer fotomaterial här framöver. Håll till godo.