LBS Halmstad - Information och design

Välkommen!

2011-05-29T14:46:00.005+02:00

Denna blogg, Information & Design, har drivits som ett tidsdokument under mina fyra år som gymnasielärare i grafisk design på mediegymnasiet LBS Halmstad. I april 2011 började jag jobba som grafisk formgivare/art director på en mediebyrå i Halmstad och denna blogg är alltså inte längre aktiv.

Så, istället för att se bloggen som ett aktivt forum för design, konst, typografi etc., se den idag snarare som en liten handbok eller som en källa till inspiration. Bloggen kommer att ligga uppe på obestämd tid eller tills dess att innehållet passerat bäst-före-datum.

Vill du lära dig något? Läs under etiketten 'Artiklar'.

Behöver du få inspiration? Läs under etiketten 'Tips'.

... och sluta inte utforska bloggen där. Det finns över 200 inlägg att botanisera bland.

Hoppas du hittar något matnyttigt!

Martin Knutsson, maj 2011

Adjö! - The End - Mot nya äventyr!

2011-05-26T11:00:00.020+02:00

I onsdags genomfördes den sista lektionen i graf-profilen på LBS i Halmstad. Det firades med glass, kursutvärderingar och lite avslappnat snack i undervisningsgruppen. Det har varit ett infrastrukturmässigt stökigt år, men det har varit roligt också med många duktiga elever som klarat att hantera salschemaläggningsmissarna på ett föredömligt sätt. Jag tycker också att vi fått gjort en hel del kul projekt och många elever har haft en fin utvecklingskurva och blivit riktigt duktiga! En tendens jag sett över årens lopp att eleverna kommit in i augusti med allt högre intresse och engagemang än tidigare årgång varför undervisningsgrupperna som helhet blivit mer och mer homogena och lätta att arbeta med.

Onsdagen var också sista lektionen med mig vid rodret. Under fyra år har jag varit profilansvarig och byggt upp en utbildning i ämnet grafisk formgivning. Det har varit fyra lärorika år där jag mött många fina elever och haft många bra kollegor, men kanske är det entreprenören i mig som längtar efter nya utmaningar och jag har nu tagit ett nytt jobb som grafisk designer / art director på en mediebyrå i Halmstad.

Jag har funderat lite fram och tillbaka på vad som ska hända med bloggen, och två tungt vägande skäl gör att jag överväger att låta den ligga kvar ett tag:

1.
Det finns ett innehåll här som varit till nytta för besökare. Ex. finns tips och tricks, teorier om design/layout/grids, handfasta steg-för-steg-guider om hur man exporterar PDF:er för tryck i praktiken, länkar till inspiration, guider/tutorials för Photoshop/Illustrator/InDesign och mycket annat. Somliga har t.o.m. skrivit små kommentarer för att visa sin uppskattning när de funnit något de haft nytta av. Det är kul att kunna vara till hjälp även utanför skolans fyra väggar, och även om man inte arbetar som lärare längre.

2.
Jag tror också att denna blogg kan vara ett stöd för den person/de personer som efterträder mig på skolan.

Detta är mitt näst sista inlägg på bloggen (det sista blir ett välkomstmeddelande för nya besökare). Jag bloggen för editering och alla elevskribenter tas bort. Fr.o.m. nu blir det alltså inga nya inlägg.

Så... tack och hej! Hoppas ni haft kul och känner att ni fått med er något ni kan använda er av i framtiden. Vi ses säkert igen!

Skulle ni vilja nå mig, av vilket skäl som helst, är ni välkomna att besöka min personliga site Sidearm.se. Där finns uppdaterade kontaktuppgifter.

Bild i bokstäver

2011-05-18T09:20:00.009+02:00

Jag har gjort en tutorial om hur man kan ha en bild som bakgrund i sin text.

1. Öppna bilden/bilderna som du vill använda dig av, du kan också redigera bilden om du vill.2. Skapa en text och välj en fet font som t ex. arial black, impact eller liknande.
Sedan högerklickar du på bakgrunden och gör den till ett lager.
3. Flytta sedan text-lagret så det hamnar under bakgrunds-lagret genom att bara klicka och dra neråt.4. Sedan håller du in knappen ALT och klickar emellan de två lagerna i lagerspalten och på så sätt blir det text med bild/bilder inuti.
Sedan är det bara att spara. Detta kan man använda sig utav i sin blogg om man vill ha en stilren header.

frächa chips med en inte lika fräch ny påse..

2011-05-04T11:57:00.004+02:00

Lantchipsen ifrån Laholm har i samband med att ersätta sina gamla smaker med smaker som grillchips, sourcream onion samt lättsaltade, också fått en ny "look".
Anledningen till de har nya påsar tror jag är att de vill att konsumenter skall tycka att påsen ser simpel, trevlig och "lantlig" ut. Jag tycker att de har misslyckats med detta, eller de har väll lyckats men jag tycker att de gamla påsarna också hade de egenskaperna fast de gjorde det bättre.

De nya påsarna har en slags mysig kollage-känsla på sig, detta är i sig ingen dum ide' den skapar faktiskt lite av den där lantliga simpla känsla som de är ute efter. Jag tycker inte att de nya påsarna är jätte hemska i sig men jag tycker att de är en aning en dimensionella, jag tycker att de mer ser ut som att de säljer sommarchips än lantchips. Vi ser en glad tjej som grillar och små pappers kor som trivsamt betar på ängen. Anledningen till att de har valt sådana bilder är ju för att vi skall kunna relatera till bilderna och för att våra tankar skall föras till landet, vilket fungerar men bilderna för samtidigt våra tankar till sommaren eftersom att kor går ute på sommaren och vi grillar på sommaren. Om vi relaterar påsen till sommaren så köper man inte den på vintern. Exempel: jag köper ingen risgrynsgröt på sommaren.
Mitt andra klagomål är att jag tycker att påsen är för rörig. Jag tycker att molnen är överflödiga speciellt på grillchips bilden, jag menar man grillar ju sällan när det regnar. Kanske är molnen där för att de tycker att påsen blir lite tom annars men det problemet hade de kanske kunnat lösa genom att ha logon bättre placerad.

De gamla påsarna ser mer mysiga ut, jag tycker faktiskt att det ser ut som att påsarna också har växt fram på åkern!
Färg och typografi på den gamla påsen är ingenting att hurra för. typsnittet som smakerna är skrivna i ser "tråkigt" ut och färgerna ser urtvättade ut. Men de dåliga val av typsnitt och färger bidrar ju till att påsen ser mer mysig, naturlig och hemmasnickrad ut, och det är väll det som de vill uppnå? Bilderna på påsen bidrar till att föra konsumentens tankar till landet, de ser liksom ut som bilder tagna ifrån någon bondes köks tapet.
Så den gamla påsen gör alltså precis det som den nya vill göra. Den känns naturlig, lantlig och mysig men den gör detta utan att även kännas rörig. Det tål också att nämnas att den nya påsen som också vill verka lantlig och mysig faktiskt tappar en del av de känslorna tack vare det noga valda typsnittet (som förövrigt inte ens är snyggt) och starkare "bättre" färgerna, de har alltså bytt ut allting som skapade den där trevliga känslan med saker som misslyckas med det, bra jobbat !

Överst på det här inlägget är de nya påsarna och de gamla precis under.

Tutorial Envelope Distort

2011-05-02T23:00:00.000+02:00

Hej! Jag vill visa hur man formar text inuti ett objekt med hjälp av Envelope Distort i Illustrator. Det här kan vara användbart på många områden, och det är en väldigt simpel teknik som används.

1. Det första du ska göra är att välja din form och din text. Du kan även rita din egen form med Pen Tool.

2. Nu delar du din form i två för att få en bättre delning av texten. Det gör du genom att först rita ett böjt streck med Pen Tool rakt genom din form. Det är viktigt att början och slut befinner sig utanför formen. Välj ca 4 px i tjocklek och gå in på Object > Path > Outline Stroke. Nu ska din linje istället vara ett helt objekt.

3. Markera din linje, och ditt objekt. Gå sedan in i pathfinder, om du inte har verktygsfönstret till vänster hittar du den i Window > Pathfinder. Med både linjen och ditt objekt markerade klickar du sedan på Minus Front. Detta gör att din linje delar ditt objekt i två delar. Glöm inte att högerklicka på ditt objekt när det är delat och välja "Ungroup". Vissa objekt är större och de kan behöva delas en eller flera gånger, använd bara samma teknik hela tiden.

Resultat:

4. Nu är det dags att böja din text. Du börjar med en del av texten i din övre del av objektet. Det är här det kan krävas en del pusslande, och flera försök innan man får till en bra form och en lagom lång text för att det ska bli snyggt. Det bästa är om du har maz två eller tre ord, lagom långa. Skriv det första ordet i en textruta och högerklicka på den och välj Arrange > Send to Back. Markera sedan den översta delen av ditt objekt och din text och gå in på Object > Envelope Distort > Make With Top Object. Gör samma sak med nästa text och den undre delen av objektet.

Slutresultat:

5. Nu är din text klar, använd fantasin och hitta på dina egna kreativa former!

/Sofia Sandberg

Nyhet: EXPO på LBS Halmstad!

2011-04-06T16:59:00.005+02:00

Våren är äntligen här och eleverna på LBS Halmstad ställer ut sina bästa arbeten!

På plats blir det kaffe och tilltugg, mingel bland konst, foto, grafisk form, livemusik och mycket annat...

Varmt välkomna till vår EXPO 2011!

Tips: Idétorka?

2011-03-06T16:46:00.004+01:00

Har du idétorka?

Lugn, det drabbar oss alla. När du känner att du vill skapa något eller lära dig något nytt men har inga idéer alls, då finns det massor med hemsidor som man kan ta del av. En av dem heter "http://vector.tutsplus.com/" för att skapa med vector. Eller "http://psd.tutsplus.com/" för att skapa allt möjligt i Photoshop. Finns massor med olika versioner på denna hemsidan som du
kan anpassa efter vad du vill pyssla med. Tex Illustater, Photoshop, webbdesign you name it.

Jag brukar själv använda mig av denna hemsidan för idéer till Photoshop och jag rekommenderar de starkt! De tutorials som finns på sidan är lätta att följa. Det finns i många olika svårighetsgrader vilket är mycket bra, då det finns både nybörjare och proffs. Så surfa in på denna hemsidan och utforska den väl, du kommer inte att ångra dig! :)

// IDA Mph08b

Wordpress + Dreamweaver = Sant!

2011-02-17T11:34:00.005+01:00

Har du övervägt att snickra på en WordPress-sida men vågar du inte riktigt lämna din trygga Dreamweaver-miljö? Inga problem! Dreamweaver CS5 har nämligen fått sig ett par nya funktioner optimerade för WordPress, det har alltså aldrig varit lättare att få ihop en snygg sida!

Vi har nyligen pratat om just WordPress på lektionerna, därför tycker jag att det kunde vara nyttigt för er att läsa det här om ni överväger att påbörja en WordPress-sida!

En kom-igång guide hittar du här!

Happy Dreamweaving!

Tutorial: Pen Tool + Pathfinder

2011-02-10T08:49:00.009+01:00

Det är lite trist när man hittar en awesome logga med dålig upplösning, för liten eller att den ligger på en annan bild. Därför tänkte jag visa hur jag gör för att lättast kalkera av den smidigt.

Börja med att importera in bilden du vill använda dig av i Adobe Illustrator och tryck på Pen tool. Det är det verktyget du kommer att använda dig utav när du kalkerar.
Klicka sen på en bra plats som du ska börja på. Bäst är att börja på en kant om bilden har en sådan då du slipper oroa dig för att det blir rakt mitt i. Glöm inte att ta bort kanten runtomkring innan du börjar. Den gör att det ser ut som det inte blir exakt där du klickat.

När du sätter ut nästa punkt ska du hålla inne när du vänsterklickar och dra ut svängarna efter hur stora dem är på bilden. Ibland kan du märka att svängarna du gör inte passar in på bilden, då måste du sätta ut två punkter.

Det händer att du tagit ut en sväng för skarpt i kurvan du nyss gjorde och nästa du tänkt sätta ut inte fungerar. Då måste du klicka bort på något annat verktyg så länge och klicka tillbaka till pen tool igen på den senaste punkten, sen är det bara att fortsätta som vanligt!

När du är klar med själva illustrationen kan du byta till valfri färg, jag valde svart. Sen klickar du på Windows, bläddra ner till Pathfinder då du får upp en liten ruta.

På den lilla rutan klickar du på den översta knappen till vänster i shape modes som heter unite för att få din kreaktion att sitta ihop om det är som i mitt fall att det fanns två bitar. Klart!

Lektion: Reklamkampanjer

2011-01-28T08:37:00.009+01:00

Under veckorna som gått sedan senaste det blogginlägget har samarbetet fortsatt mellan graf- och fotoeleverna. Denna gång har det handlat om att ta fram reklamkampanjer/reklammaterial riktade mot företag i närområdet som tackat ja till att bli en del av elevernas projekt.

Reklamprodukterna som framkommer ska ha tydlig koppling till respektive företag och gärna visa på någon speciell produkt/tjänst eller helt enkelt vara varumärkesbyggande.

Företagen som tackat ja till att medverka har varit Go-Nature (sysslar med vildmarksutrustning och vildmarksaktiviteter), Caesar Design (ritar och säljer kök), Gastro Shop (säljer lite exklusivare matvaror) samt Wapnö (mjölk-/mejeriprodicent).

Eleverna har arbetat enligt den kreativa processen (se bild nedan) som börjar med research (konkurrentanalyser, intervjuer etc.) för att logiskt efterföljas av idéfasen där man kläcker en kvantitet av idéer för att sedan välja ut de bästa idéerna och går vidare till produktion med fotografering, illustration, sättning och allt vad det innebär.

Den kreativa processen / Designprocessen

Eleverna börjar bli mer och mer säkra på hur bilder ska tas och hur man arbetar med sättning av text och layout, och den kanske största utmaningen för eleverna i detta projekt harvarit copy. Att få en tydlig koppling mellan bild och text, att komponera meningar och välja ut ord som möter reklamens målgrupp och som verkar i symbios med bilden och förstärker budskapet.

Nog babblat. Här följer ett axplock av reklamprodukter (annonser och broschyrer i olika format) som skapats i veckan. Mycket nöje!

Mikaela och Johanna

Alex P, Karin och Emma Wa

Ida och Sara

Emmy S och Sofia A

Mimmi, Emy och Emma Wi

Alex N och Eric

Filip, Dan och Susanna

Victor, Malin D och Julia Z

Martina, Malin N och Betina

Jakob, Sigrid och Josefin

Lektion: Annonsimitationer

2011-01-13T18:12:00.009+01:00

I veckan har eleverna utsatts för ett grupparbete. Fotoelever och graf-elever har tillsammans fått bilda små kreativa enheter för att imitera en befintlig annons.

Detta är en uppvärminingsuppgift inför kommande veckor då samma elevgrupper ska få ta fram reklamkampanjer för olika produkter och tjänster, där den kreativa idén först måste kläckas innan man kan bestämma annonsens utseende.

Här är ett axplock av veckans arbete (annonsen till vänster är original, den högra är elevernas imitation). Bra jobbat allihop!

Emmy S, Sofia A

Filip, Dan, Susanna

Sofia C, Emy J

Mimmi, Emma Wi

Betina, Martina, Malin N

Alex P, Emma Wa, Karin

Foto: Vem bestämmer vad som är sevärt?

2011-01-10T21:18:00.007+01:00

Sevärdheter i all ära. De står att läsa om i guideböcker för i princip varenda kartlagd plats på jorden. Men vad tycker vi "vanliga människor" egentligen?

Jag sprang på en helt briljant studie som gjorts vid Cornell University, Ithaca, NY på just detta område. Några forskare har skrivit en algoritm som analyserar geo-data från miljontals fotografier på Flickr och bygger utifrån denna data upp en egen karta.

Som bilden visar blir vissa områden ljusare än andra, och givetvis är det på de platser som man tagit flest bilder. Detta är en bild över London.

Metoden är ett mycket demokratiskt sätt att bestämma vad folk tycker är sevärdheter. Den kan kort sagt användas för att kartlägga på vilka platser människor tar bilder, dvs. de platser vi tycker är viktiga att minnas och alltså tycker är sevärda.

London och New York är de mest fotograferade städerna i världen.

Läs om studien här...

Läs ett blogginlägg om studien här...

Random: Gott nytt år!

2010-12-31T13:06:00.005+01:00

Vi firar det nya året med ett litet videoklipp, tycker jag! Förra året firade jag nyår i Reykjavík, det var ovanligt kallt men jag kunde inte låta bli att filma fyrverkerierna vid Hallgrímskirkja med min nyinköpta Canon 500D. Så här såg det ut (klicka på bilden).

Gott nytt år!

Elevportfolio: Portfolio

2010-12-16T18:47:00.012+01:00

Under tre veckor så har jag och dem andra i klassen jobbat med att skapa sina egna portfolion. Så i detta inlägg kommer du att både få se och läsa om hur jag har jobbat.

Det började med att jag skissade upp lite, för att kunna se hur jag ville ha det och hur det skulle kunna se ut. Eftersom musik är min pasion så ville jag att det skulle synas på min portfolio, därför så gjorde jag en equalizer som omsluter hela fodralet. När jag byggt upp bilden men helt vanliga boxar så la jag till en gradient i nedersta lagret och därefter så fick var och en av boxarna en egen färg. Jag har använt mig av jordnära färger vilket ger ett positivt intryck. I min portfolio kommer det finnas en dvd-skiva där alla mina arbeten kommer att ligga samt

kontaktuppgifter och lite om mig själv som person.

Här kommer det några bilder på mitt portfolio, hoppas ni tycker om den!

Här har vi Mimmi, Johanna och mitt portfolio!

Det har varit riktigt kul att få göra detta arbete, speciellt när man får ett så bra slutresultat.

Illustration: Blyerts Illustration

2010-12-16T13:24:00.028+01:00

Hej!
Vi fick en uppgift där man skulle göra en illustration till valfri text. Jag hittade en text som handlade om änglar och valde helt enkelt att måla en ängel till den.
Nu tänkte jag visa arbetflödet för illustrationen jag gjort. Från skiss till färdig bild och även berätta lite hur jag gjort!

Först valde jag vilken teknik jag skulle använda mig av och jag valde att arbeta med blyerts, eftersom det är en teknik jag tycker om.
Efter det letade jag inspiration i några tidingar, och fastnade för denna bild som jag tänkte jag använda mig av, eftersom jag tycker det kan vara lite svårt att få till rätt vinkar och ljus när man man ritar just människor.

Sen började jag rita.

1. Jag började med att skissa på ansiktet.
2. Jag utgick från ansiktet och skissade sedan arm, hår, överkropp och även var jag vill ha vingarna placerade.
3. Efter detta ritade jag vänstra sidan på håret lite nogrannare och la en svag skugga på det. Jag la även en skugga på halsen och nyckelbenet.
4. Sen ritade jag mörkare skuggor på vissa partier av håret, för att få det att se mer levande ut. För att få till en jämn skugga använde jag något som heter "Stompf", som är hårt rullat papper och har formen av en penna. Ett bra tillbehör som underlättar skuggningen.

5. Sen gjorde jag samma sak på högra sidan av håret.
6. Efter detta la jag en hårdare och mörkare skugga på höger sida om halsen och skissade på överdelen av klänningen.
7. Sen ritade jag skuggorna på klänningen och la även till lite streck på håret. Efter detta blev det lite finputs på allting. De ljusa partierna på håret och klänningen förbättrade jag även lite genom att anväda mig av ett sudd.
8. Bild färdig att skannas in.

Efter detta ritade jag en passande vinge och skannade sedan in denna med.
Sen öppnade jag de scannade bilderna i ett photoshopdokument och satte vingarna på plats.
Jag ökade sedan kontrasten och skärpan på vissa ställen, eftersom det kan försvinna lite vid scanning.

