October, 2012Archive

Oct 31

De siste dagene har vi jobbet med forskjellige skrifttyper og hvordan man konstruerer de.

Her har jeg kopiert og tegnet av en øvelse som avbilder eksempler på kalligrafiske bokstaver:

Kalligrafisk opprinnelse
Bokstavene på øverste linje har en annen konstruksjon enn bokstavene på nederste linje. De har en annerledes kalligrafisk opprinnelse. Det har ikke noe å si om skrifttypen har seriffer (som Times New Roman) eller ikke (som Arial). Det handler om hvordan de orginalt ble konstruert.

De øverste bokstavene er konstruert med blyant med spiss tupp (kalligrafisk blyant). Kontrasten oppstår ved forandring av trykket på blyanten, ikke på grunn av formen på blyanten. Bodoni er et eksempel på dette, men sans seriff fonter som Helvetica har også dette opphavet. Den tykkeste delen, vil som oftest, være helt vertikal. Med denne synsvinkelen er det ingen forskjell på Bodoni og Helvetica. De har begge samme konstruskjon. Bare kontrasten varierer.

Bokstavene på nederste linje har opprinnelse fra den brede tuppen. Den kalligrafiske blyanten i seg selv har en tykk og en tynn del. Kontrasten i skriften oppstår på grunn av formen på blyanten, ikke på grunn av trykket. Du kan vinkle blyanten opp til 30 grader. På denne måten blir den tykke delen liggende på en vinklet/skrå del av bokstaven, ikke på de vertikale delene. Videre vil da tynne streker havne vertikalt. Skrifttyper som Garamond og Minion er konstruert på denne måten. Men også sans seriff fonter har opphav fra den brede tuppen på blyanten.

Har lyst til å lære mer om opprinnelsen til de forskjellige fontene, les bøkene til Gerrit Noordzij. Hans kunnskap og oversettelsesteorier blir godt forklart i mange av hans verk.
“The stroke of the pen” er en god start. Du kan også lese deler av Noordzij´s teorier on-line.

 

Oct 30

Denne oppgaven fikk vi i uke 43 og skal leveres i dag, tirsdag 30 oktober. Oppgaven gikk ut på å lage en egen font, altså vår egen skrifttype, i programmene Typetool og Scanfont. Jeg begynnte prosessen med mye skissing, og kom fram til å lage en “overskrift-font” som består av pappesker og skisserte bokstaver. Grunnen til at jeg valgte pappesker, er var fordi jeg aldri har sett en lignende font før, og synes det var en fin utfordning.

I og med at jeg lagde en overskrift-font, konstruerte jeg kun versaler (store bokstaver), samt komma, punktum, mellomrom og tre andre symboler.

Fonten redigerte jeg i Typetool og Scanfont, etter å ha tegnet alle bokstavne i Illustrator.

Bilder av prosessen ser du under, samt fonten på eget ark og festivalplakaten.

Fonten heter: The Box Font!

 

Oct 22

En Friis & Company butikk i Tønsberg skal endre navn til Seven. Vi på mediedesign fikk da i oppgave om å lage logoforslag til den nye butikken=)

Her er mine forslag:

(Det er selvfølgelig mulig å komme med egne ønsker som fargevalg, endring, videreutvikling osv. av logoen hvis det er ønskelig)

Oct 18

Denne oppgaven gikk ut på å lage en webside i Dreamweaver. Tema var valgfritt, men man måtte ha med minst fire undersider og bruke divtags i et CSS-dokument. Man skulle også lage en mock-up skisse i enten Illustrator eller Photoshop, pluss et flytskjema for struktur og planlegging. Størrelse og form var også valgfritt.

Jeg valgte å lage en startside for meg selv. Kanskje litt uorginalt, men oppgaven ble gitt for å lære oss å kode i et html-dokument fra scratch, så da tok jeg det første som falt meg inn:) Ideen var å linke opp fire sider som jeg vanligvis besøker hver morgen, så jeg har dette på ett og samme sted. En god løsning på hvordan jeg gjør internett-besøket lettere imens jeg spiser frokost synes jeg var en god ide. Jeg kommer til å prøve ut, og bruke denne startsiden nå fremover, for å se om denne løsningen faller i smak.

I slutten av uke 41 begynnte jeg så vidt å skisse og lage mock-up´en i Illustrator. Dette ble jeg ferdig med i løpet av weekenden, så kodingen startet jeg med på mandag uke 42 og ble ferdig til fristen som var torsdag 10:30. Jeg valgte å legge forskjellige bakgrunnsbilder på hver side, med morgenvær/soloppgang som tema. Ellers er websiden enkel og minimalistisk med skisseeffekter på all typografi for å lage en viss struktur og sjarm.

Overskriftene hadde jeg egentlig planer om å tegne selv, men bestemte meg fort får å bruke eksisterende fonter. Dette gjorde jeg fordi jeg hadde lyst til å bruke mest mulig tid inne på Dreamweaver, og bli kjent med dette programmet.

Oppgaven var utrolig lærerik, i og med at jeg ikke hadde noe kjennskap til koding fra før.
Oppgaven gjorde jeg på en 27″ iMac, så websiden tar seg best ut på større skjermer. Dette er noe jeg tar lærdom av til neste gang. (Selve boksen skal ligge sentrert på siden, med like mye padding horisontalt som vertikalt.)

Under legger jeg til bilder av siden, mock-up bildet fra Illustrator, samt flytskjema.

Enjoy!:)

Link til siden: Min første webside;)

 

 

 

Oct 10

De siste to dagene har vi holdt på med Dreamweaver, og lært oss og kode litt. Oppgaven var å lage en enkel nettside med et bilde vi lagde i starten av skoleåret.  For å komme til nettsiden trykker du på bildet under!

Oct 08

Oppgaven gikk ut på å lage et bilde i Photoshop, og bruke de metodene vi har lært. Temaet var “Fantasy Wonderland”. Jeg valgte å begynne fra scratch ved å tegne skisser og scanne de inn i Photoshop siden. Jeg hadde lyst til å blande inn litt Steampunk-stil i oppgaven, så det ble en blanding av Fantasy Art og Steampunk. Alt er tegnet med brushes, og mange av brushene er lastet ned fra www.brusheezy.com.

Handlingen i bildet er satt frem i tid, etter en form for en apokalypse. Forurensning og andre negative bivirkninger som menneskeheten står til takke for, har spredt seg ut i verdensommet. Månen er i ferd med å gå i oppløsning og det er et tidsspørmål før den detter sammen. Det er satt opp “romstasjoner” for å sende arbeidere med skip til månen for å redde den..

Skisser av bildet har jeg lagt til under.

Tittel på bildet er “Repair of the moon”.

 

Velkommen!