Oblig.05 – Idéutvikling

Etter mye jobbing med å finne inspirasjonsbilder, og lage moodboards har jeg jobbet med idéutviklingsmetoder, og skisser.

Først har jeg laget tankekart med 4 forskjellige temaer: Sunlight, Revival, Late modern og husmor. Noen har stikkord (tanker og idéer) på engelsk, mens andre norsk.img004

Videre har jeg brukt ABC-metoden og fylt ut så mange ord jeg kan under hver bokstav. Denne metoden er fin for å tvinge hjernen til å tenke annerledes, og på denne måten kom jeg frem til mange nye ord og idéer. Noen engelske ord, men få.
img003

Jeg har brukt noen kilder fra Smashing magazine (se under kilder nederst i innlegget) for å finne inspirasjons bilder av vintage stil og videoer om dette. I denne sammenheng har jeg laget et moodboards over vintage stil. Vintage er et uttrykk som betyr «av fin årgang», og brukes om gamle, edle produkter som lar seg årfeste (vin, bil, klær, design). Når det gjelder klær kan man bruke uttrykket vintage, men mange bruker også retro, secondhand eller brukt/gammel.
vintage

Videre i dette innlegget ønsker jeg å vise mine skisser til denne oppgaven, noen små disposisjonsskisser og noen store skisser med mer detaljer.skisse1skisse2

img004

Kilder

http://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/

http://psd.tutsplus.com/tutorials/designing-tutorials/photoshop-vintage-design/

http://www.smashingmagazine.com/2008/10/07/retro-and-vintage-in-modern-web-design/

http://no.wikipedia.org/wiki/Vintage

– Annette B. D.

Learning activity – Typography

1. Define the term «typography» in your own words.
2. Write a few sentences explaining what typography is not
3. Find a case study on typeface development on the internet. Explain which medium the font developed is best suited for and why. Keep legibility, size and style in mind.

1. Typografi vil si læren om bokstaver og grafiske elementer, og hvordan bruke disse. Typografi lar deg gjenskape bokstaver for å kombinere dem, og for å lage forskjellige ord. På denne måten får man uttrykke et budskap eller et visuelt utrykk. Typografi er en grafisk utforming med et definert typesnitt.

Typografi kan deles inn i to deler:
Den ene delen handler om konsept, idé, utforming, format, typesnitt, farger, papir og komposisjon. Den andre delen handler om utspillet mellom bokstaver, ord, rader; altså detaljene i selve setningen.

De fleste skrifttypene er bygd opp av en grunnstrek og en hårstrek. Skriftsystemet består av bokstaver, tall og tegn, som tilsammen utgjør ca. 120 symboler. Det finnes to typer bokstaver:
VERSALER = store bokstaver
minuskler = små bokstaver

Typografi oppstod først som et håndverk i boktrykkerkunsten på 1500-tallet, og faget omfatter at man har kunnskap om leselighet, form og innhold, skrifttyper og -størrelser, linjelengde og -avstand, papir, formgivning, farge og ulike trykkteknikker. Idag utføres det meste av typografi ved hjelp av digitale tekstbehandlingsprogrammer.

2. Typografi involverer ikke å lage bokstaver hver for seg for hånd eller med et verktøy. Typografi er ikke et kunstverk, typografi er ikke håndskrift, typografi er ikke graffiti, typografi er ikke skift, typografi er ikke tegnskrift, typografi er ikke å skjære ut bokstaver i stein eller tre for hånd, typografi er ikke å lage bokstaver ut av fyrstikker.

Det som er nevnt over kan fungere som inspirasjon, og kan lede til typografi, men er IKKE typografi. I typografi er det svært viktig å forstå grunn prinsippene, og fokusere på dette. Deretter eksperimentere med ulike teknikker og metoder.

3. Til denne oppgaven har jeg valgt fonten Verdana. Dette er en humanist sans-serif som ble designet av Matthew Carter i 1996. Denne fonten passer svært godt til brødtekst i skjermbruk, siden det ifølge undersøkelser er mer lettleselig med en font som har større bokstav og -ordmellomrom, slik som Verdana. Den brede skiften gjør det lettere å lese, og fungerer mye bedre til skjerm enn på papir. Her er en kilde hvor det står litt om fonten, her.