Och här är resultatet!

/Emmy Silfverhjelm

Tutorial: Art Brush Tutorial

2010-12-16T12:28:00.020+01:00

Ska du göra ett grässtrå, en ranka eller kanske en svans? Visst kan det vara svårt att få till den där helt jämna "svansen" speciellt om den är böjd? Sitter du där och försöker göra din ranka i en helt jämn sluttning? Därför kommer jag här med ett tips om hur du kan göra det lättare för dig, så du slipper pilla ihjäl dig med pen tool.

HUR DU GÖR EN ART BRUSH

1. Börja med att öppna ett nytt dokument i Illustrator.

2. Välj polygon verktyget i vänster kanten. Tryck sedan på arbetsytan en gång.

3. Välj 3 sidor och valfri storlek.

4. Om du nu gjort allt rätt ska du få en triangel.

5. Vrid sedan triangeln så den pekar åt höger.

6. Välj selection tool (V). Dra sedan ut triangeln och platta till den. Desto smalare triangel, desto smalare "gren", "svans" eller "grässtrå".

7. Fyll sedan triangeln med svart färg. Färgen på ditt objekt går att ändra senare. Välj ingen färg på stroken.

8. Detta är resultatet du får. En smal, avlång "pil"

10. Dra sedan in objektet i brushes menyn. Välj New Art Brush

11. Efter det kommer denna rutan upp. Fyll i method - tints, klicka sedan på OK.

11. Så! Nu har du gjort en art brush. Dra nu en bana med pen tool (P) och tryck sedan på din nyskapade brush.

13. Detta är resultatet. Du kan givetvis göra om brushen tills du är nöjd. Kanske skulle du gjort triangeln lite smalare? Eller tjockare. Testa dig fram.

13. Låt fantasin flöda! Men glöm inte att expand:a!

Med vänliga hälsningar: Filip Klint MPH09, God Jul!

Tips: Behöver du inspiration? Stumble it!

2010-12-16T12:02:00.006+01:00

Sitter du där, och har tråkigt? Eller helt enkelt skulle behöva lite inspiration helt enkelt, då vet jag en lösning för dig på webben!
Jag upptäckte tjänsten StumbleUpon.com för ett tag sen. Vad sidan gör är att den låter dig välja olika intressen, och hittar därefter passande hemsidor för just dina intressen, och i och med grafisk kommunikation har jag valt att kryssa i "Graphic Design" och då ger StumbleUpon.com en hemsida med just det ändamålet. Är du intresserad av till exempel fotografering eller något annat så kan du kryssa i det, och om du skulle vilja ändra eller lägga till intressen så kan du göra det när som helst visa hemsidan.

Mina intressen lyder så här:

Sen kan du "like" och "dislike" olika sidor du kommit in på, och på det sättet gör StumbleUpon din profil mer skräddarsydd, sen kan du jämföra dina "like"s med andras, och se vad dom har "like"at mer för saker, och hittar ännu mer roliga grejer du tycker är intressant. Det finns även en bra gadget du kan installera i din browser för att smidigt Stumbla och like'a osv!

Jag själv rekommenderar det varmt, och har använt det till att hitta olika inspirationskällor, samt för att döda x-antal timmar, haha. Du kommer förmodligen bli ganska beroende i början, but It's for a good cause!

Tänkte ta med hur man registrerar sig, men sen slog det mig hur enkelt det är..
Så klicka HÄR och låt dit Stumblande börja!

/ Alexander Norling, MPH08B

Lektion: Sista lektionen för året!

2010-12-16T11:48:00.009+01:00

Idag är sista design- och informations-lektionen för i år och det är även sista dagen innan vi går på jullov!
Dagen har framförallt gått ut på att göra klart våra portfolios som vi har jobbat på nu i ca tre veckors tid, men även att göra klart uppgifter som inte hunnits med tidigare. Vissa har gjort digitala portfolios, genom att göra hemsidor, och vissa har gjort fysiska. De som har gjort fysiska har under förmiddagen skrivit ut, skurit och klistrat ihop sina och det har gett ett mycket bra resultat.

Mikaela Badelt och Johanna Karlsson limmar ihop sina portfolios

De färdiga resultaten för Mimmi Dymne, Mikaela Badelt och Johanna Karlsson

Nu håller alla på med de sista finslipningarna på sina portfolios och vid 14.00 ska vi samlas och fika lite tillsammans som en avslutning på en mycket rolig höst!

/ Mimmi Dymne Mph09

Nyhet: Elevbloggningar på ingång!

2010-12-16T11:34:00.004+01:00

Det kommer inom kort att börja rulla in elevpublikationer här på grafbloggen. B-kursen innehåller mål som säger att eleven ska kunna korrekturläsa texter osv. och varför då inte skriva texter som är relaterade till utbildningen och publicera dem här?

Dagens lektion är faktiskt det sista lektionstillfället i B-kursen och vi kommer att avsluta dagen med att kika på varandras arbeten och fika. Det snöar något helt vansinnigt därute och jag bävar lite för att gå ut och köpa kaffebröd...

... jag får offra mig för den goda sakens skull. Brrr....

Tips: Rickrolling med subpixlar

2010-11-24T10:57:00.005+01:00

Vi har tidigare talat om subpixlarnas betydelse för typografi på skärm (ex. ClearType), och här kommer ett kul tips för att ytterligare visa på subpixlarnas betydelse.

Det tog mig ungefär en kvart att knäcka koden men nu kan jag läsa vad som gömmer sig i dessa (1x5 pixlar) färgglada staplar. Ja, varje stapel är renderingar av olika tecken och om du riktigt fokuserar kommer se att det faktiskt gömmer sig ett tecken bakom varje stapel. Tillsammans bildar staplarna en låttext, blogginläggets titel ger lite hjälp på traven.

Till vänster i bild nedan är en 300% förstoring av de första raderna i "låttexten" till höger. Det är enklare att läsa texten i originalstorlek, så kryp närmare skärmen... Kan du läsa vad det står?

Läs mer på distractionwares devlog

Tävling: Sämsta loggan vinner!

2010-11-21T08:43:00.011+01:00

Ofta brukar en tävlingsjury försöka bedöma vilken prestation som varit bäst. Den som varit bäst får därefter kanske ett pris och evig berömmelse. Siten "How Low Can Your Logo?" gör tvärtom. Skicka in ditt sämsta logotypförslag och vinn en riktigt dålig film och bli ökänd bland designers!

Detta är vansinnigt roligt på flera sätt. Dels har det inkommit en hel mängd sköna logotyper som skulle få vilket företag som helst att tappa kundernas förtroende, men det är också kul i och med den aktuella debatten kring no!spec och crowdsourcing.

Här följer några loggor som skickats in till tävlingen. Om du vill vara med och tävla, glöm allt du lärt dig av mig, eller åtminstone, gör tvärtom. Om du inte vill tävla kan du åtminstone besöka siten och rösta.

Lektion: A-kurs slut!

2010-10-29T09:17:00.010+02:00

Kursen avslutades i går helt utan pompa och ståt, snarare var alla jättestressade in i det sista över att hinna printa sina slutprojekt (skivkonvolut för cd eller 12").

Resultaten var varierade. Somliga höll hög klass med balanserad layout och där man tagit hänsyn till proximitet, färger och tänkt igenom den typografiska helheten. Några höll lite lägre standard med stavfel, felaktiga avstavningar och annat slarv, taskig kerning och kontrast och generell obalans i kompositionerna som först upptäcktes när produkterna kom ut ur 4880:n. Somliga blev inte klara i tid alls.

Det är lite sent att upptäcka fel så sent i produktionsfasen som vid print. Genom noggrannhet kan man hitta dem mycket tidigare. Som tur är jobbar vi inte med skarpa projekt ännu och detta är en nyttig läxa. Kontrollera inte allting 2 gånger. Kontrollera 10 gånger, eller mer... Det kan se hur bra ut som helst på skärmen, men det kan se helt annorlunda ut i print om man inte varit noga.

På grund av schematekniska blunders i år hade kursen varit omöjlig att genomföra utan en så självgående kursgrupp. Bra jobbat allihop och tack för att ni varit så drivande! Nu vill jag bara ha in designdokument för slutprojekten, sen är det betygsdags. B-kursen börjar efter novemberlovet.

Det var fullt ös i veckan. Här bifogas några bilder:

Nyhet: APU - Arbetsplatsförlagd utbildning

2010-10-15T09:19:00.006+02:00

Som del i utbildningen på vår skola får eleverna 10 veckor APU, Arbetsplatsförlagd Utbildning, utspritt i 2- och 3-veckorsblock i åk2 och åk3.

Just nu, i veckorna 41 och 42, befinner sig mina elever ute på webbyråer, reklambyråer och tryckerier i regionen för att få en inblick i yrkeslivet. Min förhoppning är att det inte är så stora skillnader från min undervisning utan att eleverna snarare får "aha-upplevelser" och känner igen sig i olika arbetsmoment och metoder.

Denna gång har jag elever som är på bl. a. webbyrån Bluelight, reklambyråerna Goddag, HSTD, Fristil och Laholms lito.

Det är inte helt lätt att som gymnasieelev slå sig fram och ta för sig bland de företag som finns häromkring, i synnerhet inte när det är hård konkurrens om praktikplatserna med högskoleutbildningar och ky/yh-utbildningar.

Jag är enormt imponerad av elevernas insatser och driv i att hitta praktikplatser, och eftersom graf-lektionerna uteblir från mitt schema under dessa veckor ska jag försöka boka in platsbesök hos åtminstone ett par av byråerna.

Lektion: Skivkonvolut

2010-10-06T11:38:00.008+02:00

A-kursens sista moment består i att branda en artist. Eleverna får ut material i fråga om s.k. liner-notes, musik (mp3) och eventuella fotografier och ska paketera artistens musik genom att skapa ett snyggt skivkonvolut.

Utmaningen ligger i att hitta rätt stämning. Är musiken lugn? Högt tempo? Rytmisk och varierad eller monoton? Hur kan detta utnyttjas i formgivningsprocessen, typografiskt och färgskalemässigt?

Se gärna följande inlägg på bloggen för referens:
http://lbsgraf.blogspot.com/2010/01/nyhet-melodic-fluke-out-now.html

Se också Paula Scher om typografi med musikkoppling:
http://www.hillmancurtis.com/index.php?/film/watch/paula_scher/

Kom ihåg att gridda er layout, det kommer hjälpa er att nå snyggare resultat.

Tips: Designprocessen bakom logotyper

2010-09-29T08:16:00.002+02:00

Vi jobbar med logotyper denna vecka jag lägger upp några länkar här om hur några designers ser på designprocessen bakom en logotyp/företagsidentitet.

Designprocess: Jacob Cass

Designprocess: Our Logo Design

Designprocess: David Airey

Bläddra även i etiketten "Logotyper" här på bloggen.

Reklam: Valkampanjer 2010

2010-09-14T12:34:00.017+02:00

Ja, det var väl oundvikligt... jag gick in med inställningen att kunna hålla mig helt neutral genom valkampanjerna, men nej... tack vare en tabbe som reklambyråerna Locomotiv och Dist gjort i Miljöpartiets tjänst är det dags att bli lite politisk här på graf-bloggen.

Det är en soppa av olika aktörer som skriker ut politiska budskap i vårt offentliga rum och jag kommer bara att ta upp några av dem. Kvaliteten på kampanjerna har varit minst sagt varierande. Jag kommer inte att tala om det talanglösa användandet av twitter här, men sök gärna upp de olika partiledarna själva och upptäck såväl spökskriveri som torra direktflöden från olika bloggar istället för direktkontakt med personerna.

Nya Moderaterna
Nya Moderaterna (byrå: Garbergs, tror jag) har stulit Socialdemokraternas gamla kampanj och kallar sig "Sveriges enda arbetarparti" fast denna gång omstöpt i blå färger givetvis. Reinfeldt framstår som en mysfarbror på fotografierna som kanske funkar för de som redan är hängivna den blå politiken, men kommer nog knappast generera några nya väljare. Texterna på affischerna är satta i någon slags fetstilt versal sans-seriff (eventuellt Futura) som framstår som ett tungt svårläsligt block när man cyklar förbi.

Deras reklamfilmer känns klart bättre och i synnerhet roligare där de spelar på "olika anledningar att skaffa ett jobb", såsom exempelvis helg, och andra saker som egentligen speglar lyckan att slippa jobba, men även på att den yrkesverksamme får bättre självkänsla och större möjligheter till att skapa nya relationer etc. Givetvis är andemeningen att man som arbetslös lätt hamnar i en ond cirkel där man kanske inte mår så bra och heller inte kan uppskatta ledigheten på samma sätt som om man är yrkesverksam.

Socialdemokraterna
Den andra giganten, Socialdemokraterna, har å andra sidan är inte mycket roligare valaffischkampanj med den veka snedställda seriff-fonten som säger "Vi kan inte vänta", men reklamfilmen har dock en skön känsla. Partiet använder signature möjligheternasland.se i sin kampanj och denna valfilm vissar sannerligen ett möjligheternas land där musiken för tankarna till ett friktionsfritt snurrande maskineri (lite som tomtarnas julverkstad, inte sant?) där alla har chans att få jobb, vård osv.

Centerpartiet
Centerpartiets valaffischer fokuserar på jobb åt unga och företagande. Maud Olofsson porträtteras på ett förtroendegivande och positivt sätt tillsammans med olika slagord som ska ge en positiv framtidsbild av Sverige tillsammans med Centern. Deras reklamfilm är underhållande! Den fokuserar på Sveriges barn och ungdomar och skapar en ironisk/dystopisk världsbild där ungdomarnas egna målbilder och framtidsutsikter är skrattretande låga. Mauds röst lämnar oss i slutet av filmen med ett val.

Kristdemokraterna
Kristdemokraterna har gjort en kanonkampanj! Valaffischerna engagerar och är grafiskt riktigt snygga! Vi har Göran Hägglund i profil stirrandes olika djur i ögonen med undertexten "Ett mänskligare Sverige", satt i ett tämligen handritat typsnitt. De olika djuren symboliserar olika typer av personlighetstyper, egoistiska bufflar, fega strutsar, giriga hyenor mm, och deras reklamfilm bygger på samma idé och de går formmässigt mycket bra ihop.

Miljöpartiet
Nu då till Miljöpartiets kampanj, som är katalysatorn till detta inlägg. Affischerna är bra där de i huvudsak använder text och symboler som man direkt kan förstå innebörden av, men en av deras reklamfilmer gör mig riktigt bestört. Den kommunicerar inte deras budskap, eller är det precis det den gör?

En flicka i kanske 10-årsåldern har vuxit ifrån sin docka och ska källsortera den. Hon sliter demonstrativt av armar, ben och huvud, tar ut batterier och avlägsnar kläderna. De olika delarna källsorteras i olika fack, plast, textil osv.

Men... vore det inte bättre att ge bort dockan till sin yngre kusin så att det slipper gå åt ännu mer energi och fossilt material för att ta fram en ny docka? Det är ju för sjutton en analogi med Miljöpartiets energipolitik! Skrota kärnkraften och den energi som våra förnybara energikällor (vind/vatten) inte kan förse oss med får vi importera genom smutsig elektricitet från olje- och kolkraftverk i öst. Var det så vi skulle tolka det? Kardinalfel. Suck.

Så, jag tycker att vissa reklambyråer som står bakom dessa skapelser ska ha stor cred, medan några andra har inte har haft respekt för sitt uppdrag alls. Vad tycker ni?

Random: The Chopping Block firar 20 år med Photoshop utan Photoshop

2010-09-09T09:08:00.007+02:00

Jepp, Adobe Photoshop firar 20-årsjubileum i år och du kan besöka photoshop20anniversary.com för att se vilka förändringar som gjorts under åren.

The Chopping Block firar händelsen med en kortfilm, som fokuserar på avsaknaden av Photoshop.

Tävling: Fairtrade vill ha din design!

2010-09-04T17:20:00.006+02:00

Min kära mor tipsade mig häromdagen om en designtävling som Fairtrade utlyst. Jag brukar själv försöka hålla ögonen öppna för tävlingar, men detta främst när vi kommit lite längre in i utbildningen då man kan behöva ha fått lite mer perspektiv på design och behärskar sina verktyg bättre. Kanske är detta en perfekt uppgift för er som läst graf hos mig tidigare år!

Fairtrade är, som om ni inte redan visste, en organisation som verkar för att produkter ska framställas under etiskt och miljömässigt försvarbara förhållanden. Om en produkt framställs i linje med Fairtrades normer får produkten märkas med Fairtrades logotyp.

Fairtrade ska nu ta fram ett tryck på en tygkasse och behöver hjälp. Senast den 9:e september (det är nu på torsdag det) vill Fairtrade ha in ditt bidrag, så det är ont om tid men definitivt inte kört om du vill vara med. Gör ett försök!

Bild: Fairtrade.se

Tips på vägen

Om du läser tävlingsinstruktionerna upptäcker du att Fairtrades beskrivning av målgruppen för denna tygkasse är oerhört bred. Försök hitta något som målgruppen har gemensamt. Fundera över vad man använder kassen till, var någonstans, när och vilka incitament som finns för att använda den överhuvudtaget?

Försök hitta något unikt så att bäraren känner sig lite speciell över att gå runt med den. Då har ni hittat rätt.

Läs tävlingsinstruktionerna. Lycka till!

Lektion: Undervisningen har börjat...

2010-09-01T13:59:00.014+02:00

Lektionen idag handlar om att lära känna våra digitala verktyg. Begrepp som upplösning, bitdjup, pixelgrafik respektive vektorgrafik, cmyk kontra rgb och annat utreds.

Arbetet fortsätter med instuderingsfrågor inför ett skriftligt G-prov på detta tema, parallellt med att eleverna lär känna Adobe Ps, Ai och Id genom guider/tutorials.

Postar några länkar (sitt gärna hemma om ni har möjlighet):

http://www.blog.spoongraphics.co.uk/ (Illustrator)

http://photoshoptutorials.ws/ (Photoshop)

http://designm.ag/tutorials/indesign/ (InDesign)

Ida tipsar:
http://psd.tutsplus.com/

När ni gör inämningar, gör detta i originalformat i möjligaste mån (så att jag kan botanisera lite bland objekt/lager etc.).

Photoshop-tutorials inlämnas som .PSD

Illustrator-tutorials inlämnas som .AI (kom ihåg att köra köra Create Outlines på eventuell text).

InDesign-tutorials inlämnas som .INDD (kom ihåg att köra köra Create Outlines på text om ni använder externa typsnitt, samt lägg alla bilder i din mapp så att länkningen fungerar).

Nyhet: Nytt läsår, ny kursgrupp!

2010-08-11T13:41:00.005+02:00

Snart är det skolstart igen. Slut på sötebrödsdagarna! Nej, det är ju nu de börjar... åtminstone för oss på graf-profilen!

Nästa vecka kommer det ett 70-tal nya åk1:or och veckan därefter rullar åk2 och åk3 in. Ska bli spännande att köra igång ett nytt läsår med gäng motiverade designelever och se vad som kan åstadkommas i år.

Åk2 och åk3 hälsas varmt välkomna tillbaka på tisdag 24/8. Samling sker i aulan kl. 09.30 för åk2 och 10.00 för åk3.

Superhärligt och inte det minsta tillrättalagt personalfoto. ;]

Nyhet: LBS grafiker tar guld och silver!

2010-06-09T16:23:00.010+02:00

Företaget Up and coming utlyste tidigare i våras en designtävling där man skulle ta fram ett "klimatsmart t-shirttryck", Tree-shirt. Konceptet är att man för varje såld tröja planterar ett träd i Afrika som har positiva effekter på jordbruk och miljö vid platsen där den planterats. Detta var en perfekt uppgift för C-kursen i Grafisk kommunikation! Resultatet skulle bli en kommersiell produktion och man var tvungen att tänka till ordentligt på tröjans målgrupp.

