27.okt 2009

Har idag jobbet med oppg4 s 49


Kittycolor by ~torit2 on deviantART

Raketten

Jeg har glemt å laste opp raketten, men her er den:


rakett3 by ~torit2 on deviantART

Inbetweening

Idag har jeg skrevet på bloggen, samt laget et lite eksempel på inbetweening. Her ser du resultatet:


Tor by ~torit2 on deviantART

Blog kap 4

Animasjon

• Bruksområder for animasjon

• Tradisjonell- og dataanimasjon

• Å animere i flash

• Animasjonsprinsipper
  
  

---

Bildehastighet

Er hvor fort bildene vises, FPS(foto pr. sek) på engelsk, som vil si at vi regner i hvor mange bilder som vises i sekundet. En ting å merke seg er at med fler bilder pr sek vil også størrelsen blir større på fila, å den vil ta lenger til å laste opp.

Animasjon i tengefilm

I tegnefilm blir kun de viktigste bildene tegnet av et fåtall animatører, mens bildene i mellom blir tegnet av assistenttegnere. På denne måten får man større kontroll meg animasjonen, og arbeidet vlir fordelt på en effektiv måte.

Vi har også såkaldte stopmotion animasjoner, hvor vi tar bilder av ekte objekter, beveger dem, tar et nytt bilde osv. For eksempel slik som Flåklypa grand prix er laget. Dette er en veldig gammel måte å lage animasjonsfilm.

Dataanimasjon

Ved å bruke denne typen animasjon, får vi to store fordeler i forhold til tradisjonell animasjon.

• 
  Animasjonen blir enklere å redigere. Vi kan bla oss fram og tilbake i animasjonen og endre den til våre ønsker.
  
  
• Datamaskinen kan automatisk lagre animasjonen i mellom nøkkelbilder. Denne prosessen kaller vi inbetweening.

2D og 3D

2d-animasjon ligner mye på tradisjonell tegnefilmanimasjon, bortsett fra fordelene med redigering og inbetweening. Det er 2D animasjon vi lager i flash.

3d-animasjon inneholder grafikk i tre dimensjoner og animerer mellom ulike poseringer eller tilstander. Kan også minne mye om tradisjonell stopmotion.animasjon, men gir oss fordelen med enklere redigering og invetweening.

Animasjonsprinsipper

Nesten alt av animsjonsprinsipper ble utviklet av selveste Walt Disney tilbake på 1930-tallet. Disse prinsippene ble til for at animasjoner skulle vise personelighet, følelser og fysisk vekt. Selv om dette var utviklet for annimasjon i tegnefilm, er det ikke helt ugylding for oss. Her er et par eksempler av de viktigste prinsippene.

Sakte inn/ut

Samme prinsipp som vi gjorte i "ballsprett" oppgaven, ballen beveger seg fort i starten, og senere mot slutten. Uten denne effekten vil animasjonen se ulevende og kunstig ut.

Sqash and Stretch

Er for å gi litt bedre liv til animasjonen, for eksempel en ball som spretter, vil bli trykt sammen når den treffer bakken, før den spretter videre.

Forventning

Vi kan vise hva en animasjon skal gjøre i neste bevegelse ved å lage en mindre animasjon i forkant. For eksempel om en karakter skal kaste en ball, kan vi la armen gå bakover i forkant av kastet. Dette vil helt klart gi animasjonen mer liv og den vil med en gang se mer ekte ut.

Follow trough og overlapping

Mens "Forventning" er bevegelsen i forkant av en hovedbevegelse, er follow trough bevegelsen i etterkant. Men samme eksempel som over, burde karakteren her fortsette å bevege armen etter ballen er kastet.

Overlapping er når forskjellige bevegelser stopper og starter til bestemt tid. Dette er også med for å skape en mer realistisk og levende animasjon.

Sekundæranimasjon

Bevegelser som utfyller hovedbevegelser. For å igjen bruke vårt "ballkast"eksempel, kan for eksempel genseren til karakteren falgre når ballen kastes. Dette er også en faktor for å gi enda bedre liv til animasjonen.

Filformater for animasjon

Animasjon lan vises i alle videoformater, men det finnes formater som er mer rettet mot animasjon. Disse formatene tar mindre størrelse (= mindre lastingstid), og er derfor ideelle for websider.

GIF

+ Kan vise serier med bilder etter hverandre slik at vi får en animasjon.

+ Kan lages i mange forskjellige programmer.

- Begrenset til 256 farger, noe som gjør at den kun passer til veldig enkel grafikk.

SWF

