16
1 Primjena digitalne fotografije u reprodukcijskim medijima Katedra za reprodukcijsku fotografiju Grafički fakultet Sveučilišta u Zagrebu POKRETNE FOTOGRAFIJE SEMINARSKI RAD Nositelji kolegija i voditelj rada: Dr. sc. Maja Strgar Kurečić, doc. Ime i prezime studenata: Ana Šparavec, Lara Žigić Prosinac, 2013.

Pokretna fotografija_Sparavec_Zigic.pdf

Embed Size (px)

Citation preview

  • 1

    Primjena digitalne fotografije u reprodukcijskim medijima

    Katedra za reprodukcijsku fotografiju

    Grafiki fakultet Sveuilita u Zagrebu

    POKRETNE FOTOGRAFIJE

    SEMINARSKI RAD

    Nositelji kolegija i voditelj rada:

    Dr. sc. Maja Strgar Kurei, doc.

    Ime i prezime studenata:

    Ana paravec, Lara igi

    Prosinac, 2013.

  • 2

    SADRAJ

    1. UVOD---------------------------------------------------------------------------------------------3

    2. TO JE POKRETNA FOTOGRAFIJA?-----------------------------------------------------4

    3. GIF FORMAT-----------------------------------------------------------------------------------5

    4. IZRADA POKRETNE FOTOGRAFIJE-----------------------------------------------------6

    4.1. OPREMA------------------------------------------------------------------------------------6

    4.2. POSTUPAK---------------------------------------------------------------------------------7

    5. MOBILNE APLIKACIJE---------------------------------------------------------------------12

    6. TIME LAPSE-----------------------------------------------------------------------------------14

    7. LITERATURA----------------------------------------------------------------------------------16

  • 3

    1. UVOD

    Pokretna fotografija je statina fotografija u kojoj se mali dio pokreta ponavlja.

    Najee su objavljene kao animirani GIF format i daju iluziju da gledatelj gleda video.

    Izrauju se snimanjem serije fotografija ili videa, te koritenjem softvera za ureivanje slika,

    tako da se fotografije ili video okviri kompoziraju u beskonanu vrtnju koritenjem

    animiranog GIF formata tako da se dio slike pokree i ponavlja dok je ostatak slike statian.

    Izraz cinemagraph je doveden od amerikih fotografa Kevina Burga i Jamie Beck, koji su

    koristili tu tehniku za animaciju njihovih modnih i informacijskih fotografija u ranoj 2011.

    [1]

  • 4

    2. TO JE POKRETNA FOTOGRAFIJA?

    Pokretna fotografija najee se pojavljuje u animiranom GIF formatu te gledatelju

    moe dati iluziju gledanja videa. Izrauju se na nain da se uzme serija fotografija ili video

    snimka, te se pomou softvera za ureivanje slika sklapaju fotografije u besprijekornu petlju

    uzastopnih okvira. Pokretne fotografije su djelomino animirane. Ovakav efekt fotografija

    dobiva se na nain da se kontinuirano okidaju fotografije ili snimanjem videa i sklapanjem

    okvira u animiranu GIF datoteku.

    Jamie Beck, fotografkinja iz New Yorka, kreirala je 2011. godine seriju animiranih

    GIF-ova koje je nazvala cinemagraphs.

    Za razliku od obinih, svima dobro poznatih animiranih GIF-ova koji postoje od kada i

    internet, cinemagraphs izoliraju samo odreene pokrete, dok je ostatak slike statian. Time se

    postie originalna, pa i pomalo jeziva atmosfera.

    Iako je pokupila svu slavu za "patent", Beck nije prva koja se poela baviti s ovom

    vrstom GIF-ova. Oaravajuim pokretnim slikama ve se ranije poeo baviti tumblr "If we

    don't, remember me". Rije je o fascinantnoj kolekciji animiranih GIF-ova s filmskom

    tematikom[2].

    Slika 1. Prikaz rada pokretne fotografije

  • 5

    3. GIF FORMAT

    GIF jedan je od dva najee koritena raunalna grafika formata za razmjenu slika

    na World Wide Web-u.

    Predstavljen je 1987. godine te je najmijenjen upravo za uporabu na web-u. U jako

    kratkom vremenu radi svojih karakteristika (podranosti i prenosivosti) postao je vrlo rairen

    format na web-u.

    Podrava najvie 8-bitnu dubinu boje koji koristi paletu od maksimalno 256 boja, to

    je ujedno i glavni nedostatak. Obzirom da koristi unaprijed definiranu paletu boja mogu se

    odabrati bilo kojih 256 boja iz 24-bitne RGB palete. Konvertiranjem izvornih bitmapa

    (BMP, JPG, TIF,PNG i dr.) u GIF, drastino se smanjuje broj nijansi kojima se interpretira

    sadraj, to rezultira stepeniastim prijelazima pri pretapanju boja i gubitkom finijih detalja, a

    najee i prejakim kontrastom boja. GIF je upravo radi toga prikladniji za razne dijagrame i

    sline grafike sadraje, nego za fotografije.

    Osim osnovnih karakteristika i osnove uporabe, GIF format je na webu podran i kao

    animirani format. Animirani GIF format sastoji se od niza GIF sliica koje su spremljene u

    jednu GIF datoteku te nam time daje dojam kretanja lika (objekta koji smo snimali). Uz

    skromne memorijske potrebe ine ga idealnim za prikaz minijaturnih grafika, logotipa,

    bannera, najee elemenata grafikog dizajna web-stranica. GIF je komprimirani format, no

    za razliku od JPEG-a, kompresija kod GIF-a je bez gubitaka[3].

  • 6

    4. IZRADA POKRETNE FOTOGRAFIJE

    Ako pravilno napravimo pokretnu fotografiju ona moe biti lijepo i oaravajue umjetniko

    djelo koje unosi ivot u fotografiju.

    Za poetak fotografije mogu postati magine ako su napravljene u GIF formatu. To je

    format fotografije koji podrava animacije te time omoguava prikazivanje pokreta u samoj

    fotografiji. Ovaj arobni pokret zabiljeen je kasnih osamdesetih, ali tek nedavno 2011.

    godine ova vrsta fotografije doivljava procvat jer sami pokreti postaju glatki, sofisticirani i

    elegantni.

    Kako je popularnost pokretne fotografije rasla tako su se poele pojavljivati i mobilne

    aplikacije za mobitele koje omoguavaju jednostavno stvaranje amaterskih pokretnih

    fotografija. Ovakve aplikacije omoguavaju manje kvalitetan zavrni proizvod u kratkom

    vremenu, ali najbolje rezultate moemo postii ako imamo kontrolu nad cijelim procesom

    proizvodnje.

    Pokretna fotografija zahtijeva neku vrstu pokreta, tako da konanu sliku povezujemo vie s

    fotogrfijom nego video materijalom. Pokretne fotografije su napravljene od petlje pomou

    odreenog dijela fotografije, tako da scena mora imati stacionarne i animirane objekte.

    4.1. OPREMA

    - Kamera/fotoaparat koji moe snimiti video

    - Stativ - pozadina scene mora ostati savreno mirna, kako bi mogli animirati samo odreeni

    dio koji elimo.

    - Ideja za scenu koju emo fotografirati. Najbolje bi bilo odabrati scenu koja ukljuuje neku

    vrstu kontinuiranog pokreta kao to su kretnje tramvaja, vlaka ili pokretne stepenice jer se

    kreu dosljedno i predvidljivo.

    - Model/objekt odnosno svi potrebni rekviziti

    - Raunalo

    - Adobe Photoshop [4]

  • 7

    4.2. POSTUPAK

    Za poetak potrebno je odabrati scenu koju elimo snimiti (zabiljeiti). Za ovaku

    fotografiju uglavnom je poeljno snimiti neki suptilan pokret. Prvi korak je da putem video

    snimke odaberemo jedan dio koji bi bio pogodan za animiranje. Nakon to smo odabrali

    scenu koju elimo animirati, reemo je i spremamo kratku scenu koju smo odabrali kao novu

    video datoteku. U programu Quicktime je taj postupak jako jednostavan pomou opcije Trim,

    ali naravno da ovaj postupak moe biti napravljen i u aplikaciji za editiranje samog videa. [4]

    1. Korak: Planiranje scene snimanja

    Za ovakvu vrstu GIF-a potrebno je zapamtiti da elimo prikazati suptilan pokret, cilj je

    napraviti dobru fotografiju sa efektom ivota. Osim prikaza pokreta, na pokretnoj fotografiji

    mora postojati neto statino kako bi postavilo kontrast pokretu. Na kraju bitno je da se

    pokret moe beskonano vratiti poto se konani GIF tako pokree.

    2. Korak: Snimanje scene

    Nakon to smo smislili i sloili scenu koju elimo snimiti potrebno je postaviti fotoaparat na

    stativ. Bitno je da je fotoaparat to mirniji kako bi video bio statian. Video ne treba trajati

    dugo, svega desetak sekundi je dovoljno za izradu pokretne fotografije.

    3. Korak: Video format

    Nakon snimanja scene potrebno je prebaciti video prebaciti na raunalo. Kako bi ga mogli

    otvoriti u Adobe Photoshopu bitno je provjeriti kojeg je video formata. Photoshop moe

    otvoriti MOV i AVI video formate. Ako video snimljen za pokretnu fotografiju nije tih

    formata potrebno ga je konvertirati u odreenom programu za obradu video formata. [4]

  • 8

    4. Korak: Otvaranje datoteke u Photoshopu

    Kako bi otvorili i obradili na video za pokretnu fotografiju potrebno je otvoriti Adobe

    Photoshop (CS5 ili CS6), zatim importamo video (File > Import > Video Frames to Layers).

    Pojavljuje se prozor sa opcijama elimo li uvesti cijeli video ili odreeni dio videa. Uvedemo

    li to vie okvira videa, to e naa pokretna fotografija biti pokretnija. No vie okvira znai i

    vie memorije, te veu datoteku za rad. To bi moglo usporiti program, ali i samo raunalo. Za

    poetak je najbolje limitirati broj okvira ispod 100. [4]

    Slika 2. Uvoz datoteke u Photoshop

    Slika 3. Uvoz datoteke u Photoshop

  • 9

    5. Korak: Layeri

    Svaki okvir je sada poseban layer. Layere moemo brisati, duplicirati, te ih premjetati po

    potrebi. U Photoshopu CS6 se animacija prikazuje u timelineu dok u CS5 je potrebno

    ukljuiti opciju Animation (Window > Animation). Klikom na gumb za reprodukciju u

    prozoru za animaciju moemo testirati nau pokretnu fotografiju. [4]

    Slika 4. Layeri

  • 10

    6. Korak: Pokret

    Sada je potrebno odabrati koji pokret elimo prikazati na naoj pokretnoj fotografiji. Zatim

    odaberemo jedan layer koji elimo da predstavlja statinu fotografiju. Kopiramo ga i

    preimenujemo u eljeno ime, te ga postavimo na vrh svih ostalih layera. Dodamo mu Layer

    Mask te izbriemo dijelove koje elimo da budu pokretni. Testiramo nau pokretnu

    fotografiju. [4]

    Slika 5. Brisanje odreenog dijela maske

    7. Korak: Veliina

    Kako bi pokretna fotografija djelovala pravilno na web stranicama potrebno je prilagoditi

    veliinu kako nebi bila prevelika. Internet ne podnosi prevelike GIF datoteke. Veliinu

    prilagodimo tako da promijenimo broj piksela u izborniku Image > Image Size. Rezolucija za

    internet je 72 dpi. [4]

    Slika 6. Promjena veliine

  • 11

    8. Korak: Spremanje datoteke

    Prvo datoteku sauvamo kao .psd file kako bi mogli dodatno editirati po potrebi. Zatim

    sauvamo sa opcijom Save for Web, birajui opciju sauvati kao GIF sa 256 boja. [4]

    Slika 7. Spremanje datoteke

    Klasini subjekti za pokretnu fotografiju:

    - Treptaj oka

    - Pokret kose

    - Kretanje tramvaja

    - Valovi

    Svaka pokretna fotografija bi trebala poinjati i zavravati na istom kadru.

    Svaka fotografija sprema se u svoj zaseban (pojedinani) sloj (layer). Neke od kompliciranih

    pokretnih fotografija e moda trebati mukotrpno izraeni kadar po kadar, ali veina ih moe

    biti kreirana s jednom maskom, pa je mogue grupirati sve slojeve u jednu grupu s izuzetkom

    prvog sloja (layera).

  • 12

    5. MOBILNE APLIKACIJE

    iPhone

    1. Cinemagr.Am

    Za stvaranje pokretne fotografije pomou ove besplatne aplikacije vano je drati mobitel

    potpuno stabilno, odnosno mirno kako bi dobili to bolji krajnji rezultat. Nije vana duljina

    videa, potrebno je samo izdvojiti mali segment videa koji e se koristiti kako statiki element

    pokretne fotografije.

    Za stvaranje animacije oznaimo podruje koje elimo animirati. Zatim se mijenja brzina

    pokretne fotografije. Nakon toga je mogue pogledati pokretnu fotografiju i dodati neke

    filtere. Sama fotografija moe se aplicirati na drutevene mree.

    Slika 8. Cinemagr.Am aplikacija

    2. Flixel

    Veina aplikacija za pokretnu fotografiju zahtjevaju mirnu ruku tijekom snimanja. Kako bi se

    rijeio ovaj problem ova aplikacija moe rei ako se video previe trese tokom snimanja.

    Postoje dvije stvari koje se mogu napraviti pomou ove aplikacije, spremiti kao animirani

    isjeak ili stvoriti pokretnu fotografiju oznaavanjem podruja kojeg elimo animirati. Na taj

    nain dobivamo pokretnu fotografiju koju takoer moemo staviti na drutevene mree ili

    slati putem e-maila. Ova aplikacija je besplatna.

    Slika 9. Flixel aplikacija

  • 13

    Android

    1. Fotodanz

    Aplikacija Fotodanz omoguava snimanje videa u trajanju od 3 do 5 sekundi te se nakon toga

    automatski zaustavlja. Za razliku od prethodnih aplikacija potrebano je istaknuti odnosno

    nacrtati krug oko podruja koje elimo animirati. U sljedeem koraku mogue je pregledati

    video i urediti greke ukoliko je dolo do njih. Takoer je mogue urediti video pomou

    ponuenih filtera. Nakon spremanja video je mogue podijeliti putem e-maila, a takoer se

    moe uploadati na drutevene mree. Ova aplikacija je besplatna.

    Slika 10. Fotodanz aplikacija

    2. Pictoreo

    Ova aplikacija zahtjeva registraciju na profil prije nego se pone koristiti. Dozvoljena duljina

    trajanja videa je svega 3,5 sekundi. Na videu je potrebno istaknuti ono to se eli animirati.

    Sam video se moe poboljati pomou raznih postavki, a video moe ljepe izgledati pomou

    raznih filtera[5].

    Slika 11. Pictoreo aplikacija

  • 14

    6. TIME LAPSE

    Time-lapse je posebna tehnika koja kombinira fotografiju i video i spada u kinematografske

    tehnike pri kojoj je bitna frekvencija. Naime, snimajui niz fotografija u odreenim

    intervalima i spajanjem istih dobiva se video materijal. Poto je frekvencija ulova tih

    fotografija nia nego prikaz u samom videu, ini se kao da vrijeme bre prolazi, a rezultat

    toga je video koji dobiva efekt ubrzavanja vremena. Znai, brzina snimanja svakog kadra,

    odnosno rezultantni video znatno je krai od realne brzine dogaanja toga kadra.

    Time-lapse ubrzava scenu gdje pritom nastaju zanimljivi kadrovi. Moe se rei da je time-

    lapse fotografija suprotnost high-speed fotografiji i slow motionu.

    Na sljedeem primjeru opisuje se osnovni princip time-lapse tehnike. U normalnim uvjetima

    svaka sekunda videa sadrava 24-30 sliica i rauna se sa jedinicom fps (frame per seconds).

    Recimo da se snima jedna slika u sekundi i snima se 30 slika, odnosno kadar od 30 sekundi.

    Pri izradi time-lapse videa i pri brzini istog (frame rate) od 30 slika u sekundi, kadar traje

    svega jednu sekundu, znai ubrzalo ga se 30 puta. Primjerice, kada se gleda video od 2

    minute na 30 fps to znai da se pogledalo sveukupno 3600 slika koje su se izmjenjivale pri

    velikoj brzini. Ovisno o predmetu koji se snima koristimo odreeno vrijeme ekanja da

    snimimo sljedeu sliku. Vrijeme ekanja moe biti u rasponu od 0,25 sekundi za na primjer

    snimanje oblaka ili npr. svakih 15 minuta kada se snima rast ira na stablu.

    Klasini objekti (teme) time lapse-fotografije su:

    - kretanje oblaka i kretanje neba

    - rast biljaka, otvaranje i zatvaranje cvijea

    - truljenje voa

    - kretanje ljudi u gradu

    - razna projektiranja (arhitektura)

  • 15

    Bit ove tehnike je da procesi koji su inae neprimjetni ljudskom oku (poput putanje Sunca,

    cvjetanje rue i sl.) postanu uoljivi zbog kontinuiranog fotografiranja neke teme

    promatranja. U ovakvim temama time-lapse tehnika fotografiranja ima zadatak da

    neprimjetno i sporo kretanje napravi primjetnim i u veini sluajeva veoma zanimljivim.

    Jedan od prvih fotografa koji je koristio ovu vrstu tehnike bio je Eadweard Muybridge davne

    1972. godine kada je pokuao zabiljeiti galop konja na utrci pokuavajui dokazati da u

    jednom trenutku noge konja u isto vrijeme dodiruju tlo. Napokon je 1987. godine uspio

    dokazati svoju tvrdnju [6].

  • 16

    7. LITERATURA

    [1] http://en.wikipedia.org/wiki/Cinemagraph 11.12.2013.

    [2]http://www.washingtonpost.com/blogs/blogpost/post/cinemagraphs-what-it-looks-like-

    when-a-photo-moves/2011/07/08/gIQAONez3H_blog.html 12.12.2013.

    [3] http://hr.wikipedia.org/wiki/GIF 17.12.2013.

    [4] http://content.photojojo.com/tutorials/how-to-make-cinemagraphs-photos-that-move/

    12.12.2013.

    [5] http://www.hongkiat.com/blog/cinemagraph-iphone-android-apps/ 11.12.2013.

    [6] http://en.wikipedia.org/wiki/Time-lapse_photography 12.12.2013.

    [7] http://www.tubefilter.com/2011/07/10/cinemgraph/ 11.12.2013.

    [8] http://fernandojbaez.com/cinemagraph-tutorial/ 11.12.2013.

    [9]http://blog.spoongraphics.co.uk/tutorials/how-to-make-a-cool-cinemagraph-image-in-

    photoshop 11.12.2013.