I läraryrket dyker det ibland upp ett lov när man som bäst behöver det och jag fick suttit någon kväll eller två och gjort ett förslag som senare skulle visa sig vinna och få pryda den första upplagan tree-shirts...

Jonathan och Matilda som läst graf-utbildningen under året tog en stabil andraplats och jag noterar på tree-shirt.se att deras tryck kommer att pryda nästa upplaga! Den kan förbeställas redan nu!

Tanken med mitt eget tryck var att med humor som verktyg lyfta fram handlingen, den goda gärningen i att plantera ett träd, och att man så att säga "får en tröja på köpet".

Jonathan och Matilda skapade en ordbild där klimat-ord står i centrum och bygger upp ett träd där konturen av den afrikanska kontinenten utgör trädets krona. Kopplingen till temat är solklar!

Det är svårt att skriva detta utan att låta högmodig, men visst är det fantastiskt roligt! En fjäder i hatten för LBS och ett kvitto på att vår graf-utbildning i Halmstad håller måttet, för att inte tala om våra duktiga graf-elever!

Köp din tree-shirt här!

Terminen lider mot sitt slut och med denna glada nyhet tackar jag för ännu ett kul år med graf-profilen! Det har varit en mycket trevlig elevgrupp att arbeta med och många har gjort fina prestationer i kurs-sviten.

På återseende igen efter sommaren!

Analys av Fotbolls-VM logga

2010-06-06T20:44:00.005+02:00

Med ett nytt fotbolls-VM som står inför dörren och bara väntar på att sparkas igång om, i skrivande stund, fem dagar nere i Sydafrika. Och sedan förra fotbolls-VM i Tyskland har logotypen genomgått en skönhetsoperation.

Fotbolls-VM Tyskland 2006:

Denna logotype tycker jag påminner starkt om pringles logotype. Något som gör att fokus försvinner från fotbollen lite. Med sina smileys inklämda i loggan blir även helhetsintrycket lekfullt. Med Gul röd och svart framgår det även att det var just Tyskland som fotbolls-VM spelades i.

Fotbolls-VM Sydafrika 2010:

Tillskillnad från Tysklands logga, så är denna mer lik Fifas riktigt logga. Och man har i årets verison satsat på att lyfta fram lite av den historian som finns i Afrika. Här är det istället hela kontinenten som syns. Med hjälp av glada färger och ett inslag av grottmålningar lyfter man fram ännu mer av Afrika tycker jag.

Sammanfattning

Personligen tycker jag att årets version är bättre än Tysklands version. Även fast båda är lekfulla, så är årets mer seriös och inte så barnslig. Något som är nämnvärt är att man nu istället för att fokusera på värd nationen så har man lagt fokus på hela Afrika som kontinent. Vilket på ett sätt gör att Sydafrika hamnar lite i skymundan, men ger hela Afrika en chans att komma ikapp resten av världen när det gäller ekonomi och utveckling. Eftersom Tyskland redan är ett av världens främsta länder behövde man inte lyfta fram det då, utan kunde fokusera mer på fotbollen.

Låt Fotbolls-VM börja!

/ Eric MPH08B

Hur man förstör en bra strukturerad tidning.

2010-06-03T10:02:00.001+02:00

När jag var på APU så var jag hos grafiken på Länsförsäkringar en eftermiddag, och hon visade mig några av hennes arbeten. Bland annat så visade hon deras årsredovisning som man hade presenterat i en tidning. Hela denna tidningen var allt väldigt snygg och strukturerat, förutom just en lite del. Grafiken på LF hade fått för sig att hon skulle ta med lite bilder från företaget som hade blivit tagna under årets gång. Att ta med såna här bilder tycker jag är en väldigt bra ide för det visar att det har hänt lite roliga grejer under året, och det blir en mer avslappnad känsla över tidningen och inte bara siffror och tråkig text. Men det sättet som hon hade valt att placera bilderna var helt åt helvete. För det först så hade hon tagit bilder som var pixliga sen hade bara lagt ut bilderna lite hur som helst, bilderna låg på varandra och snett ungefär som ett kollage. Ett kollage kan vara väldigt snygg i vissa sammanhang men inte i en årsredovisning där allt är väldigt strukturerat och allt ligger rätt på pixlen.

Som jag sa innan så att ta med bilder från företaget tycker jag är en väldigt bra ide och det blir en lite roligare känsla över allt. Men jag hade inte tagit och lagt bilderna så som hon hade gjort. För det först så hade jag tagit högupplösta bilder och sen så hade jag tagit och gjort som man ser i många biografier att man tar några sidor i mitten av tidningen och lägger ut bildena där. På det här sättet så kan man även ta och skriva några rader om vad som händer på varje bild. Skulle hon ha gjort så här så hade bilderna fått en naturlig avdelning i tidningen och man hade fått ett rast från den tråkiga läsningen. Man hade även behållit den strukturen som var i tidningen och hela tidningen hade vart som ett istället.

2010-06-02T11:42:00.011+02:00

You The Designer har satt ihop en lista på drygt 30 olika webbsidor med login-funktion. Främst för sidor med nätverkande, används denna funktion då man loggar in och sedan kommer vidare genom sitt konto. Dessa 30 utvalda sidor utmärker sig speciellt med sin design på login fältet, men på olika sätt.

Små detaljer kan göra stor skillnad och påverka upplevelsen hos sidans besökare. Speciellt det första intrycket av något är viktigt, därför kan jag tycka att enkelheten är till stort avgörande för om man loggar in eller inte. Är sidan svår att förstå sig på eller för otydlig att visa på var man loggar in, är också risken stor att man inte heller loggar in. Men även detaljerna utgör alltså sin del och påverkar om man överhuvudtaget vill titta vidare på sidan eller inte. Detaljer gör det ofta mer intressant och spännande. Beroende på vad det är för sida och på vad man vill att det första intrycket ska förmedla, ser designen olika ut.

I listan finns olika exempel på tydlig- och enkelhet, vissa har valt att satsa på en startsida/ett "popup fönster" som direkt visar var och hur man loggar in. Andra har valt inte göra loginfältet lika tydligt i sin placering men gjort den synlig och tydlig till designen. Jag kan tycka att det finns mycket att vinna på ett koncept då man satsar på att göra layouten för loginfältet speciellt. Syns man inte, finns man inte. Syns man, finns man. Sticker man ut, blir man intressant och ihågkommen. Att genom designen göra ett besök på en sida roligare, eller göra det första intrycket av den starkare, tror jag många gånger bidrar till ett större intresse för fler för sidan.

/Nicolina

Apotekens logotyper

2010-06-02T08:30:00.003+02:00

Jag har granskat olika apoteks logotyper och kommit fram till att Apoteket AB har den med högst klass. Den har även ett försprång jämfört med andra. Den har funnits med länge och både därför och tack vare logotypen så känns den väldig trovärdig och "samtida". Det "gröna korset" visar också på att det är ett godkänt apotek.

Apotek Hjärtat, har en riktigt schysst och enkel logga, som går ett steg längre i formgivning än de andra. Det verkar som om de vill visa världen som enkel, med mycket glädje och värme. Hjärtat gör att tankarna går mer åt hela kroppen än åt de tabletter man kan tänkas hämta ut. Jag gillar även färgen, som känns varm och modern, även frisk.

Sämst tycker jag om Vårdapotekets logga. Första intrycket var att de röda punkterna är blodsdroppar, vilket inte ger ett så muntert första intryck. Den känns också väldigt rörig och inte alls så enkel som de andra. Den blir därför också svår att sätta på förpackningar mm.

/Elin mph08a

Projekt: "Jag jobbar inte med sån't jag är dålig på..."

2010-06-01T12:42:00.000+02:00

Som projektarbete valde jag att göra en bok med bra bilder, lite text och en schysst layout. Det jag fick på köpet var sena kvällar, många timmar och troligen så försvann hälften av att hår på huvudet.

Layoutarbetet började i slutet på Februari, med en tanke om hur stor boken skulle vara. Först var måtten 19*20cm men det slutade med att den blev 15*16cm efter ganska mycket ändringar.

Jag tog materialet och började skissa på ett system av olika grids i InDesign och satsade på att få rätt marginaler på boken. När jag väl fått ihop mitt system så blev det snabbt en fråga hur jag skulle göra för att det skulle finnas en röd tråd genom hela layouten utan att få varje uppslag att se likadant ut. Jag började skissa på hur bilderna skulle ligga och vilka bilder som kunde vara mindre och vilka som borde vara lite större.

Redan tidigt i min tankeprocess var min plan att använda Helvetica, jag tycker att Helvetica är ett bra och snyggt typsnitt som passar mig utmärkt. Det fanns egentligen aldrig några alternativ till det hela utan det handlade mer om vilken storlek man skulle ha på texten och om det skulle vara en fetmarkerad någonstans text eller inte.

Väl såhär långt hade nog en fjärdedel av håret försvunnit och mer höll på att försvinna. När jag la mina linjer och vissa bilder tänkte jag bara delvis på utfallet som behövdes så de flesta bilderna fick jag göra om för att det skulle fungera snygg med alla marginaler m.m.

Efterhand som sakerna började falla på plats kom man på små saker som kunde göra hela layouten bättre. T.ex. är "kapiteltext" uppe på varje sida en sådan liten detalj som enligt mig fyllde ett litet tomrum man inte tänkt på tidigare.

Sista saken som gjordes boken var ett omslag, jag hade redan från början en idé om att jag skulle göra så det såg ut som en anslagstavla där man hade provat fram olika förslag på omslag. Så jag skrev ut några bilder och tejpade upp på en anslagstavla samtidigt som jag skrev ut texten "Jag jobbar inte med sånt jag är dåligt på.." och satte upp med häftstift för känslan att den bara är provisoriskt uppsatt.

Kontentan av det hela är att hela processen var lätt värd att mängder med timmar och allt håret som försvann..

/Benjamin.

Pepsis nya logotyp

2010-05-31T12:31:00.003+02:00

Jag hittade en version av pepsis nya logotyp, en tjockis som dricker pepsi. Hur har de tänkt när de gjort logotypen? Den gamla är mycket bättre än den nya. Jag kommer alltid att tänka på "pepsigubben" när jag ser deras logotyp. Pepsi vill att deras logotyp ska se sportig ut, den gamla liknade mer en tennisboll och den nya.. Ja ni vet. Var ser man den sportsliga känslan de alltid vill förmedla? Jag känner att den ger den motsatta känslan. Från en bra logotyp till en dålig. Nu kommer ni antagligen tänka som jag när ni ser den nya logotypen. -haha

//Veronica

Tips: Typografi med musikkoppling

2010-05-31T09:03:00.004+02:00

musicphilosophy.co.uk drivs av en grafisk designer som heter Mico. Han gillar musik och typografi och kombinerar de båda intressena på sin site där han tar strofer ur låttexter som han skapar trevlig grafisk formgivning utifrån.

Kolla in!

Nyhet: Pacman 30 år!

2010-05-22T11:35:00.004+02:00

Arkadklassikern Pacman firar 30 år och dagen till ära har google låtit göra om sin sökmotorlogotyp till ett fullt spelbart flashbaserat (?) Pacman-lir! Man kan till och med spela 2 player med Ms. Pacman som andraspelare.

[Player 1] styr med Piltangenterna och [Player 2] med W, A, S och D.

Hugg tag i kompisen eller ett syskon och game:a loss!

Klicka på "Insert Coin".

Nyhet: Site-launch - Sidearm.se

2010-05-11T09:30:00.009+02:00

Det var på tiden! Efter att ha suttit och betalat för domännamnet i över ett halvår så har jag nu äntligen fått knackat färdigt min personliga portfolio. Den heter Sidearm och är en samlingsplats för mina kommersiella och även en del privata projekt.

Siten bygger layoutmässigt på 960.gs (som jag inte kan sluta lovorda här verkar det som) och kodmässigt är det ett råttbo bestående av klassisk HTML/XHTML/XML/CSS och bloggverktyget/CMS:et Wordpress.

Sidearm.se

Det har blivit många sena nätter framför datorn efter jobbet med företrädesvis elektro i lurarna och det ska bli riktigt skönt med långhelg (Kr. Himmelsfärd). Jag kommer under denna ledighet att utveckla fliken "Timbral" på siten, samt tracka lite ny musik på min Atari ST! :]

Nyhet: Sommarexpo 2010!

2010-05-06T10:30:00.006+02:00

Då var det dags igen! 12/5 öppnar vi dörrarna och visar upp läsårets elevarbeten här på LBS i Halmstad. Extra roligt är att det är Elin Larsson från graf-profilen som stått för Art Direction av denna affisch.

Alla är välkomna kl. 15-18! Vi ses!

Nyhet: Lägesrapport och det där med majblomman...

2010-04-26T09:04:00.006+02:00

Det blir ett något sömndrucket blogginlägg denna måndag morgon, för det var ett tag sedan jag postade här. Graf-eleverna är ute på arbetsplatsförlagd utbildning sedan ett par veckor tillbaka men nästa vecka kör vi igång som vanligt igen.

Jag har under dessa veckor fått tid på mig att komma ikapp med rättning, skapa nya uppgifter, knacka HTML/CSS och lära mig lite nytt. Dessutom har vi fått en fin bok till vårt referensbibliotek, Creative Swedish Agencies 2010.

Creative Swedish Agencies 2010, från Young Rascal presenterar ett tjugotal svenska annons-/designbyråer.

Och så var det ju det här med majblomman. Man upphör aldrig att förvånas. Årets majblomma sägs vara slående lik Sverigedemokraternas logotyp, något som media givetvis blåser upp.

Majblomman 2010, slående lik SD:s logotyp?

Att utröna vem som är vinnare och förlorare är ju inte så svårt. Givetvis gagnas SD av publiciteten i media och av att människor bär denna "propaganda" på kragen, medan Majblomman som organisation sannolikt förlorar intäkter på grund av alla de som nu avstår från att köpa blomman.

Det finns många konspirationsteorier och diskussioner om ämnet om man googlar, inget jag tänker ta upp här, men denna historia understryker återigen hur viktigt det är att vara påläst som grafisk formgivare. Det blir så lätt fel.

Nyhet: Entireweb - Halmstadbaserad sökmotor!

2010-04-14T08:47:00.008+02:00

Halmstadbaserade Entireweb nylanserades i förra veckan och har som mål att konkurrera med jättarna Google och Bing.

Även om sökmotorn i dagsläget inte har en lika välfylld databas och därmed inte kommer i närheten av Googles och Bings antal sökträffar så är nog detta definitivt den snyggaste sökmotorn jag sett! På sidan möts man av slipad "Web 2.0-grafik" och sökresultaten presenteras med en liten thumbnail av sidans utseende vilket gör att man redan i sökmotorn kan avgöra om man hittat rätt. Dessutom presenteras de senaste relaterade twitterpostningarna i en kolumn vid sidan.

Man har i dagsläget över 100 miljoner sökningar per månad och det är nog en tidsfråga innan Entireweb tar en betydelsefull andel av sökmotormarknaden.

Entireweb.se (eller .com om du så vill).

Intäkterna sker genom Entirewebs egna annonsnätverk "SpeedyAds" och genom reklam i ett internationellt nyhetsbrev som går ut till nära en miljon prenumeranter. Intresset för alternativa söktjänster är stort! Dessutom kan man snabbregistrera sin site på Entireweb för en ynka hundring.

Följ Entireweb på Twitter!

Nyhet: Cap&Design trimmar formen!

2010-04-01T09:51:00.006+02:00

Dagens bästa, helt klart! Det största svenska magasinet för oss grafiska formgivare gör en radikal förändring av typografin på sin webbsida. Beskåda och njut, men pass på... tills i morgon lär man ha tryckt [Ctrl+Z]!

På siten skriver de såhär:

Som ni märker har vi tagit första steget i vår redesign. Målet är att få fram ett nytt, lite lättsammare utseende för att framhäva glädjen som inspiration och kreativt skapande ska ge våra läsare.

Artikel: Om konsten att uppnå flow...

2010-03-30T22:11:00.005+02:00

Har ni någon gång kommit in i det där arbetsflödet då man tappar all känsla för tid och rum och då kreativiteten flödar? Det är de där gångerna när man fram emot småtimmarna funderar på att hoppa över att gå och lägga sig bara för att arbetet flyter på så bra. Ni som upplevt det känner också till hur svårt det kan vara att hitta tillbaka till den där sinnesnärvaron i arbetet.

John Airaksinen/Psykologifabriken skriver i senaste numret av Cap&Design (Nr.2/2010) om just detta fenomen och ger 7 enkla tips på sätt som kan hjälpa dig komma i stämning. Han jämför problematiken med TV-spel och menar att det är de tydliga ramarna/reglerna i spelet som gör att du kommer i stämning, rättar dig inför dessa och presterar. Om man sätter upp liknande regler för sig själv i sitt kreativa arbete ska man alltså ha enklare att hitta flowet. Jag tyckte det var en så bra och intressant artikel att jag sammanfattar den här:

Tips 1. Sätt upp tydliga mål och ramar
I TV-spel är reglerna så tydliga att det inte finns utrymme för att tänka på något annat utanför den avgränsade värld som utgör spelet. Försök omvandla arbetet på liknande sätt till en inramad värld. Exempelvis kan man sätta upp mål för dagens arbete där man på förhand bestämmer vad som ska uppnås och med vilka verktyg (därmed inte sagt att man behöver låsa sig vid en teknik, men chanserna att uppnå flow är större om man lägger 100% av sin energi på den teknik som man för tillfället arbetar med).

Tips 2. Hitta balans mellan färdighet och utmaning
TV-spel är fantastiskt underhållande så länge svårighetsgraden är rimlig, men med en enkel justering kan spelet göras för enkelt eller för svårt. Om det är för enkelt tappar man fokus och tröttnar snabbt, och är det för svårt blir man frustrerad och lägger ner spelandet. Tyvärr kan man som formgivare inte ställa in svårighetsgraden med ett reglage från "Easy" till "Hard", men man kan ändå testa att arbeta med en ny teknik för att göra uppgiften mer utmanande, eller om det är för komplicerat kan man arbeta fram till ett delmål (exempelvis en eller flera idéskisser beroende av projektets karaktär) och sedan ta hjälp av en kamrat/kollega.

Tips 3. Bemästra verktygen
Ju mer tid man måste lägga på att leta bland paneler och verktyg i programvarorna, desto mindre blir chansen att uppleva flow. Verktyget blir ett hinder, och det är först när snabbkommandona sitter i ryggraden som man kan lägga all kraft på det njutningsfulla skapandet. Kör gärna igenom lite tutorials i Photoshop och Illustrator emellanåt. Det är ett konkret steg mot att oftare hamna i flow framför datorn.

Tips 4. Ta bort distraktionerna
Att hamna i flow är en mental process som är mycket tidskrävande och fordrar full fokus på uppgiften, och när man blir avbruten måste processen påbörjas på nytt igen. Störande moment är flowets fiende nummer ett och måste minimeras till varje pris. Twitter, Facebook och MSN kan hållas på avstånd genom att man inte tillåter sig själv att ha andra webbsidor och program öppna än de som behövs för att lösa den aktuella uppgiften (själv har jag så dålig disciplin att jag tvingats göra två login på min dator där ett av dem har skalats av ordentligt för att jag ska kunna arbeta utan att bli distraherad). Ett par rejäla hörlurar med bra musik (instrumental musik brukar vara minst distraherande) kan vara bra att ha för att slippa störas av kompisen/kollegan som vill visa de senaste Youtube-klippen stup i kvarten. Till slut börjar man associera musiken till flow och musiken i sig blir ett verktyg för att komma i stämning.

Tips 5.Träna förmågan att fokusera
Flow handlar om djup koncentration och det finns studier som visar att personer som ägnar sig åt meditation, kampsport och liknande har lättare att hamna i tillståndet. Här rekommenderar John Airaksinen att man tränar sin uppmärksamhet genom meditationsövningar.

