Shape Tween – Flash

Oppgaven denne gangen var å lage en shape tween i Flash der geometriske former skulle formes om til navnet mitt. Shape tween brukes til animasjon av grafiske elementer i Flash (kan ikke brukes til symboler). Jeg har lagt inn ekstra rammer (insert frames) for å forlenge bevegelser og testet ut bruk av “shape hint”.

Det er ikke lov å laste opp Flash-filmer (.swf-filer) i denne bloggen (WordPress.com). Fant ut at jeg vil ha et sted jeg kunne legge ut flash, why not? Så nå har jeg laget meg en profil på Devianart. Her er en link til Shape Tween flash filmen. Ikke så imponerende, men det er min aller første. http://grymonicah.deviantart.com/#/d4hr88j

Og her er noen screenshots.

Dette er noe jeg må jobbe mer med senere. Men akkurat nå må jeg rushe videre på neste oppgave og den obligatoriske, pga at jeg ligger en del etter.

Interaktivitet – actionscript 3.0

I denne øvelsen skulle vi designe og kode knapper til bruk i scenene vi lagde i forrige aktivitet.

Før jeg skulle begynne på selve læringsaktiviteten så jeg i gjennom videoleksjonene om dette emnet og fikk lyst å teste det ut på to fotografier som jeg tok i sommer. Etter at jeg testet og fikk det til å virke, hadde jeg planer om å gjøre det samme på scenene “harmoni” og “kontrast” fra forrige gang, men ble opptatt i en lang periode med jobb og annet slik at dette ikke ble gjort.

Jeg vil gjerne likevel legge ut scenene og knappene jeg lagde på de to makrobildene, for å vise at jeg har jobbet med aktiviteten og at jeg fikk det til, men denne bloggen lar meg ikke laste opp Flash-filmer. Så istedet har jeg lagt til Flash-filmen nederst i footer på mitt “enkle nettsted” midlertidig, og det virker!

Her er link til mitt enkle nettsted, sjekk nederst i footer: http://elevarbeid.webstudent.no/mmd_webstudent/gry_monica_hellevik/index.html

Om jeg har fjernet dette igjen når du leser dette, kan du se på skjermdumpene nedenfor hvordan det så ut.

Scene 1 - Interaktivitet actionscript 3.0

 

Scene 2 - interaktivitet actionscript 3.0

 

 

Typografi og bilde i Flash

I denne aktiviteten skulle vi jobbe med typografi og bilder i Flash. Vi skulle lage to komposisjoner i Flash, den ene med likhet/harmoni mellom bilde og typografi, enten i form av plassering eller utforming av elementene. Den komposisjonen skulle ha kontrast mellom tyopgrafi og bilde. Deretter skulle vi lage en .jpeg av de to scenene og legge dem ut her på dagboken.

Noen ideer og skisser i forbindelse med denne aktiviteten:

Og her er mine to scener:

LIKHET/HARMONI:

Harmoni

Her er det lyse, grå farger og runde former både i tegningen av ansiktet, i formene av begge elementer (som er like) og valg av snirklete font med runde former. Håndtegnet portrett og håndskriftlignende tekst viser likhet og harmoni.

KONTRAST:

Kontrast

Her har jeg mest tenkt på kontrasten mellom hvit skrift og mørk bakgrunn/mørkt bilde.

Det er en stund siden jeg laget disse og jeg var egentlig ikke helt fornøyd. Hadde tenkt å jobbe mer med dem, og sannsynligvis lage noe helt nytt, men så kom tiden og tok meg – fikk ikke gjort det. Derfor legger jeg ut disse likevel for å vise at jeg har jobbet med denne aktiviteten.

Arkiv i Flash

I denne aktiviteten skulle vi jobbe med symboler i Flash, for å få innblikk i hvordan man bygger opp innholdet i scenen ved bruk av arkivet/library og symboler.

Først skulle vi lage tre forskjellige typer symbols; tre enkle “graphic symbols”, et enkelt movieclip og en button ut fra avataren vi lagde i forrige aktivitet. Her skulle vi gjøre endringer på en buttons fire stadier; 1) Up 2) Over 2) Down og 4) Hit. Og så skulle alle legges inn i scenen.

