Uke 36

Her har jeg laget en isbjørn i Flash.


Isbjorn by ~garsjo on deviantART

Her skal jeg beskrive framgangsmåten for hvordan jeg laget denne isbjørnen.

Først brukte jeg oval tool og rectangle tool for å utforme sirkler og firkanter for å lettere lage omrisset av bjørnen. Omrisset ble laget ved å trekke rette linjer med line tool mellom objektene.

Når dette var gjort brukte jeg selection tool og break apart for å fjerne objektene inne i isbjørnen så bare omrisset ble igjen. Deretter brukte jeg subselection tool for å avrunde og forme bjørnen så den ble fin.

Deretter tegnet jeg detaljer på bjørnen med pencil tool. Etter dette forandret jeg farger på bjørnen, og valgte en gradientfarge som fyllfarge. Dette gjorde jeg ved å velge linnear som type i color-panelet og valgte en lys blå og hvit farge. Helt til slutt brukte jeg gradient transform tool for å flytte fyllfargen.

Kap 3 tekst

Denne uken har vi også hatt om kapittel 3. Dette kapittelet handler om tekst innenfor egenskaper, utseende, filformater og overføring av tekst til Flash.

Utseende og egenskaper
Det å bestemme utseende på tekst kalles typografi. Vi skiller vanligvis teksten i overskrift, ingress og brødtekst. Brødteksten er den lengre teksten som vi vanligvis kjenner som hoveddelen.

Skrifttyper
Skrifttypen, som også kalles font, bestemmer den grafiske utformingen på hver bokstav. Flesteparten av de forskjellige skrifttypene kan deles opp i serif og sans serif. Serif er at bokstavene har ”pynt” i form av små utløpere på hver bokstav, noe som skal gjøre det raskere å lese teksten. Sans serif inneholder ikke denne ”pynten”, noe som gjør at det går tregere å lese. Sans serif blir brukt mest i overskrifter og logoer.

Vi har også andre utformingsmuligheter på skrift.

- Fet
- Normal
- Kursiv

Størrelse
- Måles i punkter(points), hvor ett punkt er 1/72 av en tomme.
- Brødteksten som skal vises på en skjerm har en optimal størrelse på 9 til 13 punkter.

Linjelengde og linjeavstand
- Linjelengden bør vanligvis være på mellom 50 – 75 tegn for å gjøre lesingen mest effektiv.

- Linjeavstand kalles også leading.
- Optimal linjeavstand er på 4+.

Tegnavstand
- Angir avstanden mellom hvert tegn i teksten
- Teksttypen inneholder vanligvis informasjon slik at avstanden blir regulert mellom ulike tegn. Det er for eksempel behov for mindre avstand mellom VA enn VW.
- Dette med tegnavstand gjør teksten mer lesbar.


Justering og farger
- Vanligvis bør brødteksten være venstrejustert eller blokkjustert
- Høyrejustering blir mer brukt i kolonner med tall

- Den beste leseopplevelsen når det kommer til farger, er med mørk skrift mot lys bakgrunn


Filformater
Vi har mange forskjellige tekstfilformater. Disse filformatene kan inneholde alt fra 256 til 100000 tegn.

Her har man følgende filformater som er formatert:

- RTF – Tekstformat som også inneholder informasjon om formatering.
- HTML – Filer som vises i nettleser.
- DOC (Microsoft Word) – Filer som kan åpnes i mange andre programmer enn bare Microsoft Word.
- ODF (Open Office) – Gratis programvarepakke som inneholder bla. Tekstbehandling.

Vi har også et filformat som heter TXT som blir brukt i wordpad. Dette er tekstfiler uten noen form for formatering.



- Garsjø

Uke 35

I denne oppgaven, som da er den første Flash-oppgaven for året, skulle vi lage en enkel animasjon. Jeg valgte å lage en enkel animasjon med noen geometriske figurer med farger som forandrer seg og flytter på seg, og til slutt blir de et menneske som skyter en kule. Jeg har brukt shape tween i denne animasjonen for å få de fine overgangene. Jeg prøvde å legge inn musikk, men dette fikk jeg ikke til.


Animasjon by ~garsjo on deviantART

- Garsjø

Uke 34

I forrige uke(altså uke 34), var det oppstart for kurset Informasjonsteknologi 2. I fjor hadde jeg Informasjonsteknologi 1, noe jeg var veldig fornøyd med. Derfor valgte jeg å fortsette med IT i år, og etter jeg har sett at vi skal jobbe mye med Flash, tror jeg at jeg skal bli fornøyd med faget i år også. Flash hadde vi litt om i fjor også.

Siden datarommet var under ombygging denne uken, ble det mye teori til å begynne med, og her kommer notater fra timene.

Punktgrafikk
Punktgrafikk er enkelt og greit et rutenett med fargede rektangler som kalles piksler. Når en ser hele rutenettet på avstand ser det ut som et bilde.