Tips 6.Direkt feedback och kontroll
Två av huvudkomponenterna i flow-upplevelsen är känslan av fullständig kontroll över situationen samt den direkta feedbacken som talar om att arbetet hela tiden går framåt mot målet. Viktigt är att bejaka dessa båda faktorer och kanske till och med notera och bocka av delmål när de är klara. Listan som genereras i sig har inget egenvärde och kan slängas när man är klar, men det ger en direkt tydlig feedback på framstegen som gjorts.

Tips 7. Gör mer av det som redan ger flow
Alla studier på flow visar att man måste tycka om aktiviteten man ägnar sig åt för att överhuvudtaget kunna hamna i flow. Även om man kan göra trista rutinuppdrag mer utmanande kan det vara värt att fundera över hur mycket tid man lägger på olika arbetsuppgifter och vilka som gör att du upplever flow. Eftersom du peakar i din prestationsförmåga under flow kanske det till och med vore ekonomiskt försvarbart att enbart göra den typ av aktivitet som triggar just dig och sedan leja någon annan att göra de delar som intresserar dig mindre?

Nyhet: Såhär i valtider...

2010-03-19T08:41:00.011+01:00

... går Alliansen och byter upp sin redan nya politik mot en ännu nyare med hjälp av en rykande färsk grafisk profil. Denna har blivit de senaste dagarnas stora snackis både i TV, i tidningar och på marknadsföringsorienterade bloggar. Loggan är framtagen av Garbergs och har fått utstå mycket spott och spe redan.

Loggan ser ut såhär och verkar komma i två utföranden.

Den påminner mycket om TV-kanalen Animal Planets logga. Bokstäverna ligger huller-om-buller, har olika tjocklek, dålig avstavning i den högra varianten osv. Lite som när en 5-åring försöker skriva. Det lustiga är också att Animal Planets marknadschef Lotta Schlingmann är fru till moderaternas partisekreterare Per Schlingmann, så nog finns det en ganska tydlig koppling mellan de båda loggorna.

Frågan är nu varför man gör såhär... Loggan har fått mycket kritik, bland annat ifrån giganter som Lars Hall, Peter Neumeister och Thomas Kurppa i tidningen Resumé och visst... snygg är den ju inte kan även jag tycka, men är det så illa som det blåses upp i artikeln? Troligen inte...

En logga behöver inte vara det snyggaste världen någonsin skådat, utan det viktiga är att den fyller sin funktion. Det är kanske just dessa reaktioner man vill åt. Alliansen befinner sig i underläge och kanske tänker man att en snackis/debatt (oavsett vad den gäller) är precis vad som kan få koalitionen tillbaka på banan igen.

Det största felet med loggan som jag ser är att den känns alldeles för barnslig. Barn ska inte tilltalas av loggan utan det är myndiga röstberättigade medborgare som tillhör målgruppen. Garbergs har med sina väl valda ord sålt in loggan som "lekfull", och fått alliansen att tömma rikets plånbok för att en massa ungar ska tycka att den är skojig.

Vad tycker du om saken?

Nyhet: Nytt världsrekord i Donkey Kong!

2010-03-13T10:13:00.006+01:00

Appropå Veronicas kommentar om det gamla Atari2600-spelet "E.T" i föregående inlägg kom jag ihåg att det gamla arkadspelet Donkey Kong fått en ny världsmästare alldeles nyligen. Hank Chien, plastikkirurg, fick 2009 för sig att han skulle slå rekordet. Inspirerad av dokumentären "King of Kong - a fistful of quarters" gjorde han också detta med 1 061 700 poäng i februari i år.

Jag har dokumentären, den är helt fantastisk, så om tid ges och intresse finns kan vi kolla på den.

Läs gärna denna artikel om du vill veta mer om det nya världsrekordet.

Såhär säger filmens baksidestext:

Under det tidiga 1980-taket sätter Billy Mitchell nytt världsrekord i arkadspelet Donkey Kong och erhåller den åtråvärda titeln "gamer of the century". I mer än 20 år är han spelets självklara superstjärna och en ikon för tusentals nördar. Men 2003 händer det ofattbara. Den arbetslöse mellanstadieläraren Steve Wiebe inte bara krossar rekordet utan lyckas med det omöjliga - att nå en miljon poäng. För Mitchell - nu framgångsrik såsförsäljare - och hans far är detta oacceptabelt, eftersom det skedde hemma i Weibes garage. En enorm konspirationsteori om fusk sätter igång och det enda sättet att kröna kungen av Kong är en ny tävling.

Lektion: Vad håller vi på med egentligen?

2010-03-12T09:22:00.009+01:00

... jo, det ska jag tala om! De senaste veckorna har vi jobbat med egna projekt i C-kursen. Detta inlägg dokumenterar de senaste veckornas arbete i text och bild. Några arbeten där elever befinner sig mitt i designprocessen i "skarpa uppdrag" mot kund publiceras inte i nuläget. Förhoppningsvis kan lite bilder visas senare när projekten är klara.

Nicolina jobbar på en fotoportfolio åt sin kompis Emilia. Nico baserar sin layout på 960.gs!

Benjamin jobbar dels med sin egen webb-portfolio där han implementerar ett Wordpressbaserat bloggsystem (se www.bybenjamin.se), och jobbar parallellt med sitt projektarbete där han skapar en fotobok om förebilder.

Linnéa och Veronica experimenterar med typografi. Här har de skapat bokstäver av färgglada pärlor som de fotograferat i studio. Dessa ska ligga till grund för en poster.

Malin och Elin har jobbat med vektorillustrationer. Vi tryckte ut ett par arbeten på A2-fotopapper. Ser riktigt tufft ut!

Martina och Therése knäckte idén att skapa bokstäver i trolldeg för att fotografera för att skapa en affisch som hyllar typografi. Efter att ha sandpapprat bokstäverna behöver man visst städa undan dammet också.

Ska bli intressant att se slutprodukten. Konceptet har helt klart potential!

Nyhet: Site-launch och tree-shirt-bidrag

2010-03-02T10:34:00.020+01:00

Tillbaka på jobbet igen efter en galet aktiv vecka! Både snowboardåkning, snöskottande, php/css-kodande och illustrator-freakande har hunnits med. Jag har fått alla registeringshandlingar från bolagsverket och skatteverket rörande mitt företag och dessutom bytte jag upp mig från min gamla Sony Ericsson k608i från början av milleniet till en splirrans ny Nexus One.

Mycket har hunnits med som jag under de vanliga arbetsveckorna här på skolan bara skulle kunna drömma om, men nu kör vi igång igen med full kraft fram till påsklovet! Är ni taggade?

Site-launch: Bitter.as

Den mer eller mindre tramsiga mikrobloggen Bitter som undertecknad jobbat på till och från under de senaste månaderna är nu äntligen klar! Det är en sida där man anonymt kan posta ett 140 tecken långt meddelande där man outar sitt plötsliga missnöje. Kanske hinner man medan man komponerar sin text lugna ner sig såpass att man inte drar knytnäven i tangentbordet framför sig eller gör något annat dumt. Se det gärna som en variant av att räkna till tio (metoden man lärde sig som liten knodd för att undvika slagsmål på skolgården).

Bitter finns på http://www.bitter.as/ och används vid behov.

Har du också haft en dålig dag någon gång? Klart att du har!

Kanske strular skrivaren på kontoret, kanske missade du bussen i morse eller grämer dig över något annat... Nu kan du dela med dig av din skitdag online!

Var först med att upptäcka Bitter, en mikroblogg du kan och bör använda för att lätta på trycket innan du löper amok i hämningslöst ursinne bland kollegor, klasskamrater eller i glada vänners lag.

Tillsammans står vi starka i flodvågen av alla de i-landsproblem som sköljer över oss varje dag!

Bitter.as - Din skitdag online.

Jag vet ännu inte riktigt hur denna site kommer att kunna missbrukas, men skulle så vara fallet och det blir ohanterligt kanske den får läggas ner. Den var kul att bygga i vilket fall som helst. Rent layoutmässigt bygger siten på 960.gs, det 960 pixlar breda gridsystem jag talat om tidigare (läs under etiketten Grids), och nedan bifogas en bild som visar hur 12-spaltsvarianten använts.

Siten är totalt 820 pixlar bred, 640 pixlar för huvudfönstret och 160 pixlar för annonsfältet (+20 pixlar i mellanliggande spalt).

Tree-shirt: preview

I ett tidigare inlägg berättade jag om en designtävling där man skulle skapa ett t-shirttryck. Jag fick ett par eftermiddagar/kvällar till att sitta med illustrator och pula med mitt bidrag efter att ha hjälpt min far på dagarna med snöskottning uppe i Kungsbacka. Här kommer en preview:

Det är inte helt okomplicerat att jobba med en tvåfärgsbegränsning, men det är fantastiskt roligt!

Nu ger vi järnet fram till påsk igen!

Humor: Usel webbdesign och kunder från helvetet.

2010-02-20T16:53:00.010+01:00

Äntligen är det sportlov och för egen del sattes stämningen redan igår eftermiddag med ett par timmar i backen på Vallåsen.

Förhoppningsvis blir det lite tid för mig att jobba med min portfolio och kanske blir det även ett bidrag till tree-shirt-tävlingen.

Jag hittade en kul site som heter Clients from Hell som ni bara måste kolla upp! Anonyma designers postar korta skräckhistorier och citat från kunder de haft. Riktigt roligt! Klicka på bilden nedan.

Smart idé för en website... undra om det finns någon i yrkesgruppen lärare som byggt en liknande site? :]

Dessutom länkar jag till ett företag som arbetar med att göra andra företag mer attraktiva på webben. Joråsattéee... klicka på bilden.

Denna sida har allt. Inte bara animationer, clip-artbilder och musik utan även en hel rad fruktansvärda typsnitt, en bakgrund som inte är anpassad för dagens standardupplösningar mm. Budskapet är klart och trovärdigt... Klart man anlitar NorCal, eller?

Edit 2010-03-06: Länken till siten har tagits bort.

Ha nu ett bra lov! Ses om en dryg vecka igen.

Designtävling: Tree-shirt!

2010-02-12T09:26:00.009+01:00

"Up and coming" är ett företag med ett tydligt miljötänk som arbetar med att bygga upp kontaktnät mellan näringsliv och studenter. Företaget bygger på att studenter är en mycket intressant målgrupp för näringslivet då dessa efter studierna snart är producenter inom olika branscher. På sin webbsida skriver de bland annat:

"... Ni som företag kan få en tidig kontakt i konkurrensen om morgondagens ledare."

När man kommer som student till en ny stad brukar man få en massa välkomstbrev, rabattkuponger och annat hem i brevlådan. Sådana utskick gör även Up and coming, men istället för en massa reklam som sannolikt hamnar i pappersinsamlingen ger de bort prylar som verkligen går att använda!

Nu ska företaget börja ge bort t-shirtar och utlyser en designtävling. De kallar tröjan för "Tree-shirt" på grund av miljötänket bakom. Läs mer om tävlingsinstruktionerna här, så kommer ni förstå.

Rent tekniskt ska trycket passa på en vit eller grön tröja och får vara uppbyggt av en eller två färger. Vinnaren får tröjan tryckt med sitt eget namn på. Anledningarna att delta är många. Deadline är om två veckor (28/2).

Lycka till!

Tips: Inspiration till typografi

2010-02-11T12:34:00.009+01:00

C-kursen i sin lokala tillämpning handlar som bekant om att fylla sin portfolio med arbeten. Typografi är nyckeln till vacker grafisk form. Om du utgår ifrån en idé kring den typografi du ska använda när du bestämmer formen för din produkt kommer mycket av arbetet att flyta på bättre än om du arbetar åt det andra hållet, att försöka anpassa typografin till den grafiska formen.

Det är viktigt att inte vara feg. Ska du skriva en text med ett slagkraftigt budskap på en affisch får du inte vara rädd för att smälla upp den med 200 punkters grad i en fet sans-seriff. Bland det tråkigaste som finns är ju när text sätts i slentrian i små typgrader med exempelvis Times New Roman. Det är sällan genomtänkt.

Här presenterar jag några inspirationsbilder där formgivarna använt sig av lite blandande tekniker. För varför ska man begränsa sig till att enbart arbeta vid datorn?

Yulia Brodskaya arbetar exempelvis med pappersremsor (s.k. quilling) och skapar sina illustrativa bilder genom att vika och vira papper för att sedan fotografera dem. Slutligen kan bilder såsom Nokia-annonsen nedan skapas.

Man kan också arbeta med betong, frigolit eller andra medier för att experimentera med typografi.

Yulias mad quilling-skills.

Nokias 5630 presenteras tillsammans med Yulias pappersillustrationer.

HC Ericsson har gett ut en spännande bok om typografi.

Sannolikt en 3D-modell, men ändå snyggt komponerad och fin kontrast, skuggor mm.

Här en kombination av fysiska egyptienner (Rockwell?) som står på en vit bas med bläckfläckar.

Var det dessa Emil satt och täljde på snickarboa? Nej det är ju omöjligt, Emil utspelas före 1957.

Detta måste vara det bästa trädgårdstomtesubstitut jag sett på länge! Gemena "å" i Helvetica Regular. Hör upp tomtar, kaniner, rådjur och allt annat skräp i rabatten. Gör plats!

Hoppas bilderna inspirerar till arbetet med era portfolios!

Tips: Såhär gjordes filmaffischerna!

2010-02-05T14:23:00.005+01:00

Ett kort inlägg denna fredag. Snubblade över en site som bjuder på en massa filmklipp visandes hur man arbetat med Photoshop för att skapa filmaffischer. Ni får bara inte missa denna orgie i photoshoppande! Här finns exempel på posters bl.a. till filmerna Hellboy, I am Legend och SAW. Klicka på bilden nedan för att länkas vidare. Trevlig helg!

Klicka på bilden för att länkas till sidan med alla filmklipp!

Lektion: Temavecka - Sociala medier

2010-02-03T08:25:00.009+01:00

Temaveckan om sociala medier är i full gång. Med mer eller mindre fokus på temat under de olika lektionerna har vi äntligen nått fram till graf-kurserna denna vecka.

Där fotoprofilen skapar roliga profilbilder till Facebook, bilddagboken och andra communities så gör vi på grafprofilen motsvarande. Vi lägger effekter på bilder, får dem att se illustrerade ut och så vidare.

Såhär kan det se ut... en illustrerad profilbild... Klicka på bilden för att komma till just denna tutorial.

Nedan postar jag länkar till några intressanta tutorials:

http://www.photoshoproadmap.com/Photoshop-blog/2009/03/31/35-creative-portrait-effects-photoshop-tutorials/

http://capdesign.idg.se/2.990/1.276108/sa-fixar-du-frimarkseffekten

Lektion: Reklamkampanj

2010-01-29T09:24:00.010+01:00

Vi gick stenhårt ut i vecka 2 med ett samprojekt mellan Foto- och Grafprofilerna för att ta fram reklamkampanjer av olika slag.

Jag och Magnus hade satt ihop grupper om elever ur båda profilerna som tillsammans skulle bilda kreativa enheter för att lösa kommunikationsbehovet för några olika företag/organisationer. Dessa företag/organisationer slumpades ut till grupperna med hjälp av små lappar i den traditionella hatten.

I denna hatt fanns lappar med namnet på 5 företag/organisationer som gruppledaren för var och en av de ca 15 grupperna plockade (och på så sätt bestämde gruppens öde) vilket innebar att varje företag/organisation skulle få reklamprodukter från 3 st grupper. Den pedagogiska tanken med detta var att eleverna då får chansen att dels genomföra sin uppgift enskilt i gruppen, men samtidigt ta del av hur två andra grupper löst uppgiften och kanske därmed också lära sig lite av deras process.

Många roliga och välgjorda reklamkampanjer blev det till slut, och det är jättekul att se hur långt somliga elever nått efter att ha läst A- och B-kurserna i Fotografisk bild respektive Grafisk kommunikation!

Nedan publiceras några reklambilder som skapades under de två veckor eleverna arbetade med projektet:

Centerpartiets identitet är svag. Vad står de för egentligen? Emmy, Nicolina och Arvid vill ta reda på detta och ge dem en ny kostym.

Julia, Danielle, Mathilda W och Mira tilldelades uppdraget att skapa en reklamkampanj för Wasa knäckebröd. Här är en av deras bilder i kampanjen.

Niki och Benjamin vill lyfta fram att alla kan - och borde - rita med en Wacom. Här sätter en herre i sina bästa år färg på tillvaron.

Elin och Emilia funderade över hur man skulle kunna marknadsföra ett resebolag i dessa bistra vintertider. Istället för att visa bilder på varma sandstränder vänder de på steken, utnyttjar utomhusmiljön och frågar... Har du tröttnat på kylan?

Cassandra, Ida och Hampus tycker att Durex ska marknadsföra sig till ungdomar på detta sätt. Vill du ha tid för dina intressen, eller vill du vara förälder. Du har ett val.

Malin och Kristin hittade på en intressant gerillareklam, för vem behöver en barnvagn när man inte har några barn?

Lektion: Officiell C-kursstart!

2010-01-27T14:28:00.005+01:00

Idag körde vi officiellt igång C-kursen med utdelning av kursplaner, genomgång av kursmål etc.

Denna kurs bygger till stor del på fördjupning och uppbyggnad av elevportfolio vilket innebär att det kommer att bli många individuella planeringar och personliga mål i denna kurs.

Detta upplägg har för- och nackdelar. För de elever som har förmåga att planera är detta upplägg jättebra, men det blir tuffare för de som inte har så bra struktur, kan tänka några dagar framåt och heller inte ser samband mellan orsak och verkan...

Fördelarna är att upplägget kommer att ge frihet och erfarenhet av att skapa egna projektplaner. Nackdelarna är att jag som lärare kommer att något sämre inblick i elevernas arbete eftersom jag inte kommer att lägga mig i arbetsprocesserna och röra runt. Samtidigt är vi nu inne i C-kursen vilket medför ett visst ansvar, och det finns naturligtvis förväntningar på eleverna att kunna hantera detta ansvar.

I kursplanen finns flera exempel på projekt som kan genomföras inom ramen för kursen. För att ge några exempel kan Nacka innebandyklubb nämnas där man utlyst en tävling för att ta fram en ny logotyp eller den årliga tävlingen från Svenska FN-förbundet som i år handlar om att skapa en informativ kortfilm om problematiken med personminor. Några elever har egna projekt de vill genomföra inom ramen för kursen, ex. släktingar och vänner som behöver loggor/webbsidor till den egna firman eller arbetsuppgifter som kan kombineras med andra kurser (ex. Projektarbete, 100p) eller med andra profiler på skola (ex. layout av fotobok tillsammans med elev från fotoprofilen eller grafik till journalistelevernas skrivelser).

Jag lovade att posta ett par länkar till t-shirttryckerier för er som vill skapa illustrationer för textiltryck. Här kommer dessa (det finns mallar i .ai-format att tillgå på webbsidorna. Bara att öppna i illustrator och köra igång!):

Tshirt store
Shirtstore.se

Jag kunde förresten inte låta bli att igenom några gamla blogginlägg från denna period förra året. Läs gärna det... jag ser mycket positivt på att årets undervisningsgrupp som helhet inte givit mig gråa hår alls i samma utsträckning! :]

Om detta beror på att årets grupp är mer homogen till sin sammansättning eller att jag blivit mer tolerant är fortfarande föremål för utredning ;]

Och i morgon är det Hans Majestät Konungens namnsdag som grädde på moset.

Grattis kungen!

Nyhet: Melodic Fluke - OUT NOW!

2010-01-24T21:19:00.014+01:00

Jag fick äran att jobba med den grafiska formen till Melodic Flukes självbetitlade debutalbum. Foto: Martin Knutsson, 2010.

