Välkommen!

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!

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

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..

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

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!

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?

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!

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

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

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

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?

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!

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

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

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