Jeg fant ikke noen egen case study om Verdana, og føler meg ikke istand til å utføre dette selv. Dermed ble kanskje ikke oppgaven 100% riktig besvart, men jeg har lest pensum og gjort min research.

Kilder

http://www.typografi.org/dokum/doku.html

http://www.typografi.org/index.html

http://www.kunnskapssenteret.com/articles/2317/1/Hva-er-typografi/Hva-er-typografi.html

http://www.kunnskapssenteret.com/articles/2316/1/Typografiens-funksjon/Typografiens-funksjon.html

http://snl.no/typografi

http://designm.ag/inspiration/inspirational-typography/

http://petterandresen.no/typografi/11.html#K

http://inspiredology.com/what-typography-is-not/

http://www.utdanningsforbundet.no/upload/Utdanningsakademiet/Bedre%20Skole/Nr%204-06/Asplund_Om_typografi.pdf

http://www.microsoft.com/typography/fonts/family.aspx?FID=1

http://www.myfonts.com/person/Matthew_Carter/

– Annette B. D.

7.1 Shape Tween Animasjon

Ved bruk av shape tween skal du lage en flash animasjon hvor geometriske former skal omformes til ditt navn. Shape tween er en av metodene som er innebygget i Adobe Flash for å utføre mellomposisjonene til en grafikk fra en ekstremposisjon til en annen.

Jeg har egentlig vinterferie denne uken, men med mange aktiviteter som skal gjennomføres og en stor obligatorisk oppgave som skal utarbeides føler jeg ikke at jeg kan ta meg helt fri. Derfor kommer neste ukes aktiviteter til å bli gjennomført og postet denne uken.

Før jeg kunne gå løs på aktivitetene måtte jeg se en del videoer om de ulike animasjonsverktøyene i Adobe Flash, samt lære om prinsippet om ekstremposisjoner i animasjon. Jeg startet med å lage noen geometriske former i hvert sitt lag, og la til en bokstav lengre ut i filmen/timeline. Deretter valgte jeg Create Shape Tween, men ingenting skjedde. Etter mye jobbing med å prøve og finne feilen, startet jeg fra begynnelse igjen. Denne gangen la jeg til en bokstav og byttet bokstav etter en del frames/rammer. Slik så det ut:  

Nå forandret A bokstaven seg gradvis til en V bokstav, og ved hjelp av hints kontrollerte jeg hvordan forandringen skulle være. Etter dette bestemte jeg meg for å lage et symbol av hver bokstav og se om det ville løse noen av mine problemer. Dette ga meg ekstra mye jobb, og tiden fløy av gårde. Jeg vil ikke anbefale å bruke denne metoden til andre, men med mer øvelse går det kanskje fortere. Etter mye jobbing og slit med å få de ulike objektene på riktig plass, endte jeg opp med dette: 

Som dere ser ble ikke resultatet helt bra, men animasjonen fungerte. Problemet mitt denne gangen var bruken av free transform; flyttet jeg de geometriske figurene ble bokstavenes plassering helt feil.

Etter en pause ville jeg prøve på nytt, selv om jeg var fornøyd med at jeg endelig hadde klart å få til en animasjon. Denne gangen lagde jeg en geometriske figur som jeg kopierte i hvert lag, og etter en del frames/rammer la jeg til bokstaver i navnet mitt. Jeg brukte linjal for å plassere objektene så nøye som mulig, og planla dette på forhånd. Tilslutt la jeg til flere former og linjer, slik at resultatet skulle se ut som en buss.

En svært lærerik oppgave, hvor jeg virkelig fikk utfordret meg selv. Bruken av dette verktøyet åpner for mange valgmuligheter og idéer til andre former som kan forandre seg til noe annet. Legg merke til at den første animasjonen er laget med 1 sek, og den siste med 2 sek. Animasjonen kan du se lengre ned på denne siden, her.

– Annette B. D.