Efter två år "in the making" har Melodic Fluke, ett rockband av halländsk härkomst, släppt sin självbetitlade skiva. Två av bandmedlemmarna är kollegor till mig och jag blev tillfrågad om jag ville hjälpa till med art direction för albumets cover. Det är klart man ställer upp! Jag tänkte här göra lite reklam för skivan men framför allt berätta om designprocessen bakom albumets omslag.

Bandet hade redan idéer kring hur albumets omslag skulle se ut och de hade redan tagit fotografier när jag kom med i bilden (fotograf: Thomas Klenze). Bandet ville nu ha någon slags logotyp till bandnamnet och ha hjälp med layout av låttitlar, "tack-till..." mm. (s.k. linear notes) samt layout och anpassning av materialet enligt tryckeriets riktlinjer.

Uppdraget bestod i att utveckla en logotyp och en grafisk form för produkten som andas de värden bandet förmedlar med sin musik. Man ska få en känsla av musiken genom omslaget.

Logotyp

För att kunna utveckla logotypen bad jag omedelbart om att få höra låtarna för att få en känsla för vilket formspråk som kunde passa innan jag började skissa. Kort därefter fick jag en bränd skiva med låtarna i samma ordning som de skulle ligga på den färdiga skivan. För mig fungerar det bäst att skissa för hand med en bläckpenna på icke-linjerat eller rutat papper. Det Moleskine-anteckningsblock jag fick av min kollega Brice (när jag fyllde år förra våren) tjänar mig väl i dessa avseenden och är vid det här laget full av skisser, lösa idéer och kladd.

En kvantitet av tidiga idéskisser...

... blev successivt mer raffinerade och mer lika slutprodukten.

Jag ville ha någon form av kalligrafiska eller dekorativa element med i loggan för att spegla den där "Home sweet home"-känslan jag fick av musiken, men samtidigt spelar ju bandet rockmusik i stil med Tom Petty & the Heartbreakers och loggan får inte dofta för mycket country. Bandets namn med robusta versala bokstäver såsom en egyptienne (slab-serif) i kombination med dekorativa kalligrafiska element blev lösningen.

Valet av typsnitt stod emellan två av mina absoluta favoritegyptienner: Clarendon och Rockwell. Båda typsnitten hintar om amerikanska värden men jag kände att Clarendons elegans fick vika sig för den tyngd och robusthet som Rockwell bidrar med till loggan.

Clarendon vs. Rockwell (0-1)

Några snabba layoutexempel sattes sedan ihop med några olika loggor i vinrött respektive vitt. Den vita lyfter kompositionen med sitt ljusa och luftiga intryck medan den vinröda utgör en färgklick på omslaget. Bandet föredrog det vinröda alternativet som en referens till Neil Diamonds "Home before dark" samtidigt som fotografiet med elstolparna ju utgör en referens till albumet The Legend of Johnny Cash.

Några olika tidiga layoutalternativ knåpades ihop i Illustrator och mailades till Melodic Fluke för kommentar. De bästa delarna arbetades vidare med.

Layout och färdigställande inför tryck

När väl loggan med sin triangelform var förankrad hos bandet var det dags att skapa layouten i InDesign. Det första steget var givetvis att kolla på tryckeriets mall där alla mått fanns specificerade. Jag snickrade ihop en mock-up i papper för att bättre förstå hur albumet skulle se ut i slutänden. Därefter var det en baggis att konstruera ett gridsystem i InDesign och börja montera text och bild.

Fotografier har färgseparerats enligt tryckeriets krav och text har vektoriserats, utfall på 3 mm. Läs mer om hur man praktiskt går tillväga för att skapa ett tryckfärdigt original i Artikel: Projekt till tryckfärdigt original.

Det blev en och annan provutskrift för att se till att alla detaljer såg bra ut, ett antal möten med Christian och Albin från bandet avverkades där vi diskuterade formen och även såg över korrekturen, men slutligen hade vi ett material som för båda parter kändes klart att skicka till tryckeriet för provtryck.

Mock-ups är icke att underskatta. Här är två olika som jag skapade under projektets gång. Den på rutat papper är givetvis från ett mycket tidigt stadie i projektet.

Provtryck. Sista steget innan man går ut i fullskalig produktion.

När provtrycket kommit från tryckeriet såg vi att layouten satt som en smäck, men bandet ville öka sepiatonen i fotografierna något. Färginställningarna ändrades i respektive bild med Photoshop och sedan uppdaterades länklistan i InDesign. Därefter exporterades en sista PDF att ladda upp till tryckeriets server. Projekt klart.

Sammanfattning

Detta projekt gjordes under hösten 2009 på kvällar efter jobbet och på helger. Den roligaste fasen tycker jag alltid brukar vara i början då man söker efter lösningen genom att skissa och göra research. Att layouta saker kan förvisso också vara kul, men det är ganska mycket ett mekaniskt arbete där man skapar sina layoutregler genom ett grid och sedan flyttar omkring bildelementen inom dessa ramar.

Att arbeta med skivomslag kan nog vara lite likt att jobba med inbjudningskort till ett bröllop. Projektet är ju helt och hållet någon annans baby. I det här fallet var det inga svärmödrar som skulle lägga sig i och ha synpunkter på den grafiska formen (jovisst, vi kan använda Zapfino, för all del! *suck*), men likväl har bandet i detta fall arbetat med skivan i två år och det är självklart att allt måste bli perfekt!

Följande kommentar fick jag via mail efter att ha skickat över en förhandstitt på arbetet. Det känns ju kul att få bekräftelse på att jag kanske pysslar med rätt saker här i livet ändå:

”	Fy fan va grymt, Knutsson! Hatten av. Alltid kul att jobba med proffs. - Christian Isaksson, Melodic Fluke

Kolla in Melodic Flukes webbsida och Myspace och köp skivan för en ynka hundring om du gillar vad du hör (kan köpas både via webbsidan och Skivlagret, Halmstad). Musiken lär även dyka upp på Spotify inom kort. Jag uppdaterar detta inlägg när så har skett.

Edit 2010-02-22: Albumet finns att köpa på iTunes.

Edit 2010-03-21: Bilder från albumets releasefest på B&B, Halmstad.

Edit 2010-03-21: Fler bilder

Edit 2010-04-26: Albumet finns nu på Spotify!

Artikel: Projekt till tryckfärdigt original

2010-01-19T14:53:00.003+01:00

Att sitta och pula i Photoshop kan de flesta och det är generellt inga problem att skriva ut sina arbeten på en vanlig skrivare, men när man ska anlita ett tryckeri börjar det ställas lite mer krav på oss och de filer vi lämnar ifrån oss. Till exempel ska filerna anpassas efter tryckeriets förutsättningar och färginställningar och det kan vara lämpligt att anpassa produktionen med utfall.

Denna artikel är en guide till hur du färdigställer ett grafiskt projekt till tryckfärdigt original i PDF-format. Guiden går igenom grundläggande begrepp samt förklarar hur du ska arbeta i Photoshop och InDesign för att färdigställa en produktion för tryck med hjälp av ett praktiskt exempel.

Redan tidigt i projektets gång är det bra att ha kontaktat tryckeriet för att ta reda på om de har möjlighet att ta sig an uppdraget (kanske vill du trycka i ett annorlunda storleksformat eller på ett ovanligt material). Detta är i synnerhet viktigt om det rör sig om en större produktion där tryckeriet måste bokas långt i förväg, men det är även praktiskt att ha alla tekniska detaljer på bordet tidigt i projektet så att man har chansen att anpassa sin produkt rätt från början.

Exempel - Flyer
Vi kör ett exempel där vi skapar en flyer för denna blogg. Vi vill att flyern ska ha måtten 148,5 mm x 52,5 mm och ska tryckas i fyrfärg. Flyern får baseras på blogg-headern för att skapa igenkänning.

Redan i början av projektet tar vi reda på tryckeriets preferenser:

Krav från tryckeriet kan sammanfattas enligt nedan:

Tryckeriet vill ha arbeten levererade i PDF-format kompatibelt med Acrobat 4 (PDF 1.3). Filer ska färgsepareras med ICC-profilen "Euroscale v2" och denna ICC-profil ska inte inkluderas i PDF:en. Bilder ska vara utfallande med 3 mm.

Jättebra! När vi nu känner till detta ska det inte vara några problem att snabbt sno ihop en flyer som kan levereras till tryckeriet för massproduktion.

Steg 1 - Färgseparera bilder
Eftersom digitala bilder (oavsett om de skapats direkt i datorn eller kommer från en digitalkamera) generellt har sin färginformation i RGB-läge (sRGB eller Adobe RGB) och vi kommer att trycka i CMYK-färgläge måste vi se till att bilden ser bra ut i CMYK-läge. Detta görs genom en process som kallas färgseparering där man delar upp bilden i färgerna [C]yan, [M]agenta, [Y]ellow och Blac[K]. Detta görs i Photoshop, men resultatet brukar bli en besvikelse eftersom färgrymderna för RGB och CMYK skiljer sig och bilden generellt får en dassigare ton. Man kan lyckligtvis kompensera för detta genom att fippla med ex. justeringsverktyg såsom Image>Adjustments>Curves).

Eftersom tryckeriet vill ha bilden separerad med ICC-profilen "Euroscale v2" och eftersom vi vet att vi vill ha trycket på bestruket (blankt) papper så väljer vi att konvertera bilden med profilen "Euroscale Coated v2" (om vi föredragit att trycka på matt papper hade vi valt "Euroscale v2 Uncoated"). Detta görs i menyn Edit>Convert to Profile.

Det är en gedigen lista ICC-profiler som finns tillgängliga.

Nu kan man fippla lite med tonkurvorna (Curves) för att få tillbaka kontrast och lyster i bilden. Bilden sparas i PSD-format och vi sparar filen med ICC-profilen (Euroscale Coated v2) i minne så vi låter checkboxen i Save-dialogen vara förbockad.

Steg 2 - Montera allt i InDesign

När bilden nu sparats är den klar för montering tillsammans med text i InDesign. Det är alltid bättre att sätta text i InDesign än att spara text som pixelinformation från Photoshop (många tenderar att sätta text i Ps, men slutprodukten blir så mycket bättre om man utnyttjar fonternas vektordata vid tryck).

Utfall görs för att säkerställa att man inte får fula vita linjer i ytterkanterna. Skärmaskinerna har en viss felmarginal som man här kompenserar för. Det är smart att dra ut guider som markerar det utfall på 3 mm som tryckeriet efterfrågar. Det blir då enkelt för oss att montera bilden korrekt. När layouten är klar ska vi exportera till PDF.

Se till att bildens "bounding box" överlappar ända ut till guiderna (eller längre).

Hett tips! Man kan aldrig vara nog försiktig när man ska lämna ifrån sig en produktion för tryck. Eftersom vår produktion kommer att lämnas till ett tryckeri som troligen har en helt annan uppsättning fonter än vi, och vi vill säkerställa att trycksaken har samma typsnitt som vi valt på vår dator, så kan vi skapa objekt av texten. Man genererar helt enkelt vektorobjekt från texten (Type>Create Outlines)som nu kommer att se likadana ut oavsett vilken dator de visas på (att texten konverterats till objekt innebär att man nu inte längre att redigera den med Type Tool, så se till att ha korrekturläst innan!).

Steg 3 - Exportera till Adobe PDF

I dialogen "Export Adobe PDF" sätter vi nu "Adobe PDF Preset: Press Quality", "Standard: None" och "Compatibility: Acrobat 4 (PDF 1.3)".

Under etiketten "Compression" tillåter vi (i enlighet med preset:en vi satte ovan) att bilderna kan nedsamplas till 300 dpi men vi kör utan komprimering "Compression: None".

Under etiketten "Marks and Bleeds" sätter vi utfallet till 3 mm (bleed) och vi lägger till skärmärken (Crop Marks) genom att bocka för checkboxen.

Under etiketten "Output" ställer vi in färgkonvertering för PDF-dokumentet. Eftersom vi redan i Photoshop färgseparerade och anpassade bilden för "Euroscale Coated v2" vet vi att den kommer att se bra ut så när vi väljer "Colour Conversion: Convert to Destination" spelar det ingen större roll om vi väljer "(Preserve Numbers)" eller inte. Däremot ställer vi återigen in "Euroscale Coated v2" som "Destination" och vi väljer "Don't Include Profiles".

Tryck Export.

Något i den här stilen bör din exportdialog se ut.

Resultat

Vi har nu anpassat vår produktion med utfall och enligt tryckeriets alla krav. Vi har dessutom tagit ett eget beslut och anpassat produktionen för bestruket papper. Såhär ser resultatet ut:

Originalet är här förberett för tryck enligt konstens alla regler.

Nyhet: Kamera & Bild byter layout!

2010-01-15T10:30:00.014+01:00

Tidningen Kamera & bild har bytt layout och en hel del positiva förändringar blev det.

Den gamla tidningen till vänster och den nya till höger.

Nu när första numret i år kom ut såg man direkt att framsidan var mer organiserad än tidigare. När man sen slog upp tidningen märkte man att typsnitten är ändrade, det jobbas lite mer med att det ska vara enhetligt vilket gör det hela mycket enklare att läsa.

Uppslaget "Nyheter" i den nya tidningen.

Den nya tidningen visar att man använder lite mer linjer för att rama in allt på ett lite bättre sätt. Allt blir lite enklare att läsa på grund av linjerna.

Uppslaget "Nyheter" i den gamla tidningen.

I den gamla tidningen var allt lite mer rörigt, visst det var fortfarande väldigt enkelt att läsa men man märker verkligen skillnaden mot den nya tidningen när man slår upp den.

Min åsikt är att den nya layouten gör Kamera & Bild ännu bättre.

/Benjamin

Artikel: En liten lathund för reklamare

2010-01-14T16:32:00.004+01:00

C-kursen har startat och vi arbetar nu med ett reklamprojekt tillsammans med fotoprofilen. Det handlar om att ta fram en reklamkampanj bestående av 3 reklamprodukter (annonser, gerillareklam etc.) och att kunna pitcha för dessa. Nedan följer en kort lathund som översiktligt berättar om den kreativa processen när man skapar reklam.

Idéfas - Fånga intresset!
AIDA är tumregeln reklambranschen har i bakhuvudet och står för Attention, Interest, Desire, Action. Marknadsföringsåtgärden ska skapa uppmärksamhet, intresse, habegär samt leda till ett köpbeslut.

När det kommer till att fånga konsumenters intresse för en för en reklamproduktion talar vi oftast om sju vägar att gå:

1. Visa dramatik (ex. Diesel)
2. Visa något hotfullt / rädsla (ex. Michelin)
3. Visa något fyndigt och kul (ex. Microsoft/Office)
4. Bryt mönster (ex. Volkswagen)
5. Använd sex och tabu (ex. Subway)
6. Visa på något ofullständigt (ex. Axe)
7. Visa något äckligt (ex. Bloodbuster)

Marknadsföring handlar egentligen om retorik, att framföra sitt budskap till sina åhörare (den tilltänka målgruppen) på ett så intressant och enkelt sätt som möjligt. För det handlar inte bara om att kunna informera om varor, tjänster och idéer. Det handlar om att övertyga!

Redan de gamla grekerna, för att dra en gammal floskel, hade raffinerade metoder för att nå fram med sina budskap. Grekland var en demokrati och talets gåva var oerhört viktig när det handlade om att skapa övertygelse inför exempelvis politiska beslut. Samma sak gäller inom reklam, och vad vi måste tänka på är att skapa en hållbar argumentation så att mottagaren av reklambudskapet ska skrida till handling och spendera sina surt förvärvade slantar på just denna produkt.

Idéfas - Samla argument
När vi försöker hitta argument som talar positivt för exempelvis en produkt kan det vara lämpligt att ställa sig några frågor. Vad? Vem? Varför? Var? När? Hur? Med hjälp av vad? Detta är ett sätt att skapa struktur i sin brainstormingfas och man kan resonera lite fritt kring dessa sju frågor. I och med sökandet efter argument görs med fördel en marknads-undersökning där man tar reda på mer om själva produkten och avsändaren samt om konkurrenter etc.

Exempel - Gillette Mach 3

Vad är Gillette Mach 3? Det är en produktlinje rakartiklar, trygghet, en livsstil... osv.

Vem använder GM3? Den är avsedd för män som vill ha en ergonomisk och lätthanterlig produkt, för de män som inte rakar sig med en fackla och sätter fast slipsen med en spik. Det går att hitta ännu fler svar på frågan...

Varför ska man använda GM3? För att man inte vill känna sig som en luffare på affärsmötet, man vill se perfekt ut på daten, varken killen själv eller flickvännen vill ha kliande skäggstubb, man vill få till den där perfeka mexikanska mustaschen etc.

Sen fortsätter man på samma sätt med resten av frågorna. Redan i svaren ovan ser man flera kul idéer som skulle kunna fungera i reklamsammanhang för denna typ av hygienartiklar.

Givetvis kan man också strukturera sin brainstormingprocess enligt andra metoder, exempelvis med mindmap eller enligt de metoder som tas upp i den tredje artikeln om kreativitet.

Idéfas - Välj argument/position

Efter att nu ha genererat ett antal idéer gäller det att gallra och välja ut de (kanske 3-4 st) argument som har störst effekt på målgruppen. Dessa argument utgör nu grunden för det budskap som ska förmedlas.

Vi vill också tänka till på om budskapet ska vara rationellt och tala till konsumentens sunda förnuft, eller om budskapet ska vara emotionellt och vädja till konsumentens känslor. Kanske kan en kombination av båda vara att föredra i vissa sammanhang.

Idéfas - Olika budskap till olika målgrupper

Om vi utgår ifrån exemplet i rutan ovan skulle man till målgruppen "flickvänner" kunna marknadsföra Gillettes rakartiklar på ett emotionellt plan där produkten blir ett slags medel för att skapa närhet etc. Detta är ett grepp man ofta ser.

Mot målgruppen "affärsmän" eller män som har en stressig vardag kanske man kunde arbeta mer med ett rationellt budskap om hur effektiv, säker och lätthanterlig produkten är. Det går snabbt att raka sig och risken att skära sig är obefintlig.

Till "pappan som ska köpa en första rakhyvel till sin son" kanske man kunde fokusera dels på rationella och emotionella faktorer, kanske med ett igenkännande bildmaterial (ex. ett mattfärgat fotografi på en yngre kille med en massa små plåster på hakan framför spegeln i ett badrum som andas 50- 60-tal) och en passande bildtext i stil med "Du minns väl själv hur det var de första gångerna... men våra produker så säkra att... bla bla osv."

Ytterligare en lös idé kanske kan vara att försöka arbeta med "Indiana Jones-temat" där man ställer en råbarkad äventyrare som tar bort skäggstubben med en fackla i relation till en mer alldaglig karaktär. Kontraster är bra att arbeta med i reklam!

Vad jag vill ha sagt är att olika argument passar bättre eller sämre till olika målgrupper.

Produktionsfas

När väl bildidé och copy samverkar på ett kompletterande och/eller förstärkande sätt är det dags att skapa produkterna. Idéskisser får ligga till grund för fotograferande, rekvisita, modeller, ljussättning, photoshopande och layoutande och allt som produktionsfasen innebär. Inget projekt det andra likt och det är just mångsidigheten och de olika utmaningarna man kan ställas för i ett reklamprojekt som är så vansinnigt roligt.

Jag kan inte nog poängtera vikten av tydlighet i den grafiska produkten så här följer några tips. Använd högupplösta bilder och anpassa typografin för god läsbarhet. Planera bilderna så att text som sätts på bildytan inte störs av rörig bakgrund. Kontrasterande färger väcker uppmärksamhet vilket kan vara bra och se för guds skull till att avsändarens logotyp tydligt framgår.

Utvärderingsfas

När produkterna är klara finns det såklart en pedagogisk tanke i att utvärdera sitt projekt. Frågor som "vad gick bra?" och "vad kunde gjorts bättre?" ska nu kunna besvaras. Det är inte alltid så roligt att utvärdera sina projekt, men det är viktig dokumentation till arkivet och lärdom för livet.

