Har idag jobbet med oppg4 s 49
Kittycolor by ~torit2 on deviantART
tirsdag 27. oktober 2009
tirsdag 29. september 2009
Inbetweening
mandag 28. september 2009
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
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
tirsdag 22. september 2009
mandag 21. september 2009
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.
mandag 14. september 2009
Oppgave kap4
14. september 2009
Idag har jeg gjort meg ferdig med det som startet som en fotballoppgave, før egen fantasi tok litt av. Her er resultatet:
basketoppgave by ~torit2 on deviantART
Idag har jeg gjort meg ferdig med det som startet som en fotballoppgave, før egen fantasi tok litt av. Her er resultatet:
basketoppgave by ~torit2 on deviantART
mandag 31. august 2009
tirsdag 25. august 2009
Oppgave i time 25-aug
Arbeid i time Tirsdag 25 august.
Arbeidet idag har gått til oppgaver i kap 2. Derav å tegne en Isbjørn i flash, resultatet ble slik;
Hvis du vil ha flash-fila, ligger den her (megaupload.com)
Arbeidet idag har gått til oppgaver i kap 2. Derav å tegne en Isbjørn i flash, resultatet ble slik;
Hvis du vil ha flash-fila, ligger den her (megaupload.com)
fredag 21. august 2009
Kapittel 2
Punktgrafikk
Punktgrafikk går også under navnene rastergrafikk, eller bitmap og består av et rutenett med fargede rektangler som vi kaller piksler. Når vi ser mange pikser på avstand, danner de et bilde.
Det er denne typen grafikk som brukes i male- og bildebehandlingsprogrammer og bildene vi får fra digitale kameraer eller scannere.
Teknisk kvalitet
Kvaliteten på bildet avgjøres av antall pixler og hvor mange farger hver pixel er i stand til å vise, dette kaller vi fargedybde. Jo bedre kveliteten - desto større blir filen.
For å forklare dette nærmere, har jeg et eksempel:
på dette bildet er det tilsamme 10 pixler, som er 1tomme lagt.
tenk at denne pixelen kan vise omtrent 16millioner farger. man vil derfor få veldig nøyaktige bilder i god kvalitet, da alle pixlene kan vise nøyaktige farger.
Vektorgrafikk
Vektorgrafikk har den fordelen at bilde kan somes evig inn, uten at det blir skurrete, i forhold til punkgrafikkbildene. Vektorgrafikk er også grafikktypen som brukes i Flash.
Filtyper:
Gif
Gif-filenes fordeler er at de kan vise gjennomiktighet og man kan lage animasjon, men baksiden er at GIF filer har en maks størrelse på 256 farger.
PNG
PNG er en filtype som er lite brukt, den har også mulighet for gjennomsiktighet og har hele 16mill farger (24bit), men har bakdelen at den ikke støtter animasjon.
TIFF
TIFF-filer har egenskapen at de kan bli utrolig store uten at kvaliteten på noen måte svekkes. TIFF kan på mange måte sammenlignes med JPEG, men i motsetning så beholder TIFF data og utseende selv om størrelsen endres.
RAW
RAW-filer er orginalfilene fra et speilreflekskamera, filen er altså ikke gjort om til f.eks JPG. Denne filtypen kan ikke vises på en vanelig, litt utdatert pc. Denne filtypen tar omtrent ti ganger så stor plass som et vanelig JPEG-bilde.
Vektorfotmater
Vektorformater er ofte filtyper som er programmavhengige, altså avhengige av et program for å vises. f.eks:
SWF: Adobe flash filformat
PDF: Adobe reader filformat
AI: Adobe illustrator filformat
Grafisk design:
Vi rakk ikke ha så mye om dette i timen, men det vi rakk var å snakke om "Det gyldne snitt".
Vi snakket vell også litt om plasseringer og kontraster. Vi kan skape kontraster i størrelse, lys, farger eller skarphet, det var her det gyldene snitt kom med i bildet.
Det er flere forklaringer angående det gylne snitt, vi gikk gjennom 3:5 regelen. Enkelt forklart deler vi bildet inn med størrelsesforholdet 3:5 på tvers både horisontalt og vertikalt:
På disse grønne prikkene skal helst motivet plasseres, så det skal bli behagelig å se på.
Det er flere forklaringer angående det gylne snitt, vi gikk gjennom 3:5 regelen. Enkelt forklart deler vi bildet inn med størrelsesforholdet 3:5 på tvers både horisontalt og vertikalt:
På disse grønne prikkene skal helst motivet plasseres, så det skal bli behagelig å se på.
Dette er "det gyldene rektangel" og motivet skal plasseres i den minste ruten.
Og til slutt, tredelsregelen:
Det var det..
mandag 17. august 2009
Lekse 8/17-09
Først og fremst, i denne bloggen kommer til å omhandle skolearbeidet i IT2. Jeg kommer ikke til å sitte å rable ned hva som skjer i livet mitt til en vær tid.
Dagens tema er mine forventninger til IT2:
IT har tidligere vært et av fagene på favorittlista, å sånn vil jeg gjerne det skal fortsette. Etter å ha sett over læreplanen kan jeg si som så at ser fram til å jobbe mye med flash, men at actionskript delen i neste termin er det jeg ser mest fram til. Ikke så mye å si forløbig, i og med at vi enda ikke har startet å arbeide på pc'ene.
Abonner på:
Innlegg (Atom)
