Primjena digitalne fotografije u reprodukcijskim medijima

Katedra za grafički dizajn i slikovne informacije Grafički fakultet Sveučilišta u Zagrebu

Cinemagraphs SEMINARSKI RAD

Ime i prezime studenata:

Dino Adanić, Tena Pioker, Vedrana Kovačić, Zvonimir Novosel

Nositelji kolegija i voditelj rada: Dr. sc. Maja Strgar Kurečić, doc.

Prosinac, 2015.

2

CINEMAGRAPHS BY Dino, Tena, Vedrana i Zvonimir

https://cinemagrf.wordpress.com/

ŠTO JE CINEMAGRAPH?

Cinemagraph je živući trenutak u inače statičnoj fotografiji. Možemo ga slobodno nazvati hibridnom vrstom između fotografije i videa gdje je samo jedan dio fotografije, tako reći, “pokretan” i ponavlja se u kontinuiranoj petlji. Predvodnici i izumitelji ove tehnike su Kevin Burg i Jamie Beck koji su 2011. godine u New Yorku kreirali prvu cinemagraph fotografiju tako da ovaj tehnologija ima poprilično mladu povijest.

Način na koji se izrađuju je zapravo relativno jednostavan, a rezultati su fantastični. Cinemagraph se može snimiti napraviti na dva načina. Prvi način je snimanje serije fotografija objekta ili scene koju želimo animirati, dok je drugi način snimanje kratkog videa od 10 do 20 sekundi. Jedan od najbitnijih uvjeta je taj da je potrebno snimati sa stalkom kako bi slika bila što mirnija. Nakon toga korištenjem nekog od programa za uređivanje i preradu fotografija potrebno je napraviti kontinuirani sljed fotografija. Ovakve pokretne fotografije najčešće se spremaju u GIF (Graphic Interchange Format) formatu ili kao videi.

UPOTREBA