Sammanfattning

Vägen till lyckad reklam är inte spikrak. Kanske har man tur och får en klockren reklamidé direkt men troligare är att det kommer att krävas mycket engagemang och research under idéfasen. Och om vi ser till omfång i denna artikel är det också idéfasen som fått det stora utrymmet. Om idén bakom text och bild inte är bra spelar det ingen roll hur duktig fotograf eller grafiker du är för annonsen kommer att falla platt. Men när idén är hållbar, när bild och text samverkar och komposition, färger och typografi är proffsigt avvägda... ja, då kan slutprodukten bli helt fantastisk!

Foto: Islandsresa!

2010-01-10T20:07:00.001+01:00

Det var ett tag sedan nu, men söndagsångesten börjar smyga sig på en igen... som en cellkamrat i fängelseduschen ungefär. Det är helt vansinnigt vad länge vi fick vara lediga den här gången men samtidigt är det ju två sidor på myntet. Vi drar igång i morgon igen och nya kurser ska startas upp vilket åtminstone för min del kommer innebära ett par 60-timmarsveckor på jobbet här i januari. Mumma!

Firats jul har iallafall gjorts med familjen (föräldrar och syskon) och jag har njutit av hel packe filmer i HD-format samt sett Avatar med 3D-goggles (en upplevelse jag kan rekommendera, men ni som lätt blir åksjuka kanske ska tänka er för en extra gång). Dessutom åkte jag och min sambo till Island för att fira nyår i Reykjavík.

Island är ett geologiskt sett mycket ungt land. Om man tänker sig jordens existens på en tidslinje motsvarande 24 timmar, så skulle Island ha skapats under de sista 15 minuterna som resultat av olika vulkaniska aktiviteter. Ön ligger i den mittatlantiska ryggen och landet på var sida av denna separeras successivt ifrån varandra. Det innebär att landet är under relativt sett snabb förändring och den seismiska aktiviteten (jordbävningar, vulkanubrott etc.) är ganska stor.

Naturen är alltså mycket speciell till såväl färg, form och energimässig potential. Energibehovet för de ca 300.000 människor som bor på Island (ca hälften i huvudstaden) täcks givetvis av de naturliga energikällor som finns på ön. Man arbetar med geoelektriska kraftverk (där man driver turbiner med övertrycket från jorden och omvandlar till elektrisk energi) och geotermiska värmeverk (som bergvärme ungefär, men där man nu är intresserad av den rena värmen och struntar i energiomvandlingen till el) för uppvärmning av bostäder etc. Miljömässigt och ekonomiskt hållbar energipolitik for the win! Annat är det ju här i Sverige där Ringhals reaktorer ligger nere och vi just nu betalar över 300 öre per kWh för den olje-/kolbaserade fulelen vi måste importera.

Islänningar jobbar mycket. Gärna 12 timmar om dagen, och det verkar ha varit så även före finanskrisen. Det är som en del av deras kultur. Tidigare har man på Island inte haft behov av några sociala skyddsnät eftersom alla har haft jobb, ofta två, och man har till och med importerat arbetskraft (i synnerhet för hantverksuppdrag). Under krisen har dock arbetslösheten ökat, stora vackra kontorsbyggnader står tomma för att ingen kan betala hyrorna och bidragstagare med allt det medför har blivit allt vanligare. Därigenom även kriminaliteten tyvärr.

Reykjavík som var utgångspunkten för resan är till ytan att jämföra med Stockholm ungefär (något större kanske), men på grund av jordbävningarna så bygger man inte särskilt högt utan man utnyttjar istället landytan. Man kör mycket bil eller åker buss när man ska ta sig någonstans i staden. Gång- och cykelbanor saknas på många ställen varför man kunde se fotavtryck i snön på mittrefuger och ibland även i vägrenen på hårt trafikerade vägar. Trots detta är Reykjavík den minst föreorenade staden i världen. Staden är jättemysig och maten är fantastisk. Begriper inte hur de gör, men både presentation och smak slår våra svenska kök med hästlängder.

Nedan följer tio (!) bilder, så var beredda att få scrolla. Av ca 700 tagna sparades ungefär 200 som i någon mån kunde belysa de olika aktiviteter vi gjorde i detta avslägsna nordiska grannland. Såhär års är det bara dagsljus under 2-3 timmar, men soluppgång/solnedgång varar minst lika länge på grund av den flacka banan solen företar sig. Många bilder är alltså tagna i detta mystiska ljus.

Isländska naturtillgångar i fin förpackning riktad till turister. Foto: Martin Knutsson, 2009.

Blue Lagoon är en sidoprodukt av de varma källorna. Man kör det 200-gradiga vattnet från en närbelägen källa genom ett geotermiskt värmeverk för att ta tillvara merparten av energin, därefter slussas det nu något svalare vattnet (40-50 grader) vidare ut i den blå lagunen. Den blå färgen kommer sig av en speciell typ av alg som trivs i dessa temperaturer och man behöver inget klor i vattnet eftersom bakterier inte trivs ihop med denna alg.

Det var 5-10 minusgrader i luften och 40-45 plusgrader i vattnet. Foto: Linda Sivertsson, 2009.

Utsikt över östra Reykjavík. Foto: Martin Knutsson, 2010.

Reykjavíks landmärke är Hallgrímskyrkan som ligger centralt på en höjd mitt i staden. Den är byggd efter inspiration av Islands omtalade basaltpelare (vulkaniska block som vittrar sönder i en slags sexkantig profil på grund av sin kristallstruktur). Om man betalade en modest summa på 500 isländska kronor (ca 30 SEK) fick man ta hissen upp i tornet och kunde där ta bilder över staden som den ovan.

Duh! Självklart heter gator och vägar på Island "stigur" och "vegur"! Foto: Martin Knutsson, 2010.

Downtown Reykjavík bjuder på mängder av butiker, restauranger, pubar och klubbar. Tyvärr var vi inte där tillräckligt länge för att hitta guldkornen på de dolda sidogatorna så det blev ganska mycket mainstream gällande shopping och ätande tyvärr... bortsett från den där ruttna hajen Hákarl (det var allt annat än mainstream vill jag lova!) som jag var tvungen att prova med en slurk Brennivín.

Glaciärvandring är ett måste när man är på Island. Såhär blå är isen på ställen där den är riktigt kompakt. Det är avsaknaden av luft i isen som ger den blå färgen. Foto: Martin Knutsson, 2010.

Man blir allt lite sugen på Polarbröd av att kolla på solnedgångarna såhär långt norrut. Foto: Martin Knutsson, 2010.

Vulgar display of power. Strokkur, Islands största gejser lättar på trycket ca 10 gånger varje timme. Foto: Martin Knutsson, 2010.

Kyrkan vid Thingvellir. Foto: Martin Knutsson, 2010.

Thingvellir, en 5 km bred dal orsakad av kontinentalplattornas rörelse ifrån varandra. På denna plats hade de isländska hövdingarna/ledarna sin sammanträdesplats från 1000-talet, men i och med blandade jippon under både både norskt och danskt styre uppförde man ett parlament i Reykjavik på 1800-talet.

Det är här de hänger... Foto: Martin Knutsson, 2010.

Jag pratade om rutten haj förut och såhär hänger de hela vintern. De tas om hand på våren igen innan flugorna hinner lägga sina larver i fisken. Smaken på den Hákarl jag åt kan liknas vid gummi som legat i en marinad av kolsyrat urin ungefär. En frätande känsla av ammoniak startar på tungan och följer liksom med hela vägen genom strupen ner i magen där den fortsätter pyra. Den serveras i en rostfri bunke och det osar avföring om hela rätten. Det var inte billigt heller.

Aurora Borealis, en sorglig ursäkt för en sådan iallafall. Foto: Martin Knutsson, 2010.

Har man riktig tur kan man också få se norrsken. Ett riktigt norrsken menar jag, inte som det där fjuttiga ovan... Det var beckmörkt ute och fotografiet är taget med ISO 400, f/2.8 och slutartiden 30 sekunder för er trainspotters.

Så... med denna bildkavalkad (som på intet sätt är heltäckande eftersom vi även red islandshäst, kollade in de sjukaste nyårsfyrverkerierna jag någonsin sett, såg Gullfoss - ett gigantiskt vattenfall, besökte en geotermisk kraftstation mm.) hoppas jag kunna ge en liten bild av min troligen mest upplevelsetäta resa hittills. Givetvis ger bilderna ingen rättvisa, men jag är ändå mycket nöjd med min 500D måste tilläggas.

Hoppas att även ni haft det oförskämt bra! Vi ses snart!

Nyhet: Silver i fototävling!

2009-12-21T22:12:00.003+01:00

För ett par månader sedan skickade jag in ett bidrag till en fototävling med temat: "Ingenjörer skapar tillväxt" som arrangerades av Sveriges ingenjörer (ingenjören.se). Jag nämnde det i ett tidigare inlägg, men det har ni nog redan glömt (läs här).

Någon gång i november fick jag ett mail från arrangörerna om att jag placerats på andraplats och fick någon slags resväska hemskickad som pris. Jag har helt glömt bort att följa upp händelseförloppet och noterade alldeles nyss att man skrivit ett par rader om tävlingen på ingenjören.se.

Kolla här!

Loppis och marknadsföring

2009-12-17T19:24:00.007+01:00

En obligatorisk kurs för alla som går sista året på gymnasiet är projektarbete. Kursen är på 100 poäng och går ut på att fördjupa sig inom ett ämne genom att arbeta i projektform. Som mitt projekt har jag valt att anordna en loppis. Utöver att samla ihop grejer som jag anser mig vilja sälja och att fixa inför själva loppisen, kommer mitt projekt också gå ut på att marknadsföra den, och detta är något som jag kommer behöva lägga ner mycket tid på.

Det är mer tanke bakom marknadsföringen än man kan tro. För att jag överhuvudtaget ska få folk att besöka min loppis måste jag verka intressant och lockande i mina reklamannonser.

Mitt mål med projektarbetet är att anordna en snygg loppis, med snygga grejer i bra skick. Detta vill jag spegla i min annons. Jag vill inte att man, när man besöker min loppis, ska möta det unkna och illaluktande, som jag faktiskt tycker att man gör på många loppisar. Jag vill att man ska bli inspirerad och lockad tilll att besöka den, bara efter att ha sett annonsen. Faktum är att det finns allt för många dåliga annonser som kan göra att man får ett dåligt intryck av något egentligen bra.

Om jag ska jämföra två annonser jag hittat, som använts som reklam för två olika loppisar, kan man se stora skillnader. Båda verkar köra efter samma koncept, där man kan hyra ett bord för att sälja sina egna grejer och samtidigt inspireras av andras prylar, men annonserna ser alltså väldigt olika ut.

Den andra hade lockat, i varje fall mig mycket mer, till ett besök än vad den första gör. Den första tycker jag uttrycker den där unkna känslan som jag nämnde tidigare, och ser för mig inte inbjudande ut. De har valt ett tråkigt teckensnitt och framförallt en tråkig bakgrundsfärg som jag tycker talar för det där unkna och illaluktande. När man i den andra valt att lägga tyngd på färg och på detaljer, dras ögat till den direkt och man blir plötsligt mer intresserad.

Jag tycker att satsningen på en bra marknadsföring är viktigt. Jag kommer därför att lägga ner en stor del på detta i mitt projektarbete för att också satsa på min loppis. Ett resultat av min egen annons kommer eventuellt senare.

Tutorial: Gör en stjärna illustrator

2009-12-16T11:52:00.011+01:00

1: Rita en vertikal path.

2: Med pathen val gå till Effekt > Transform. Lägg till rotation på 36 grader och 4 copies.

3: Gå till Objekt > Expand Appearance, vilket kommer att resultera till 5 Grupperade paths.

4: Rita en stjärna (håll nere shift och för att skapa en liksidig stjärna med fem toppar)

5: Cebter-align stjärnan och linje gruppen Horizontally. Du kanske måste flytta stjärnan upp ner så att alla linjer stämmer överens med stjärnans punkter.

6: Välj stjärnan och linjerna och gå till Pathfinder > Divide.

7: Välj Live Paint bucket och färga varannan form så att det ser ut som 3D

/Malin Nilsson mph08a

Tutorial: ”Knapp” i Illustrator

2009-12-16T10:13:00.007+01:00

1. Skapa först en cirkel och fyll den med önskad färg. Kopiera den (Ctrl+C) och klistra in den framför (Ctrl+F). Minska ner den till ungefär 40% Och placera den under mitten på den stora cirkeln.

2. Välj Blend Tool, klicka på toppen av den lilla cirkeln och sedan på toppen av den stora. Eller så kan du välja båda cirklarna och gå till Object > Blend > Make (Ctrl+Alt+B).

3. Gör en oval figur och fyll den med en svart och vit Gradient, plancera den över de båda cirklarna. Ha den ovala figuren markerad och gå till Transparency paletten, välj Screen Blend Mode. Om inte Transparency visas så till Window > Transparency eller tryck Ctrl+Shift+F10.

Logotyp: Halmstad Hockey

2009-12-16T09:03:00.007+01:00

När Halmstad Hammers gick i konkurs för ca ett år sedan hade dom loggan som är längst till vänster, sedan tog några över Halmstad för att vi ungdomar skulle kunna fortsätta att träna och spela hockey (då skapades den loggan som är i mitten bara tillfälligt). Sedan ville dom som tagit över Hammers att den loggan dom hade innan skulle vara en del av den nya loggan som dom skapade som blev den längst till höger, som är den logga som dom har nu idag.

Personligen tycker jag att den är den som är snyggast av dom tre olika dom haft genom åren, för att det är den som är mest "neutral" eller alltså så den inehåller inte så värst många färger men den är ändå liksom inte färglös, vilket gör att den passar in i olika miljöer mer. Men om man tänker så att då sticker den ju inte ut från mängden heller och det kan ju ha båda för- och nackdelar.

Men det jag inte förstår är varför dom vill ha med "Tor" och hans hammare i den nya loggan, för att då koppas ju ihop med att dom gick i konkurs, och då kanske dom nya "ägarna" får ett dåligt rykte och massa sånt vilket kanske inte är så bra. Så det är något negativt dom har gjort tycker jag.

Martina, MPH08a

Tutorial: Klipp ut med Pen Tool

2009-12-16T08:33:00.019+01:00

Förr eller senare när man jobbar med bilder i photoshop eller något annat bild program kommer man komma till de stadie där man behöver frilägga en yta eller ett objekt.

De flesta skulle förmodligen dra musen till Lasso Tool för att klippa ut sitt objekt. Men vad många inte vet är att med rätt inställningar kan man använda Pen Tool för att klippa ut. Resultatet tycker jag blir betydligt bättre och även enklare att jobba med.

Nu hade jag tänkt att visa er hur man på ett enkelt och smidigt sätt lär sig den här metoden för att ni ska bli bättre på att klippa ut vad som helst egentligen.

Först vi behöver vi en bild som vi kan jobba med, jag har valt en bild av personer, för att de innefattar många olika sätt att klippa ut på. Då hår och kropp klipps ut olika, men det kommer vi till senare. När vi har öppnat upp bilden i photoshop, och valt Pen Tool. Gäller det att kolla så vi har rätt inställningar.Dessa inställningar är viktiga, för annars kommer vi bara skapa ett objekt och inte kunna klippa ut något.

För att underlätta så mycket som möjligt för mig själv så brukar jag låsa upp mitt bildlager genom att dubbelklicka på hänglåset så att bilden blir ett fritt lager. Detta gör att jag kan lägga andra lager under de lager som jag ska klippa ut ifrån. Sen skapar jag två nya lager genom att klicka på nytt lager knappen. Det ena färgar jag helt svart, och det andra helt vitt. Och flyttar sen de två lagerna så att de ligger under bildlagret i lager panelen. Vilket gör sen att när jag börjar klippa ut så märker jag lättare av skräp som inte ska vara kvar i bilden, som jag inte hade sett om jag inte hade haft ett lager med färg bakom. Till exempel, ser jag inget skräp på den svarta bakgrunden kan jag enkelt släcka de lagret genom att klicka på ögat och sedan ser jag om de finns något skräp som syns på den vita bakgrunden. Finns där inget skräp kan jag vara säker på att där inte är något onödigt som hänger med bilden.

Nu börjar själva utklippningsarbetet. Jag börjar med att göra en snabb markering kring de jag ska klippa ut. Högerklickar någonstans i min marking och väljer "Make Selection". Sen inverterar jag min markering genom att hålla inne CTRL+SHIFT+I, så att mitt objekt inte klipps bort utan istället bakgrunden runt mitt objekt.

När du har något som liknar bilden till höger, är det bara att börja markera de du vill klippa ut. Ett tips är att göra markeringen någon pixel in på ditt objekt då när du sen klickar i "Make Selection..." ska skriva in en feather 0,1. Detta hjälper dig att slippa onödigt mycket av de runt objektet. När markeringen är klar ska du använda dig av CTRL+SHIFT+I så att du tar bort de runt objektet istället för att objektet i sig. Att Zooma in en bit som passar dig underlättar en hel del.Hamnar en "Anchor Point" fel och du vill flytta på den. Så kan du enkelt flytta på den med hjälp av "Add Anchor Point", som ligger under Pen Tool, eller "Direction Selection Tool", den vita pilen under textverktyget.

När vi väl kommer till håret, gäller det att få med så många detaljer, ju fler desto bättre. Detta kommer hjälpa dig senare då det finns ett lite knep att ta till när de gäller ut klippning av hår. Men innan vi börjar fin justera håret så ska vi göra något som heter matting. Det finns under Layer > Matting > Defring och klicka OK på rutan som kommer upp. Detta tar bort de små svarta delarna av bilden, främst i kanterna av din urklippning, som du kanske inte såg från början. Jag brukar göra detta 2 gånger. Nu är vi snart klara.

Dags att återgå till håret för att göra de mer realistiskt så att de inte ser så kantigt ut. Så tar vi "Smudge Tool" och ställer in den på 1 px med 75% strength. Nu kan du börja dra fram och tillbaka där de ser kantigt ut. Och tillslut ser det mer ut som levande år och inte stela kanter.

När vi väl är klara och ska spara bilden. Glöm inte att släcka de svarta och vita lagrerna så att du ser en schackrutig bakgrund när du sparar bilden. Spara inte bilden som en JPG.

Då försvinner hela meningen med att klippa ut för att JPG lägger till en vit bakgrund även fast där inte finns någon. Spara din utklippning istället som en PNG.

Kom ihåg att som med allt annat, så ger övning färdighet. Fortsätt öva så kommer detta snart sitta i ryggmärgen.

Tutorial: 3D Kub med Fotografier. (Cs3)

2009-12-15T21:41:00.007+01:00

Hur du gör en 3D kub med fotografier i Photoshop.

Börja med att öppna ett nytt dokument i Photoshop, Vilken storlek du vill. Därefter kan du om du vill lägga in en bild som du vill ha som bakgrund. Du behöver inte ha en bakgrund men det kommer se snyggare och man slipper en vit tråkig standardbakgrund.

Här ser ni min bakgrund.
Bry er inte om lagren då vi kommer till det senare.

Gör ett nytt lager och därefter tar ni markerings verktyget och gör en perfekt kvadrat genom att hålla inne shift. Gör den inte för stor (Se nästa bild för storleksreferens) Därefter tar ni Gradient verktyget och väljer Svart och Vitt och drar horisontellt genom markeringen så att den vita biten av gradienten är på vänster sida. Därefter tar ni bort markeringen och kopierar lagret 2ggr (Ctrl + J).

Du bör nu ha något som ser ut som det här

Markera ett utav lagren och använd dig av Free Transform (Ctrl + T) och tar tag i det nedre mittersta handtaget och drar uppåt och gör kuben 10% mindre i höjden och därefter tar du tag i det vänstra mittersta handtaget och gör kuben 30% mindre i bredd. Därefter Utan att godkänna transformeringen går du in i "Edit->Transform->Skew" och tar tag i det högra mittersta handtaget och drar uppåt tills bilden har ett "V" värde på -25 grader.