Filformatet til Flash animasjoner, og er veldig populær.

+ God kvalitet, liten filstørrelse og mulighet for interaktivitet. Grunnen til de små filene er vektorgrafikk og symboler.

- Kan bare vises i eget avspillingprogram, Flash Player. Selv om de fleste datamaskiner har dette programmet, vil jeg se på det som et minus.

SVG

Lagrer grafikk på XML-form, altså et tekstbasert filformat. Formatet er utviktet av WWWC og er ment til å brukes på nettsider.

DCR

Laget av Adobe.Kan spilles av i programmet Adobe Shockwave. Mange av de samme mulighetene som Flash

Animasjon i Flash

Vi har tre forskjellige måter å animere på i flash:

• 
  
  Bilde-for-bilde: Vi lager vert bilde i animasjonen selv


• 
  
  Motion tween: Her lager Flash inbetween bilder for oss (forklart lenger oppe), slik at vi kan animere egenskaper til animasjonsinstanser.


• 
  
  Shape tween: Her lager også flash inbetween bilder for oss. Å vi kan endre i form av farge eller form i shape- eller tagningsobjekter.

28 September 09

Idag har jeg jobbet med oppgaven om hvordan man lager en lydavspiller i flash


Spilleavlyd by ~torit2 on deviantART


Nb, filen kan ikke spille av lyd på Deviant-art. I og med at jeg bare har lastet opp flash-filen uten at musikken er lastet opp

22.sep.09

Idag har vi jobbet med Rakettoppgaven på s 116 i boka å lastet den opp på Deviantart

Blog kap 3

Har vært i england en uke, så har hengt litt etter. Men blogger nå kapittel 3 om tekst.

Skrifttype
Skriftypen bestemmer utforming på hver bokstav. Vi deler opp skriftyper i kategoriene Serif og Sans Serif. Serif har "pyntede" utløpere eller oramenter på hver bokstav. I Sans Serif har man ikke denne pynten.

Man kan igsp gi skrift forskjellige utseende med Fet og Kursiv tekst.

• Fet
• Kursiv
• Normal

Vi har også forskjellige skrifttyper (fonter) med forskjellige utseende, alt fra løkkeskrift til dobbelbokstaver.

• ABCEF - Arial
• ABCEF - Times
• ABCEF - Trebutchet

Størrelse

Vi måler størrelsen på tekst i punkter(points). Ett punkt er 1/72 av en tomme. Vi har også måleenheten Pica, som er 12 punkter. Brødteksten som skal vises bør ha en størrelse på 9-13 punkter. Blir den større, blir det for få ord pr linje og blir den mindre er den vanskelig å se.

Linjelengde
For å gjøre lesingen mest effektiv bør lingelengden ligge på 50-72 tegn.

Linjeavstand

Avgjør avstanden mellom linjene. Setter man dette på 0, vil linjene akkurat få plass uten at de kolliderer, pluss et lite mellomrom avgjort av skrifttypen. Vanelig i skolesammenheng er linjeavstand på 1,5.

Tegneavstand
Avstanden mellom forskjellige tegn.

Dersom teksten skal være lett å lese, burde vi bruke svart tekst mot hvit bakgrunn. Vi kan vekke oppsikt med hvit tekst mot mørk bakgrunn, men da blir teksten osgå mindre leselig. Vi bør uansett være forsiktige med fargebruken på tekst, det kan gjøre det til et irritasjonsmoment.

Farger

Dersom teksten skal være så enkel å lese som mulig, bør vi satse på god gammeldags mørk mot lys, altså svart mot hvit. For å vekke oppsikt kan vi ta mørk bakgrunn mot lys tekst, men da blir teksten vannskeligere å lese. Vi bør uansett være forsiktige med fargene, ettersom det kan gjøre teksten rett og slett stygg, og ikke serlig lesbar.

Filformater

Txt.

Rene tekstfiler. Denne filen innehoder ikke info om skrifttype eller størrelse på tekst. Er mye brukt til koding.

Tekstformater med formatering

RTF

Rich Text Format, et tekstformat som også inneholder info om formatering.

HTML

Filer som viser i nettleseren som websider. Mange illustratorprogrammer og tekstbehandlingsprogrammer kan åpne HTML-filer for og vise dem med formatert tekst.

Microsoft Word(doc)

MW er et mye brukt tekstbehandlingsprogram. Filene herfra kan åpnes i mange andre programmer. Filene har "etternavn" doc oggler docx for den nyeste.

Open office

Gratis programvarepakke som inneholder et helt greit tekstbehandlingsprogram.