Her ser vi et eksempel på punktfrafikk. Når man zoomer inn på bildet, ser man at hele bildet er satt sammen av veldig mange fargede rektangler.
(bildet er hentet fra http://no.wikipedia.org/wiki/Bitmap)

Hver piksel har hver sin farge, og jo flere piksler et bilde har jo bedre er kvaliteten på bildet. Dette blir målt i antall piksler per tomme.








Antall piksler horisontalt og vertikalt i et bilde kalles pikselstørrelsen eller pikseldimensjonen til bildet. Hvis bildet har mange piksler, kan man forstørre bildet uten at bildet blir kornete. Fra et vanlig digitalkamera har man vanligvis fra 6 til 12 megapiksler. Altså 3000 x 2000 til 4000 x 3000 piksler.

Fargedybde
Det er ikke bare antall piksler som avgjør kvaliteten på bildet. Fargedybden har også mye å si. Dette er hvor mange forskjellige farger hver piksel kan vise. Dette måles i bit. 1 bit gir 2 forskjellige farger, 2 bit gir 4 farger osv. På et bilde er det vanlig å ha 24 bit, som gjør at hver piksel har ca 16 millioner farger å velge i.

72 piksler--> 24 bit(per piksel) gir ca 16 millioner farger.

Ulempen med bilder, er at de somregel må komprimeres fordi alt dette med pikslstørrelse og fargedybde tar mye plass.

Vektorgrafikk
Vektorgrafikk består av linjer og kurver som er definert matematisk, som er da det motsatte av punktgrafikk som bare består av fargede firkanter.
Det som er så bra med vektorgrafikk i motsetning til punktgrafikk er at bilder kan skaleres så mye man vil uten at kvaliteten blir dårligere, samtidig som informasjonsmengden på datafilen er relativ liten.

Vektorgrafikk benyttes ofte til strektegninger(bilde), illustrasjoner og symboler. Vektorgrafikk fungerer utmerket hvis en skal presentere noe i flere medier, på grunn av at det ikke blir noe tap av kvalitet ved skalering.

Kreves ofte spesiellt tilpasset programvare for å lage vektorgrafikk. Et eksempel er Adobe Flash.

Filformater
Her skal jeg ta for meg noen kjente filformater.

Filformater for punktgrafikk:

JPEG - Kanskje mest populære filformatet til digitale bilder. Har 24 bits fargedypde og blir komprimert slik at filene blir meget små. Derfor fungerer det veldig bra til overføring til Internett eller e-post.

GIF - Populært til websider fordi filene som regel er små, og man kan lage en serie bilder som fungerer som en animasjon. Kan inneholde informasjon om gjennomsiktighet. Ulempen er at bildene bare kan ha 256 farger.

PNG - Dette kan kalles etterfølgeren til GIF og kan vises med 24 bits fargedybde i tillegg til gjennomsiktighet. Fungerer bedre til å lage fotografier, men har ikke animasjon.

TIFF - Brukes mye i den grafiske bransjen. Kan lagre bilder med opptil 16 bit i hver fargekanal slik at man får 48 bits fargedybde. Kan også lagre alphakanaler og lag.

RAW - Lagre bilde direkte ut i fra minnebrikken i digitalkameraet. Ubehandlet og med større fargedybde, noe som gjør det mye bedre å etterbehandle bildene.


Vektorgrafikkformater

SWF - Animasjonsfilene man lager i Adobe Flash.

SVG - Et åpent format, altså ikke tilknyttet noe program eller produsent. Kan lage animasjon. Kun til å overføre vektorgrafikk til Internett og vise den i nettleseren.

PDF - Laget av Adobe for skriftlige dokumenter slik at de blir vist uavhengig av programvare og operativsystem. Kan leses av Acrobat Reader.

Grafisk design
Innenfor grafisk design er det 2 generelle regler som gjelder som det er viktig å tenke på:

1. Kontrast
- Form
- Skarphet
- Farge

2. Det gylne snitt
Det gylne snitt er et viktig fenomen innenfor bilder og video.


(bildet er hentet fra media-idalinn.blogspot.com)

Omtalt i wikipedia som et irrasjonelt tall på 1,618. Det gylne snitt bygger på en harmonisk deling av et linjestykke.
Det hele er en matematisk utregning.
Man kan finne det gylne snitt mange steder i naturen, og da spesielt på menneskekroppen hvor forholdet mellom lengden fra skulderen til fingertuppene og mellom albuen og fingertuppene er delt i forholdet 3:5.





Mange kjente kunstnere har brukt "det gylne snitt" i sin utforming av kunst. Et eksempel er Da Vinci. Det gylne snitt inngår som deler av grunnstenen innen foto og video.

- Garsjø

Oppstart

Da var bloggen min oppe også. Notater fra timene kommer senere.

- Garsjø