Možemo koristiti mnogo različitih sofware­a dok ćemo u ovom radu prikazati samo njih nekoliko. Jedan od poznatijih jest program Kanadske tvrtke Flixel imena Cinematography Pro koji zapravo i drži patent za ovu inovaciju, nažalost on se može korisititi samo na Mac računalima. Na linku (https://flixel.com/) je moguće preuzeti probnu verziju programa u trajanju od tjedan dana.

3

PRIMJENA I UPORABA CINEMAGRAPHA

Cinemagraphi se se najčešće koriste za oglašavanje, promocije i reklame proizvoda. Suptilni animirani cinemagraph će sigurno svima privući pažnju. Iako je tek nedavno postao popularan kao medij na tržištu, nije riječ o novom formatu. Kao tehnika se počeo javljati, razvijati i koristiti u prvim godinama 21. st. ali se i dalje razvija i njegov puni potencijal još nije iskorišten. U današnje vrijeme postoji mnošvo reklama i oglasa, pa se često teško po nečemu istaknuti u mnoštvu. Njegov glavni cilj je usredotočiti misli potencijalnog kupca na neki oglas urađen ovom tehnikom. Iz toga proizlazi da je cinemagraph uspješan onoliko koliko je dizajner maštovit.

Cinemagraph: Burg and Beck's Ann Street Studio, za Lincoln

http://www.media-marketing.com/vijesti/novi-format-kojim-facebook-zeli-privuci-oglasivace/

Da taj oblik reklame ima velikog potencijala, dokaz su djela cinemagraph umjetnika Kevina Burga i Jamie Becka iz Ann Street studija. Izradom cinemagrapha za neke poznate brendove poput Lincolna, Armania, Tiffany&Co, naglašuju njihovu elegantnost naspram GIF-ova i videa. Neočekivano gibanje može u isto vrijeme biti kreativno i privlačno , čime se privlači pozornost na neko obilježje ili element koji se u njima prikazuje.

4

Cinemagraph korišten za reklamu proizvoda.Autor:Kevin Burg i Jamie Beck

http://cinemagraphs.com/lifestyle/

Ova se tehnika koristi i razvija kroz različite osobne i komercijalne projekte. Vrlo je popularna u modnoj industriji “cinemagraph-a“, a u zadnje vrijeme se koristi i za grafički prikaz na internetu što su odmah primjetili i brojni online oglašivači koji pomoću ove metode na brz i poprilično jednostavan način stvaraju efektne bannere, odnosno pokretne reklame.Također se često koristi u korelaciji sa nekim kampanjama ili da bi se reklamirale neke usluge, pa ga tako možemo vidjeti u oglasima za restorane, kafiće ili kada krenu najave za neke poznate filmove.

Prilikom korištenja za promoviranje brendova, često se prikazuju kao zabavni sadržaji pri čemu, je važno da budu jasno označeni sa svojim logotipom, da imaju dogovoren izbor boja i da proizvod bude prikazan na originalan način te da korisnici razumiju o kojem se brendu radi. Također ga možemo korisiti u edukativne svrhe ili u obliku uputa za korištenje, gdje se u par sekundi može prikazati ispravan način korištenja neke usluge ili proizvoda.

5

http://cinemagraphs.com/fashion/

Cinemagraph korišten u modne svrhe također od autora Kevin Burga i Jamie Becka.

Facebook je također odlučio da promovirati cinemagraphe i da bi potaknuo njihovo korištenje kod poznatih brandova, pa se tako osim na Facebooku, cinemagraph možemo naći i na Instagramu koji omogućuju njihovo slanje i objavljivanje. Lays, Toyota, Mercedes Benz i Dunkin su jedne od prvih kompanija koje su koristile cinemagraphe u svojim Instagram oglasima.

Jedan od prvih načina na koji su se počeli korisiti je bio u postovima na blogu. Slali su se umjesto običnih slika čime je dobiveno na interakciji između govornika i razgovor je bio dinamičniji. Zapravo se koristio kao način izražavanja, korisnici su često stavljali neke scene iz njihovih omiljenih filmova kojima su pokušavali izraziti sreću, tugu, ushićenje, dosadu itd..

Cinemagraphom se nastoji oživiti sliku,zadržati moment u kojem je nastala. Ne želimo da bude statična, nego u pokretu, čime djeluje hipnotizirajuće na gledatelja.

6

Cinemagraph za reklamu piva

http://images.fastcompany.com/upload/dogfish-9-600.gif

7

LUMIA CINEMAGRAPH

Lumia Cinemagraph je mobilna aplikacija koja radi u sustavu Windows Phonea. Prije nego što je Microsoft kupio Nokiu, aplikacija se zvala Nokia Cinemagraph. Aplikacija dolazi već unaprijed instalirana na LumiaWindows Phone uređajima.

Aplikacija služi za kreiranje animiranih GIF-ova, odnosno Cinemagrapha, što znači da će konačni rezultat snimanja pomoću aplikacije biti slika sa određenim pokretnim dijelovima unutar slike.

PROCES IZRADE CINEMAGRAPHA 1. Pokrene se aplikacija Lumia Cinemagraph i kadrira se motiv koji se želi snimiti.

Najbitnije je da je smartphone miran prilikom snimanja jer u suprotnom nije moguće dovršiti proces snimanja cinemagrapha.

2. Nakon što je snimljen kratki video, aplikacija nudi odabir svih animiranih dijelova videa, odnosno možemo izabrati koji dijelovi videa će ostati zamrznuti a koji će se animirati.

8

3. Aplikacija nam nakon odabira određenih animiranih dijelova slike, odnosno zamrzavanjem određenih dijelova, nudi dodatne opcije poput:

a) Loop & speed – određujemo brzinu cinemagrapha / animacije, te možemo odrediti Loop koji nudi ponavljanje videa od početka nakon što završi (repeat), ponavljanje videa od random dijela nakon što završi (shuffle) ili „skakanje“ videa (npr. od 00:01 do 00:24 pa od 00:24 do 00:01 – bounce)

b) Effects – nude se različiti efekti koji mogu dodatno promijeniti ili uljepšati video

c) Colour pop – mogu se odabrati i određene boje koje želimo da budu u videu, npr. ako snimamo lišće na drveću, možemo odabrati da se vidi samo zelena boja lišća tako da je ostatak slike crno-bijeli

4. Nakon što se namjeste sve navedene postavke, cinemagraph se sprema kao .gif ili .mp4 datoteka na uređaju. Dalje se nude dodatne opcije poput „Share..“ što omogućuje korisniku da podijeli cinemagraph sa prijateljima na Facebooku, Twitteru, OneDriveu, itd.

9

IZRADA CINEMAGRAPHA U ADOBE PHOTOSHOPU