Ta sedan och markera ett av de andra lagren och ta "Edit->Transform->Again" eller (Shift+Ctrl+T) Nu har du 2 likadana sidor av en kub och du behöver vända den ena spegelvänt. Det gör du enklast genom att gå in i "Edit->Transform->Flip Horizontal". Placera nu de 2 delar så att deras vita sidor sitter ihop.

Nu saknas det det bara ett lock till våran kub sen är själva grunden klar. Ta din sista kopia av gradient fyrkanten och använd dig av "Free Transform" och rotera hela bilden 45 grader med hjälp av Shift så att det blir perfekt. Placera sedan den fyrkantens kanter så att de passa in på de övre kanterna av våra andra sidor. Du har nu nästan ett lock. Ta tag i det nedre handtaget och med hjälp av Alt så drar du handtaget uppåt och du kommer nu få ett lock. Därefter markerar du Lock lagret med hjälp av Ctrl och klicka på Lagret. Ta nu Gradient verktyget och gör en ny gradient rakt igenom locket så att du får en vit yta som möter den vita ytan i de 2 andra delarna av kuben.

Nu är själva kuben klar, Du kan spara denna ifall du vill göra fler "Kub Bilder"

Nu kan vi börja lägga in bilder.

Öppna upp de bilder du vill ha och gör en fyrkantig markering av det du vill ha med i Kuben (Det är viktigt att det är en fyrkantig markering annars kommer det se väldigt konstigt ut). Kopiera markeringen och klistra in den i ditt projekt och placera den bredvid någon av sidorna och välj sedan "Distort" som även den finns under Transform menyn. Dra sedan i de 4 kanterna så att den passar in perfekt i kuben. Gör därefter så med 2st bilder till.

Nu har du en 3D Kub med 3st bilder. Men för att göra det hela lite mer effektfullt så kan man om man vill göra så att det känns mer som det är en "riktig" kub. Markera lagren med dina bilder och välj Overlay i lageregenskapen, Gör detta på alla 3 bilder. Vill du göra det ännu mer 3D liknande kan du lägga till en skugga under, Antingen bara dra ett tjockt svart streck under själva kuben på ett nytt lager och placera lagret under allting förutom bakgrunden och minska opacity tills det ser lagom ut. Eller så kan du göra det lite mer komplicerat och göra en till fyrkant lite större än en av sidorna och fyll den med svart och rotera samt Distort så den får samma form som locket av kuben, Därefter placerar du den under kuben och minskar opacity.

Du bör nu ha något liknande.

Nu finns det inte mycket mer att göra förutom att spara ditt arbete och vara stolt över att du just nu läst en tutorial på ca 700 ord.

//Jonathan

Elevportfolio: Matilda Winberg

2009-12-15T20:01:00.033+01:00

Först valde jag att göra en hemsida som en portfolio. Men sedan ändrades mina tankar och jag fick en idé om hur en fysisk portfolio kunde se ut. Därför ändrade jag mig sedan till att göra en fysisk portfolio.

När jag väl sedan började skapa min portfolio så ville inte tankarna riktigt samarbeta med mig. Jag ändrade mig i princip hela tiden. Först så ville jag göra det ena och sen så ville jag göra det andra. Så jag bestämde mig för att göra någonting som var lite utav det ena och lite utav det andra.

Typsnittet valde jag för att jag ville inte ha något alldeles för krångligt typsnitt så att det blir svårläst, därför valde jag en sanseriff. Man ska enkelt kunna se vad det står. Sen varför jag valde att bara skriva med små bokstäver vet jag faktiskt inte riktigt, men om jag tittar på min portfolio nu så tycker jag faktiskt att det ser bättre ut med små bokstäver istället för att ha en stor bokstav i början.

Varför jag valde att göra just den formen på portfolion som jag gjorde, var för att jag ansåg att det blev enkelt och det blev samtidigt snyggt enligt mig. Först hade jag tänk göra någonting liknande som Martin Knutsson hade gjort med sin så att man satte ihop den på något vis, men jag ville göra någonting mer personligt. Så det fick bli som det blev, och resultatet blev bra.

Färgen på portfolion fick bli mestadels lila. Färgen lila betyder intelligens, rikedom, kunglighet och förfining. Det var någonting som jag ville förmedla med min portfolio.

Vad tycker jag om mitt resultat?
Jag anser att jag faktiskt är riktigt nöjd med mitt resultat. Jag ville göra min portfolio personlig, så därför skissade jag en bild på mig själv i Adobe illustrator att ha på framsidan av portfolion. Sedan så är färgen lila också min favoritfärg så det passade utmärkt att ha med på min portfolio.

/Matilda Mph07

Reportage: Lördag Morgon Medieproduktion

2009-12-10T17:16:00.015+01:00

I morse besökte vi Lördag Morgon Medieproduktion. De arbetar främst med ungdomskommunikation och inriktar sig på trycksaksproduktion.

Vi hade förmånen att få träffa Fredrik (fotograf och ägare), Calle (journalist) och Jessica (grafisk formgivare / originalare) och hänga med dem en timme för att få lite inblick i verksamheten. Christian (skribent och chef) var upptagen med jobb på kontoret Stockholm.

Fredrik tog till orda och berättade om tiden före Lördag Morgon och om hur han och kollegan Christian startat upp företaget. Det talades om de tjocka gubbar med fina titlar och stora plånböcker som finansierat deras projekt "Made in Sweden" (ett magasin om entreprenörskap som gavs ut i samarbete med Ung Företagsamhet och som man kan säga satte företaget på kartan) men också om sådana saker som att man på firman ser sitt arbete som en läroprocess där man ständigt utvecklas. Samtidigt talades det om farorna med att stöpa sina arbeten i en och samma form och därmed vikten av förnyelse i såväl innehåll som av grafisk form i produktionerna.

Fredrik visar upp en stor hög arbeten de gjort och berättar om dem med inlevelse och humor, gestikulerande, vevandes med armarna. Foto: Martin Knutsson, 2009.

Vill man arbeta i mediebranschen är utbildning en bra start. Jessica har en bred utbildning med 6 års eftergymnasiala studier i bakfickan, obeslutsamhet skyller hon på, men säkerligen har många nyttiga erfarenheter och kunskaper införskaffats inom högskolans väggar och dessutom stärker ju utbildning självförtroendet.

Calle läste journalistik på folkhögskolan där han antogs till utbildningen genom intervju för att bedömning av personlig lämplighet och genom ett tvådagars test på plats. Ett bra alternativ till övriga journalistutbildningar där de höga antagningspoängen endast släpper igenom personer som nitiskt strävat mot höga betyg. Vidare kan man tycka att redan lika personlighetstyper som stöps i samma form som sannolikt genererar likartade journalistiska texter. Risken med detta kan då vara att man som journalist skolas att bli prestigefylld och mindre anpassningsbar i sitt språk och därmed begränsar sig själv till att endast kunna skriva för en viss typ av tidningar.

En stor del av utmaningen och en stor del av tiden i att skapa ett intressant magasin är att hitta nya infallsvinklar för innehållet. Det planeras oerhört mycket vilket kan vara tufft, men arbetet med att verkställa alla idéer brukar vara så kul att det långt övervinner det tuffa planeringsarbetet. Som exempel på annorlunda innehåll kan nämnas den andra utgåvan av "Made in Sweden", där Lördag Morgon fotograferade Ingvar Kamprad i hiphop-kläder. Under fotosessionens klädombyte fick de också tipsat Ikeas grundare att inte ha skjortan instoppad i kalsongerna.

Ingvar puts da gangsta into svenskt näringsliv. Foto: Lördag Morgon Medieproduktion.

I skolan, säger Calle, hade man kanske en eller ett par veckor på sig att göra ett arbete... Det var mycket lugnare än i arbetslivet. Nu ska jag kanske skriva ett eller två sådana arbeten på en dag. Samtidigt har man ju blivit så mycket duktigare och snabbare än man gick i skolan, tillägger Fredrik.

Gällande arbetstider på Lördag Morgon säger Fredrik att det kan vara ganska fritt hur man förlägger arbetstiden. Vill man hellre ta sovmorgon och jobba lite längre på kvällen så brukar det inte vara några problem. Jessica tillägger att det dock kan bli en hel del övertid före deadline... så mycket som 8 dagar i sträck nästan 12 timmar per dag vissa perioder. Det blir ju jättedyrt om man inte håller deadline och då tryckeriet som bokats får vänta, så att kunna hålla deadline är viktigt! Men det är värt allt hårt arbete när produkten väl kommer ut i tryck. Det är en belöning i sig att få känna på den färdiga produkten. Dessutom smakar ju fredagsölen ypperligt efter att ha arbetat så hårt enas alla tre om.

Lördag Morgon verkar vara en schysst arbetsplats med riktigt sköna människor som har kul på jobbet! Blir ni inte lite sugna iallafall? :]

På onsdag är höstterminens sista lektion. För min del kommer förmiddagen att gå till att printa de fysiska portföljer som några av er gjort. På eftermiddagen räknar jag kallt med att ni muntligen presenterar ert portfolioarbete där ni berättar lite om format, färg, form och typografi och om hur portfolion ska hjälpa till med att stärka ert varumärke.

Tack för denna vecka!

Nyhet: Nya skribenter på grafbloggen!

2009-12-10T14:04:00.002+01:00

Jepp! Som ni märker börjar det dyka upp nya förmågor på bloggen. I likhet med förra året bjuds eleverna in nu i B-kursen för att posta egna inlägg som rör grafutbildningen och mediaprogrammet på ett eller annat sätt.

Man kan förvänta sig att få ta del av elevpublikationer som handlar om reklam, logotyper, skivomslag, tutorials och annat skoj. Ska bli kul att se vad som dyker upp här!

Skivomslag: Aiden Knives

2009-12-10T12:55:00.003+01:00

På Aidens senaste skiva har man så har man gjort ett kollage som omslag. Några av dessa bilder som man har med i kollaget är bilder som inte så många skulle vågat publicera och antagligen går emot dom etiska reglerna. Det finns bland annat en bild med en bebis som man har satt Hitlers huvud på och en hel del andra bilder med samma ”stil” på, och en hel del bilder som går emot religion och tron på Gud. Men jag antar att sångaren wiL Francis som har gjort kollaget tyckte att passade skivan och det kan jag väl hålla med om. Skivan handlar mycket om tron på Gud och religion vilket Aiden är emot.

Även om många bilder på detta omslag går över gränsen om vad som är rätt och fel, så tror jag att Aiden vill säga något med dem och tycker att det visar hur skivan är och vad den handlar om. Denna typ av grafisk design tycker jag är bra för den går rakt på sak och får fram sitt budskap tydligt och man är inte rädd för vad andra ska tycka om det. Jag tror även att bilderna har en större genomslagskraft och påverkar människor mer än "vanliga" bilder.

Mer vågade bilder till folket!!!

Hampus

Tutorial: Hur du gör en cupcake i illustrator

2009-12-09T14:22:00.011+01:00

1. Du börjar med att rita ut de olika formerna som din cupcake ska ha. Du ritar upp cupcaken i olika lager för att få den att se bra ut mot slutet.

2. Lägg till en del som passar toppen. Det ska se ut som om "glasyren" fortsätter neråt (gör som bild två) och sedan arrangerar du den delen längst bak i bilden.

3. För att det inte ska vara en svart rand i vägen och förstöra så gör du en till liten bit i samma färg som glasyren, både linjerna och innehållet. Sedan anpassas du den efter formen som glasyren har. Till slut ska du ha en färdig cupcake.

4. Nu kan du ändra på färgerna om du vill och om du vill ha din cupcake mer japaninspirerad som jag lägger du bara till ögon och mun, kanske lite stjärnor eller någonting annat kul.

Glhf!

Veronica

Nyhet: Ett skepp kommer lastat!

2009-12-07T11:00:00.008+01:00

Med vaddå!? Cap & Design-tidningar!

Jepp! Under morgonens personalmöte försvann min ärade kollega Magnus ut ett par minuter... När han kom tillbaka hade han träffat en bekant som jobbar på reklambyrån Everyday Magic här i Halmstad och med sig hade han en hel kartong full av gamla Cap & Design-blaskor!

Tack så mycket både till Mange och Robert på Everyday Magic! Grymt roligt att få detta tillskott i referensbiblioteket!

Det är säkert ett 70- 80-tal tidningar i den här högen som väntar på att bli genombläddrade.

Lektion: Åh nej, redan fredag!

2009-12-04T15:27:00.009+01:00

Redan helg! Man är liksom upp i varv efter veckans portfolioarbete så det känns lite snopet att få ta ledigt ett par dagar nu. Riktigt starkt jobbat av er i veckan. Några av er har kickat igång "Lightboxar" för visning av bilder och andra har gjort avancerade div-lösningar för layouten. Dessutom hann vi med en snabb-fika för att utvärdera Östras vetelängder på torsdagen.

Benjamin och Nicolina kämpar med att implementera sina idéer i Dreamweaver.

Såhär på fredagen är man lite mosig i huvudet av alla CSS-lösningar vi fått utarbeta i veckan och kanske blir det skönt med lite helg ändå...

Det bästa med Dreamweaver är nog ändå kodläget... Färgkodningen är guld värd.

Nästa vecka fortsätter portfolioarbetet med ett litet avbrott för studiebesök på Lördag Morgon Medieproduktion på torsdagen. Lördag Morgon jobbar framför allt med ungdomskommunikation genom bland annat tidningarna Entré och Metro Student.

Ha nu en trevlig helg!

Tips: Dokumentären Helvetica på SVT Play!

2009-11-29T19:26:00.009+01:00

En nedbantad version av Helvetica (Gary Hustwits dokumentär som vi sett i undervisningen) visades ju i torsdags på Kunskapskanalen. Vill bara tipsa om att denna för TV nedklippta version ligger på SVT Play några veckor framöver (till 26:e december, så Annandagen är sista chansen). Ta gärna en kik på den, och tipsa vänner och bekanta. Världen behöver mer kunskap om typografi!

Själva har vi ju DVD-versionen med 90 minuter extramaterial att gotta oss med fram i C-kursen!

Klicka på bilden för att se Helvetica på SVT Play!

Artikel: Grids (del 4/4 - Sammanfattning)

2009-11-23T14:44:00.015+01:00

Denna artikelserie har behandlat begreppet "grids". Ett system och förhållningssätt som kan underlätta för oss i vår grafiska formgivningsprocess och som kan spara mycket tid åt oss om vi använder det.

Gridsystemet kan, som vi sett exempel på, utformas symmetriskt genom att man arbetar med likformiga eller jämnt delbara enheter. Man kan också arbeta med ett asymmetriskt gridsystem baserat på exempelvis gyllene snittet.

För webben kan vi använda oss av det 960 pixlar breda systemet som är lagom brett för dagens standardupplösningar på skärmar och som är jämnt delbart med en vansinnig massa tal (varför vi kan uppnå en mängd olika grafiska kompositioner inom ett och samma gridsystem).

Jag talade i artikelseriens första del om Joseph Müller-Brockmann. Jag har nu köpt nyutgåvan av hans bok "Grid systems in Graphic Design" (1981, 2008). Specialbeställningen tog ca 2 veckor och gick lös på 700 kronor på Halmstad Bokhandel. Väl värt!

Här har vi verkligen ett bokomslag som talar om vad boken handlar om. Det är mycket ärligt och lämnar inte mycket åt fantasin. Innehållet kommer att vara inrutat, fackmässigt och förmodligen ganska nördigt.

Boken är indelad i två spalter där vänsterspalten är på engelska och högerspalten är på tyska. Brödtexten är satt i Helvetica och bokens layout är mycket rationell, saklig, kanske lite torr... men detta ligger ju i sakens natur när man grundligt ska beskriva modernismens grundläggande layoutprinciper. Hojta till om ni vill bläddra i boken så tar jag med den hemifrån.

Precis som omslaget och bokens titel gör gällande så handlar boken om grids. Detta uppslag visar på formgivning utefter ett gridsystem. Men detta är ni ju redan bekanta med efter att ha läst denna artikelserie.

Jag hoppas innerligt att ni tar del av och återkommer till den fakta jag sammanställt i denna artikelserie när ni arbetar med era projekt. Jag tror att det hjälper er en bra bit på vägen. Självklart kan ni också fråga mig om tips och tricks när ni väl sitter och utformar era gridsystem.

Detta var sista delen i artikelserien, men håll ögonen på "grids"-etiketten här på graf-bloggen framöver. Det lär dyka upp mer matnyttigt material.

Läs föregående delar i artikelserien:
Artikel: Grids (del 1/4 - Introduktion)
Artikel: Grids (del 2/4 - Grids i trycksaker)
Artikel: Grids (del 3/4 - Grids för webben)

Reportage: Nordic Atari Show 2009

2009-11-23T12:10:00.020+01:00

I fredags åkte jag till Falköping på ett mycket trevligt Atari-konvent. Ni som känner mig vet att jag tycker det är vansinnigt roligt att skapa både musik och grafik på den gamla utdöda plattformen Atari ST och det är alltid roligt när eldsjälar organiserar tillställningar för oss som har barnasinnet kvar. Och kanske inte bara barnasinnet, det handlar ju inte bara om spel etc. utan det förekommer faktiskt fortfarande utveckling på plattformen. Det funkar till exempel utmärkt att köra ICQ och surfa med sin Atari och i och med utvecklingen av ett nytt grafikkort kan man snart göra det i Full HD-upplösning.

Jag var på ett liknande konvent i Holland i våras (läs om Outline här) men givetvis var det i Falköping i mycket mindre skala. Icke desto mindre var det roligt och oerhört motivationsdrivande. Läs mer om motivation under etiketten Kreativitet här på graf-bloggen.

Denna Atari kör ett diskinterface som kallas UltraSATAN och den medför att man kan köra ROM-filer direkt ifrån SD-kort. Man behöver alltså inte skyffla floppydiskar för att spela spel längre.

Det är på något sätt avslappnande att vistas i den kreativa miljö som kommer med dessa konvent. Att sitta med sina projekt bredvid några galna elektroingenjörer som utvecklat ett nytt grafikkort till Atarin eller att snegla på de galna programmerarnas innovationer. Jag fick hur mycket gjort som helst. Givetvis fick jag pulat lite med min Atari, men jag fick också färdigställt ett albumcover som jag jobbat på till-och-från under ett par veckor och jag fick pysslat lite med mikrobloggtjänsten bitter.

Andra höjdpunkter var ju att jag sopade banan med övriga besökare i Super Sprint och att jag lyckades få en slags "Wacom-tablet" med Atarikompatiblitet med mig hem. Nu blir det en helt annan känsla i att pixla. Kan bli hur coolt som helst!

Super Sprint är ett av de spel jag själv är uppvuxen med. Det var ingen XBOX360-lyx med analoga kontroller där inte. Nej, joystickarna var hårda och kalla och man skulle ha rejält ont i tummarna efter att ha spelat. Ofta kraschade spelen och det gick givetvis inte att tanka hem några patchar från internet på den här tiden. Hade man köpt ett spel som buggade var man rökt. Jaha... brunt.

Lite blandat småskrot jag fick med mig hem. Till vänster i bild ser vi "Tabby", en ritplatta som är kompatibel med Atari ST/STe/Falcon. Weee! :]

Nästa konvent blir troligen till våren igen. Då blir det Holland revisited.

Lektion: Portfolio!

2009-11-19T11:01:00.008+01:00

Idag påbörjar vi portfolioarbetet! Att kunna marknadsföra sig är tokviktigt oavsett om det gäller kommande anställning, inför studier med hård konkurrens om studieplatserna eller när man raggar frilansjobb. En portfolio är ett steg i att sortera och presentera sina bästa arbeten, där man med bild och text bygger en produkt för att visa på sina kunskaper/färdigheter och sin personlighet.