Her er min avatar som Flash button i fire stadier:

UP

OVER

DOWN

HIT

Og her er alle sammen satt inn i scenen, i forskjellige lag.

Alle symbolene satt inn i scenen

Det er foreløpig enkelt og greit å lære seg dette, fint å teste ut og finne ut hvordan det henger sammen. Men jeg gleder meg til vi skal lage noe som beveger seg, der alle delene har en funksjon og avhenger av hverandre…

Avatar i Flash

I denne læringsaktiviteten skulle vi lage en digital avatar av oss selv. Avataren skulle tegnes direkte i Flash, på bakgrunn av et bilde av oss selv hvor vi skulle forenkle formen. Avataren skulle være 200 x 200 pixsler.

Definisjon på en avatar:
“An avatar is a computer user’s representation of himself/Herself or alter ego, whether in the form as a three-dimensional model used in computer games, a two-dimension icon (picture) or a one-dimensional username used on Internet forums and other communities, or a text construct found on early systems such as MUDs. It is an object representing the user.”

Her er bildet jeg brukte som utgangspunkt og noen skisser hvor jeg forsøkte å forenkle. Jeg har ikke mye trening i å forenkle og ser at jeg godt burde trene mer på det, for å få bedre “swung” over linjene…

 

Jeg ønsket å ha med ting som jeg mener representerer meg, nemlig store øyne, mørkt hår, smilet og prikkete skjerf, siden jeg liker prikker veldig godt.

 

Skisse nr.6 ble utgangspunktet jeg brukte for å tegne i Flash.

Jeg åpnet bildet i Flash, og tegnet lagvis oppå med pen tool. Deretter fylte jeg inn med paint bucket og malerkost-verktøyet.

Det var litt uvant hva som gikk av og ikke gikk an med fill og paint og strokes, i forhold til Illustrator og Photoshop, og jeg har nok ikke helt fullstending kontroll på tegningen i Flash ennå. Men her er avataren som ble resultatet:

Det er tydeligvis ikke lov å embedde Flash-filer inn i WordPress.com-blogger, derfor er den eksportert til en vanlig.jpeg-fil.

Denne siden på WordPress.com sier:

“Flash and Other Embeds
Flash and all other embeds are not allowed in WordPress.com posts, pages, or text widgets. For security reasons, we remove the tags needed for these to work. Your intentions may be innocent, but someone somewhere might try to use such embeds to damage the site, affecting all of our users.”

Obligatorisk oppgave 07 Fotoessay

Klikk på forsidebildet ovenfor for å se mitt fotoessay “En frisørs hverdag” presentert som PDF.

Eller klikk her om du vil lese den på ISSU.COM/gmfh.

Og her er bildene mine fra fotoessayet ett og ett:

Forside

Mette frisør er full av frisørenergi!

Farging krever nøyaktighet

Telefonen må besvares mellom andre gjøremål

Vask og deilig hodebunnsmassasje er en nytelse

Sladder med kundene er en viktig del av hverdagen

Klipp er siste hånd på verket

Rapport om prosessen

I denne innleveringsoppgaven skulle vi lage et fotoessay for portretterte en person. Det kunne gjerne være flere personer med, men en person i hovedrollen. Et fotoessay vil si en rekke bilder som forteller en historie. Vi skulle ta 6 bilder pluss et forsidebilde i svart-hvitt, forsidebildet skulle være tatt i studiolys/kunstig lys, og minst ett av de andre bildene i serien skulle være tatt i naturlig lys (dagslys). Men ellers var det fritt fram for bruk av lyskilder og utstyr.

Personen som portretteres skulle samtykke i at bildene ble tatt og at de kunne publiseres, en kontrakt som gav tillatelse til dette skulle fylles ut.

Person som jeg portretterer

I denne oppgaven har jeg valgt å portrettere frisøren Mette og hennes hverdag på jobben. Mette er en veldig blid og smilende person og det ville jeg vise i fotoessayet. Det er hyggelig å gå til frisøren hos Mette! Hun jobber hos Adam og Eva Strøget AS i Oslo, som er en profesjonell frisør med et ganske kult image, dermed ønsket jeg i tillegg at bildene skulle være litt røffe og kule. Fotoessayet heter ”En frisørs hverdag”. Jeg fikk både frisør Mette og kunde Anne Beate til å signere på kontrakten om at det var greit at jeg publiserte bildene av dem. Syntes det var greit å få dette av begge siden kunden også var med på så mange av bildene.