Potrebno je snimiti objekt, bilo kijim uređajem za snimanje videa - kamerom, mobitelom. Potreban je stativ kako bi video ostao fokusiran i bio što statičniji.

1. File > Open > Video.mov

2. Video se otvori u „Video Timelane“ ekranu u Photoshopu

10

3. Odaberemo kadar, tj. skratimo video na dio kojeg želimo prikazati u Cinemagraphu.

Određivanjem kadra videa određujemo koliko će trajati kretnja u Cinemagraphu. Što kraće, to bolje jer se Cinemagraph uploada na Internet te kraća kretnja = manja veličina konačnog dokumenta = brže vrijeme downloadanja / prikazivanja Cinemagraphs

4. Potrebno je namjestiti u Photoshopu „Loop playback“ kako bi se kretanje neprestano vrtilo

11

5. Zatim duplicirano Video Layer 1

12

6. Duplicirali smo Video Layer 1 jer je potrebno namjestiti kadrove. Glavni problem je što početak videa nije isti kao i kraj videa, kadrovi nisu jednaki. Cilj je da se taj skok s kraja videa ponovno na početak videa ne primjeti. Zbog toga početak Video Layer 1 postavimo na kraj Video Layer 1 copy. Cinemagraphs ima svojstvo da se neprestano vrti određena kretnja na slici te zbog toga je potrebno namjestiti ove postavke kako se ne bi primjetilo što je početak a što kraj videa/kretnje.

7. Zatim se početak Video Layer 1 razvuče do proizvoljno dijela, što bliže početku Video Layer 1 copy koji se nalazi iznad Video Layer 1.

13

8. Zatim kraj Video Layer 1 postavimo do linije kraja Video Layer 1 copy. Poanta je dobiti jedan dio slike statičan, dok je drugi kretanje, dinamičan.

14

9. Zatim je potrebno namjestiti „Opacity“. Želi se postići da Video Layer 1 copy lagano postaje transparetniji što se više približava kraju trajanja.

10. „Opacity“ žuti simbol se postavi na početak Video Layer 1. Opacity = 100%

11. Zatim povučemo Video slider do nekog dijela Video Layer 1 te ponovno dodamo „Opacity“ te namjestimo Opacity = 0%

15

12. Drugi žuti simbol povučemo do kraja trajanja oba layera. Time smo postigli da video postepeno postaje transparentan što je bliže kraju trajanja.

13. „Shift + ctrl + alt + e“ dobijemo Layer 2, „Stamp Image“, layer sa slikom početnog kadra videa koji će služiti kao statičan dio Cinemagraphsa. Potrebno je Video slider postaviti na statičan dio Video Layer 1 copy, kako bi se zabilježila slika koja će biti statičan dio.

16

14. Povučemo dobiveni Layer 2 sa slikom do početka Video Layer 1 copy, te kraj Layera 2 postavimo da bude isti kao i krajevi Layera sa videom.

15. Dodamo masku Layeru 2 sa slikom, kako bi njome označili koji dio želimo da se kreće, da bude dinamičan.

17

16. Maskom, tj. pomoću „Brush“ alata smo označili određeni dio koji će biti prikazan kao kretnja u Cinemagraphsu.

Uključimo video Layere, te Layer sa slikom. Kliknemo „play“ te provjerimo da li je sve kako smo htjeli da bude. Ukoliko nije, sa Brush alatom popravimo određene dijelove koje želimo da se kreću/ ne kreću.

18

17. Zadnji korak u izradi Cinemagraphs je „Save file for Web...“

18. File spremamo kao gif format. „Dither algorithm“ postavimo na „Diffusion“ kako bi pozadina slike bila što kvalitetnija, i kako bi se što manje podataka sačuvalo. Taj opcija povećava veličinu dokumenta.

19. Smanjenjem veličine slike smanjimo veličinu konačnog dokumenta. Treba biti što manja veličina dokumenta kako bi download dokumenta bio što brži i kako bi se što brže prikazivala kretnja u Cinemapgrahu. „Animation“ – „Looping option“ se postavi na „Forever“ kako bi se neprestano vrtila kretnja.

19

20. Spremimo file kao gif, format : Images only. I to je to, imamo gotov Cinemagraph.

20

Literatura:

https://raventools.com/blog/marketing-with-cinemagraphs/

http://www.brianhonigman.com/best-practices-gifs-cinemagraphs/