Vi började dagen med att översiktligt diskutera hur företag arbetar med sina varumärken. Vilka värden eftersträvar egentligen Fjällräven genom sitt svenskklingande namn? Givetvis handlar det om den svenska naturen och vildmarkslivet. Svenska varumärkesnamn känns ofta lite personliga, och mysiga, medan namn på latin känns "lärda", lite över oss andra. Engelska namn är lite tuffare. Sen har vi ju reklambyråerna vars varumärkesnamn kan vara lite vad som helst. De ska - och får - vara lite tokiga. Namn som "Kostym", "Spenat" eller "Tra-la-la" berättar för oss om byråns kontrollerade men sprudlande kreativitet.

Eleverna fick välja mellan att arbeta med en fysisk eller en digital portfolio. Samtliga valde att arbeta med webb-portföljer och har t.o.m. vecka 50 på sig att färdigställa dessa.

Nedan postar jag några matnyttiga länkar. Kolla dessa!

Artiklar om grids här på graf-bloggen

960 Grid System - Mångsidigt gridsystem för webbdesign!
Cap & Design - Så gör du dig ett namn och bygger varumärket
KOBOLT.net - Åsa, en 20-årig webbdesigners portfolio

Så här hade en fysisk portfolio kunnat se ut...

Tips: I love typography

2009-11-18T09:38:00.009+01:00

John Boardley är en grafisk formgivare från Storbritannien som bosatt sig och arbetar i Japan. Hans weblog I Love Typography har legat i länklistan till höger sedan graf-bloggen startade 2 september 2008. Det är en fantastisk inspirationskälla och kunskapsbank för oss som älskar typografi och grafisk design.

Förutom alla snygga typsnitt som John visar exempel på så kan man också förvänta sig lite humor emellanåt. Bilden är saxad från hans site och sätter in John Wayne i en typografiskt laddad situation.

På I Love Typography finns allt från nyheter om designböcker och tips om nya/gamla typsnitt till snygga bakgrundsbilder till datorn eller iPhonen. Det finns också ett rackarns klurigt och roligt font-spel. Klicka på bilden nedan för att testa!

Det är lurigt med typsnitt alltså. De kan vara så lika varandra men ändå så olika. Kolla noga in bokstavsformerna och använd uteslutningsmetoden när inget annat hjälper. Kanske hamnar du i "Hall of Fame" om du spelar dina kort rätt!

Humor: Hitler ondgör sig över typsnitt mm.

2009-11-12T22:57:00.014+01:00

Jag kom precis hem ifrån att ha lirat ett parti Settlers (brädspelet) med gamla bekanta och numera nya bekanta. Vi halkade där in på en diskussion om typografi eftersom jag dagen till ära hade min Helveticatröja på mig. Vilken isbrytare, va?!

Min kollega Magnus introducerade mig för ett tag sen inför en ofta parodierad scen i filmen "Der Untergang" (2004) där Hitler bryter samman och skäller ut sina närmaste män. Jag fick ikväll ett tips om en variant som behandlar typografi. Jag bara måste dela med mig!

Designer daily har här gjort en ruskigt skön variant där Hitler ondgör sig över sin inkompetenta marknadsavdelning som vill använda Comic Sans i affischpropagandan. Klicka på bilden nedan. Jag hade ont i magen och var tårögd av skratt efteråt.

Hitler tycker inte att Comic Sans ger rättvisa åt propagandakampanjen och ångrar att han stängde ner den modernistiska konst- och designskolan Bauhaus. De kunde skapat snyggare och effektivare typografi som vunnit respekt i hela Europa.

Fler underhållande klipp baserade på samma scen:
Hitler ondgör sig över att hans undertextare missbrukar en lågbudget-Font-CD
Hitler ondgör sig över ny firmware till Canon 5Dmk2
Hitler ondgör sig över Canons nya modell 7D

Edit 2010-02-01:
Hitler ondgör sig över Apples iPad

Lektion: Illustration!

2009-11-12T12:49:00.005+01:00

Den illustrationsuppgift vi nu arbetar med har till syfte att ge oss bättre inblick i hur text och bild kan samverka för att skapa tydligare budskap och väcka intresse. Dessutom ges möjlighet att testa lite olika metoder såsom collageteknik, tuschteckning mm.

Vi pratade tidigare i morse om bildjournalistik och vi jämförde olika texter tillsammans med fotografier och belyste några olika samband, ex. att människor som framträder i bildernas förgrund kan upplevas som mer hotfulla i vissa sammanhang.

Nedan postar jag länktips till några illustratörers portföljer. Kanske kan ni hitta lite inspiration i deras arbeten. Klicka på bilderna!

Mike Perry är en grafisk designer och illustratör ifrån Brooklyn, NY. Han har gjort uppdrag åt bl. a. Nike, MTV och Apple.

Marcus Walthers är UK-baserad och pysslar med illustration och konst. Han har bland annat arbetat tillsammans med Coca Cola, Honda och Amnesty International.

Stehpen Kelleher (Frankenstyles) från Irland har en enkel portfolio som visar på ruskigt snygga arbeten. Hans illustrationer har publicerats i bland annat Computer Arts och FHM.

Nyhet: Sex tänkande hattar i Laholm

2009-11-10T19:49:00.009+01:00

Jag höll på att tappa andan av skratt i morse när jag tog del av lokalnyheterna till frukost där man rapporterar om att Laholms kommun spenderat 18000 kronor på hattar under rådande sparkrav. Jag kan se mig själv i rollen som torr politiker, på tvären vägrandes bära den tramsiga hatten.

Bilden är saxad från artikeln i Hallandsposten. Klicka på bilden för att länkas till artikeln. Fotograf: Henrik Williamsson

Man har i Laholms kommun tagit fasta på Edward De Bonos kreativa metod "Sex tänkande hattar" som jag själv varit i kontakt med under mina designstudier. Den bygger på att varje deltagare i en brainstormingprocess har tillgång till sex hattar och intar en speciell roll under influens av varje hatt. En av hattarna är emotionell, en är logisk osv. och dess bärare ska följdaktligen agera på samma sätt. Jag tyckte aldrig metoden var särskilt effektiv, snarare ganska tramsig (men jag vägrar ju bära kräfthatt på kräftskivan också så jag är nog lite kinkig). Bättre kreativa metoder för designers finns - om du frågar mig - här under etiketten Kreativitet.

I HP:s artikel ligger mycket fokus på pengarna eftersom det ju handlar om skattemedel, något som journalisterna älskar att skriva om, men det jag tycker är mest intressant är vad den berättar mellan raderna om människorna som jobbar i kommunledningen i Laholm. Kanske har man hyrt in en konsult för att kickstarta verksamheten efter en tid av torra möten och dåligt beslutsfattande, eller kanske har någon under semestern läst en bok om kreativitet och fått denna snilleblixt för att kunna lösa kommunens ekonomiska problem. Enkelt kan de åtminstone inte ha det då de söker vägledning av denna typ...

Vad som än ligger bakom så skulle det vara kul att följa utvecklingen och se om Laholm klarar att hantera sina nya verktyg (hattarna) och ro skutan mot lugnare vatten.

EDIT: Nicolina tipsar om Pär Lernströms (Mix Megapol) kommentar om nyheten. Lyssna vid 16:02, här!

Random: Om Statoils nya logotyp

2009-11-06T12:53:00.015+01:00

I våras gick ett pressmeddelande ut om att den norska drivmedelsjätten Statoil byter kostym, till en för fyra miljarder 300 miljoner kronor. Denna enorma summa grundas bland annat i kostnaderna för att förändra lokalernas interiörer och att utveckla den grafiska profilen mm. Den gamla loggan har hängt med så länge jag kan minnas, och den kommer att fortsätta att vara i bruk på bensinmackarna, men för StatoilHydros del (bolagets raffinaderier och kontorsbyggnader etc.) används den nya loggan.

Där den gamla loggan med sin karaktäristiska droppe och stabila typografi talar om ett starkt varumärke och en kraftfull produkt så kommunicerar den nya helt andra värden. Den nya logotypen har fått mycket kritik av designers runt om i världen, och tyvärr är jag är villig att hålla med.

Jag får känslan av att Statoil ska sadla om till att utveckla eteriska massageoljor snarare än högoktaniga motorbränslen.

Denna interiör bemöts du av när du ska göra affärer med ett av världens största oljebolag.

Bilden tagen ifrån www.statoil.com (mediearkivet). Foto: Øyvind Hagen /Statoil, 2009.

Vad tycker du om loggan? Vore kul med lite aktivitet på bloggen nu mina vänner! Ni har fullt tillräckliga kunskaper för att kunna tillföra intressanta synpunkter.

Lektion: Studiefrågor till Helvetica!

2009-11-05T13:51:00.009+01:00

Idag startade vi officiellt B-kursen med utdelning av kursplaner, genomgång av kursupplägg och någon timmes föreläsning om typografi, färglära, tryckteknik och arbetsflöden. Vi kikade också på korrekturläsning med korrekturtecken på förmiddagen och vi kikade på Gary Hustwits dokumentär Helvetica.

Studiefrågorna till filmen kan du ta del av nedan. Inlämningens omfattning bör vara en A4-sida i 12 punkter (ca 500 ord).

Studiefrågor till Helvetica (Gary Hustwit, 2007, Plexi Productions)

1. Resonera kring hur ett typsnitt kan kommunicera med sin form.

2. Ge exempel på viktiga kriterier för ett kommersiellt typsnitt.

3. Vilka kulturella/politiska anledningar kan du komma på som gör att du undviker eller begränsar användandet av vissa typsnitt?

4. Man skulle förenklat kunna säga att det finns två typer av grafiska formgivare. Hur resonerar den äldre respektive yngre generationen om modernismens och post-modernismens inverkan på den grafiska formen?

5. LBS har typsnittet Akzidenz-Grotesk i sin grafiska profil. Vad har det för släktskap med Helvetica?

6. Som ni sett är mitt skrivbord, min skärmsläckare och annat till stora delar bestående av typsnittet Helvetica. Det är inte för att jag tycker att det är världens bästa typsnitt (Frutiger och Univers känns mer tidsriktiga till exempel och med Windows Vista distribuerades några nya vackra sans-seriffer som jag gärna använder). Men Helvetica är en tidsmarkör. Tolka detta påstående.

7. Den äldre generationen formgivare skolades utan de digitala verktyg vi har idag.
A) Vilka fördelar respektive nackdelar tycker du finns med att arbeta med datorer?
B) Hur tror du att du skulle arbeta med en grafisk produktion om du inte hade en dator? (ge konkreta exempel på metoder, material etc.)

Lektion: Qahwa-utställning!

2009-11-04T19:42:00.008+01:00

I ett tidigare inlägg här på bloggen utlovades fler bilder ifrån A-kursens utställning där eleverna arbetat med förpackningsdesign. I detta projekt har frågor om hur man sticker ut ifrån mängden av kaffeprodukter diskuterats och jag måste återigen utdela beröm. Riktigt bra jobbat på så kort tid! Nu får bilderna tala istället.

Therese (tv) tycker att en glasburk gör kaffet mer attraktivt medan Elin (th) låter sitt kaffe saluföras i en svartlackad plåtbehållare.

Eric (tv) lyfter fram värden om kaffets ursprung med elefanten i centrum och Malins (mitten) förpackning känns verkligen exotisk i sin enkelhet i val av typografi och färger. Till höger skymtar vi Jonathans och Matildas designförslag i konservburksformat.

Nicolina skapade en enkel logotyp där ett väl valt typsnitt vilar på en stiliserad kaffeplantage och använder denna som etikett på den biologiskt nedbrytbara påse som kaffet saluförs i.

Och i denna bild ser vi förpackningar, eller delar av dem, från följande elever: Benjamin, Jonathan, Matilda, Veronica och Martina.

Random: Nördig platsannons!

2009-11-03T16:22:00.008+01:00

Nördigare än såhär blir det knappast när det handlar om platsannonser i den grafiska branschen. Annonsen publicerades i ett nummer av Cap&Design förra året och är utformad som ett flervalstest där man ska identifiera typsnitt och kryssa för rätt alternativ.

Om man har rätt på 18 av de 21 frågorna tycker reklambyrån Grand att man är lämplig för jobbet, men att man kan kompensera ett resultat under 18 genom att ha "nördigt stora kunskaper inom icc, psd, ai och indd". Grand är för övrigt rekambyrån som bland annat skapat Stryktipsets kampanj "13 rätt är respekt!". Själv satte jag bara 16 rätt i deras platsannons, men kompletterar nog det med nördighet har jag en känsla av. Konceptet som sådant är oerhört kreativt och roligt för en platsannons tycker jag!

Testa era typsnittskunskaper genom att klicka på bilden (OBS! Rätt svar står upp-och-ner på sidans nederkant så var noga med att inte råka tjuvkika). Posta gärna en kommentar med hur många rätt du hade!

Nyhet: Gary Hustwit - Objectified!

2009-10-27T11:08:00.005+01:00

Igår landade filmen Objectified hemma i brevlådan tillsammans med en kul textilväska som man fick med om man var snabb att boka sitt exemplar av filmen. Detta är dokumentärfilmaren Gary Hustwits andra film som denna gång handlar om produktdesign (den första: Helvetica handlade om typografi och finns även den i hyllan).

"You may not ever think about what kind of planning goes into designing simple, everyday things like toothbrushes, wastebaskets or hedge trimmers, but after seeing this movie, you will never look at any one of those objects the same way again." – Wired

Jag kan definitivt rekommendera filmen till alla som är nyfikna och intresserade av formgivning och även högskolor/universitet med utbildningar inom design/konsthantverk skulle kunna använda filmen som referensmaterial tidigt i utbildningarna. Vi möter designers från möbelindustrin till klock- och radioapparattillverkare (ex. Braun) och vi får ta del av designprocessen bakom bland annat Apples ultratunna laptop.

För egen del hade denna film inte samma genomslag som Helvetica när den kom eftersom nyhetsvärdet här inte var så stort för mig efter mina designstudier på universitetet. Men givetvis kommer jag hålla koll på vad Gary Hustwit pysslar med framöver. Hans filmer är snyggt fotade och innehåller mycket bra intervjumaterial och fantastiska ljudspår.

Lektion: Sista veckan med A-kursen!

2009-10-23T13:29:00.014+02:00

I vecka 40 fick eleverna ut ett case som handlade om att ta fram en grafisk profil för det fiktiva kaffeföretaget Qahwa. Upplägget var ungefär detsamma som förra årets avslutande A-kursmoment (som kan läsas om här) och byggde på att man skulle följa den modell av designprocessen vi gått igenom med marknadsundersökning, konkurrentanalys, styrmöte med kund osv.

Designprocessen.

Nu i torsdags (vecka 43) skulle allt vara klart. Detta innebar inte att eleverna hade 4 veckor på sig, för vecka 41 och 42 var lektionsfria till förmån för arbetsplatsförlagd utbildning (APU). Lektionstiden som fanns till förfogande var alltså 4 lektioner à 6 timmar vilket är ganska snävt med tid för ett projekt av denna omfattning. Därför tycker jag att eleverna gjort en strålande insats! I torsdags skulle följande levereras: grafisk manual, ett falsat produktblad och en mock-up-förpackning, och det blev en hektisk dag för såväl elever och lärare som för vår gamle trofaste 4880 när allt detta skulle printas i sista sekund. Klockan 1400 sattes deadline för att vi skulle hinna äta marängsviss och avsluta kursen, men den tiden gick visst inte att hålla utan fick senareläggas till 1445.

Nedan följer några bilder från veckans aktiviteter. Fler bilder från utställningen kommer i nästa vecka så håll till godo!

Malin utövar lite mät- och skärteknik för att få perfekta mått och spikraka sidor på sitt produktblad. Noggrannhet är A och O.

Grafiska manualer i görningen. I denna manual redovisar eleverna hur de tänkt att företagets logotyp ska placeras i förhållande till andra element, på vilka bakgrunder de får placeras, vilka färger och typsnitt som får användas i olika sammanhang osv.

Benjamin får hjälp av Anh med att spaymåla några gamla ölburkar till sin mock-up.

Utställningen i skolans Café. Det kommer fler bilder i nästa vecka. Ruskigt provocerande av Benjamin att utgå ifrån Comic Sans i Qahwa-loggan ovan måste jag säga... Brrr...

Bra jobbat allihop. Ha nu ett bra lov så ses vi när B-kursen startar i vecka 45!

Tips: Hiphop i 8-bitar

2009-10-20T12:46:00.010+02:00

På 4 dagar har de över 50.000 visningar och 5-stjärnigt betyg på Youtube.

Ett gäng ungdomar som tog studenten i våras har gjort en riktigt snygg video till en svensk hiphoplåt: Pato Pooh ft. Adam Tensta - Follow Me. Med tanke på att budgeten varit på 0 kr får man nog lov att kalla det godkänt.

Ruskigt snygg och välplanerad produktion. Missa inte! Klicka på bilden nedan.

Tips: Aktivera ClearType i XP!

2009-10-15T10:36:00.001+02:00

ClearType är en högst välkommen teknik när det gäller fontrendering på skärm. Det handlar om hur typsnittens konturer (som ju är vektoriserade) ska avbildas på skärmen (bli rasteriserade) för bästa läsbarhet. Microsoft släppte denna teknik med Windows XP för ett antal år sedan och måste där aktiveras manuellt, men är aktiverad per automatik i Vista och Windows 7.

Tekniskt om ClearType
ClearType skapar mjukare och mer lättläst text för visning på skärm genom att utnyttja s.k. subpixlar. Varje pixel byggs upp av 3 subpixlar i färgerna röd, grön och blå som tillsammans (genom olika valörer på R, G och B) skapar färgen i pixeln (om du sätter dig riktigt nära en gammal "tjock-TV" är det lätt att se subpixlarna).

För att ett teckensnitt ska kunna visas på skärm måste vektorinformationen i fonten renderas till en pixelmatris (vi ska ju visa tecknen på en skärm som byggs upp av pixlar). ClearType kommer in i bilden när denna översättning ska ske. Att ClearType utnyttjar subpixlarna innebär i praktiken att varje pixel har tre gånger högre upplösning (varje pixel byggs ju som bekant upp av 3 subpixlar), men eftersom varje subpixel kan anta 256 olika intensitetsvalörer kan upplösningen upplevas som som mycket högre än så.

Denna bild är tagen på en LCD-skärm och visar subpixlarna in action. ClearType är aktiverat här och vi kan se att subpixlarna inbördes har olika valörer (antingen tända, släckta eller någon av de 254 valörer däremellan) och tecknen ser nästan mjuka ut även vid denna enorma förstoring. Fotografiet hjälpte Benjamin mig att ta i våras.

Nedan ser vi ett par skärmdumpar som belyser hur skillnaderna i rendering ser ut med ClearType inaktiverat respektive aktiverat (du bör klicka på bilden för att se den i sin helhet):

Med ClearType får texten en mjukare ton och känns mer behaglig att läsa.

Aktivera ClearType
Kanske sitter någon av er fortfarande på Windows XP? Det gör jag på jobbdatorn som jag kvitterade ut tidigare i höstas. Det stod också mycket klart att ClearType inte var aktiverat per default i XP. Om du vill veta hur man gör kan du läsa nedan:

Dessa fönster är aktuella när du vill aktivera ClearType i Windows XP.

Leta upp Egenskaper för Bildskärm (antingen genom att högerklicka på skrivbordet och välja Egenskaper, eller via Kontrollpanelen.) Där markerar du fliken Utseende och trycker på knappen Effekter. Här sätter du kantutjämningstekniken till ClearType. Voilà!

Läsvärt: Windows XP: Better Screen Resolution with ClearType

Tips: Kom igång med OpenType!

2009-10-12T16:02:00.003+02:00

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)

2009-10-07T14:01:00.005+02:00

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.