Research
I forkant har jeg vært hos Mette og sett hvordan og hvor bildene kunne tas. Jeg fant ut at det ville være best å ha ekstra lys i tillegg til blitsen på kameraet og skaffet meg en ekstern Canonblits. Vi diskuterte litt rundt mulige bilder på forhånd og avtalte tid for fotografering. Jeg leste litt om lys, bruk av blits og portrettfotografering på forhånd.

Redigering av bildene

En stund vurderte jeg å gjøre hele serien i svart-hvitt, men fant ut at dette ikke ville fungere særlig bra i dette tilfellet, fordi det er for mye kaos i bakgrunnen på mange av bildene. Svart-hvitt kommer best til sin rett når det er tydelige flater og store kontraster mellom lyst og mørkt.

Jeg har redigert bildene i Adobe Photoshop Lightroom. Saturasjonen i bildene er skrudd langt ned slik at de nærmer seg svart hvitt, men rødfargen er økt en del. Bildene har også fått økt kontrast, økt mengde svart og ekstra fill light for å kompensere. Jeg synes resultatet passer bra med Adam og Eva sin image, de har mye svart, hvitt med røde detaljer rødt i sitt interiør.

Veggbilder hos Adam og Eva Strøget

Veggbilde og stil hos Adam og Eva Strøget

Forsidebildet er av en frisørsaks, en kam og en kopp kaffe. Alle tre typiske objekter på en frisørsalong og nært knyttet til Mette siden hun bruker dem hele tiden. Jeg har gjort bildet svart-hvitt med unntak av kammen, her har jeg latt rødfargen være igjen, for at forsidebildet skulle passe sammen med resten av bildene. Jeg prøvde med helt svart-hvitt og det ble ikke fint i det hele tatt. Derfor dette valget her selv om det står svart-hvitt i oppgaven.

Lys og utstyr

Bildet av Mette der hun smiler crazy og skal til å klippe sitt eget hår, er tatt i dagslys utenfor salongen i Strøget. Forsidebildet er tatt med ekstern Canon blits inne i salongen. Alle andre bilder er tatt med kunstig lys innendørs (med og uten blits). Det var vanskelige lysforhold i salongen med mye downlights (spots) i tillegg til store glødelamper (lysepærer uten skjerm) som hang fra taket. Jeg tok bilder både med og uten blits for å se hva som ble best, og skiftet mellom tre objektiver; 18-55mm, 50mm og noen få med 100mm. Brukte også blitsen med og uten en lys plasthette foran.

Belysning hos Adam og Eva Strøget

Lyssettingen i bildene er kunne helt sikkert vært mye bedre, men jeg valgte bevisst å ta innendørs bilder til denne oppgaven selv om dette ikke er det jeg kan mest om. Hittil har jeg tatt mest bilder i utendørs i dagslys, lyssetting og innendørs foto er en stor utfordring for meg og noe jeg vil lære mer om. Skulle gjerne lære å ta bilder med så flott lys som bildet av modellen med det krusete håret ovenfor (som henger på veggen hos Adam og Eva Strøget). Eller som bildet med modellen med det hvite håret, her er det flott dramatisk lyssetting!

Bildebehandling

Denne læringsaktiviteten er en fortsettelse av aktiviteten som heter “Reise – mobil enhet”.

Oppgaven var å øve oss på å manipulere og behandle bilder digitalt. Vi skulle ta de tre bildene fra “Reise – mobil enhet”-oppgaven og gjøre som følger:

- Et bilde skulle ha kontrasten mellom lys og mørke justert.

- Et bilde skulle gjøres om til svart-hvitt.

- Et bilde som enten var high-key eller low-key skulle normaliseres.

Siden jeg kjøpte digitalt speilreflekskamera i mars 2010 har jeg tatt utrolig mange bilder, og det er en aktivitet jeg virkelig koser meg med. Jeg har begynt å bruke Adobe Photoshop Lightroom som redigeringsprogram, og synes det er utrolig lett å bruke selv uten å ta tid til å lære det i dybden (noe jeg også planlegger å gjøre etterhvert). Det er nok uante muligheter her som jeg ikke har oppdaget.

Her er resultatet av øvelsen:

1. Flyvindu: Low key bilde som er normalisert. Exposure økt bittelitt (+0,32), fill light økt (76), kontrast litt økt (+9).

2. Reisende i rulletrapp på Charles de Gaulle: Konvertert til greyscale.

3. Ventende på flytoget: Kontrast mellom lys og mørke er justert. Kontrast redusert (-50), redusert clarity (-70), saturation redusert (-36), økt brightness (+74) og lagt på en vignette.

Det jeg gjerne vil lære mer om er avansert fotoredigering både i Lightroom og i vanlig Photoshop. Jeg har akkurat gjort mine første forsøk på å redigere bilder i vanlig fotoshop ved å bruke adjustment layers, filtre osv. Her er det uante muligheter! Veldig spennende! Jeg har derfor lagt til to ekstra bilder som jeg har redigert med Photoshop, før og etter.

På disse bildene har jeg prøvd oppskriften fra fotograf Mette Rasmussen, slik som hun beskriver i bloggen sin her.

Low key bilde – FØR.

Low key bilde – NORMALISERT.

Reisende i rulletrapp – NORMAL I FARGER.

Reisende i rulletrapp – KONVERTERT TIL SVART-HVITT.

Venter på flytoget – NORMAL.

Venter på flytoget – KONTRAST JUSTERT.

Gutt – originalt bilde

Gutt – redigert

Øye – original

Øye – redigert

 

Lyssetting og valører

I denne læringsaktiviteten skulle vi lyssette og ta bilder av en ballong i eget “hjemmestudio”. Vi skulle gjøre en research på studiolyssetting, og finne erstatninger for disse hjemme.

Jeg har forsøkt både med ballong og med sitroner, men har dessverre veldig uegnede lamper hjemme til dette bruk. Men jeg laster likevel opp noen av bildene slik at dere kan se hva jeg har holdt på med. I fjor sommer fikk jeg prøve å ta bilder i et ordentlig fotostudio i Istanbul, da hjalp fotografen meg med å sette opp lamper og softbokser. Jeg skulle gjerne ha prøvd det igjen, men denne gangen ville jeg ha prøvd å stille opp lampene og utstyret på diverse måter selv, for å se hvordan det endret seg.

Skulle gjerne prøve Rembrant Lighting (to lamper eller en lampe + en reflektor) eller typisk portrett lyssetting, tre lamper; hovedlys (key light), sidelys (fill light) og baklys (back light / rim light).

Rembrandt Lighting

 

Standard lyssetting med 3 lyskilder

Jeg ville helst ha low-key bilder med høy kontrast, og jeg fikk nok til ganske low-key, men kontrasten er ikke så høy som jeg planla. Tror den ville blitt bedre om jeg hadde hatt større og sterkere lamper. Gjorde også noen forsøk med en hjemmelagd reflektor. En plate som jeg limte på hvitt papir på den ene siden og regnbuefarget skimrende innpakningspapir i plast på den andre siden…

Her er noen ballonger og sitroner lyssatt i mitt “studio”:

Jeg skrev ikke opp de forskjellige lyskombinasjonene på de lilla ballongene (de første ballongbildene), men på sitronene gjorde jeg som følger: Bilde 1: Hardt sidelys av kun en lampe. Bilde 2-3: Lys fra én lampe ovenifra, nær og fjern. Bilde 4-5: Brukte hvit reflektor på venstre side. Bilde 6-7: Brukte regnbuesølvfarget reflektor på venstre side. Bilde 8-9: Prøvde å legge inn fill light i tillegg til en lampe og en reflektor.

Tok også et par bilder av en hvit ballong, prøvde å fange fargerefleksjonene mellom ballongen og reflektoren.

Nyttige linker om lyssetting: http://en.wikipedia.org/wiki/Portrait_photography og http://en.wikipedia.org/wiki/Rembrandt_lighting