Cinemagraphs in photoshop

Nu facebook ondertussen experimenteert met bewegende profielfoto’s denk ik dat de cinemagraph een grotere rol zal gaan spelen in ons dagelijks leven. Vandaar deze instructie.

Het wordt een technisch stappenplan, dus het is niet geschikt voor de gezellige lezer. Voorts gebruik ik een Engelstalige versie van photoshop, maar ik hoop dat de screenshots in combinatie met boerenverstand problemen kunnen verhelpen voor gebruikers van de Nederlandstalige versie.

Ik ga er wel vanuit dat de lezer enige kennis heeft van standaardbewerkingen, lagen en het gebruik van maskers.

Also…

Wat is een cinemagraph? Ik zou zeggen een kruising tussen een foto en een video. Zoals hieronder:

Cinemagraph Hybride foto

Cinemagraph Hybride foto

Het eerste dat je te doen staat om een cinemagraph te maken is het maken van een filmpje.

Let hierbij op de volgende zaken:

  • Zorg dat de beweging makkelijk af te zonderen valt van de rest van de foto. Bovenstaande foto was bijvoorbeeld erg moeilijk, omdat mijn hoofd met het ademhalen toch een beetje heen en weer bewoog. Hierdoor kwam ik in moeilijkheden met een bewegende kaaklijn.
  • Zorg dat er meerdere bewegende elementen zijn, waarvan het ene deel stilstaat en het andere beweegt. Een grasveld met 1 bewegende koe is hetzelfde als een video van een koe in het stilstaande gras. een grasveld met 1 koe die beweegt en een ander die een foto is geworden, is een cinemagraph.
  • Gebruik een statief of zet je camera op een stevige ondergrond.

Nu het filmpje klaar is, zijn we klaar om het te openen in photoshop. Dit doe je gewoon via file>open

Untitled-1

Untitled-2

Nu je de video geopend hebt, verschijnt automatisch de timeline functie in photoshop. Deze timeline kan je ook vinden via het menu Window>Timeline

Untitled-3

Untitled-4

Met de cursor kunnen we momenten in de video selecteren en we kunnen ook afspelen. Waarschijnlijk is niet je hele video relevant voor de cinemagraph, dus we gaan eerst de ongewenste delen afknippen.

Dit doen we door

  1. de video te selecteren
  2. de timer (dat blauwe ding met een rood streepje) op het gewenste begin te zetten
  3. op het schaaricoon te klikken

Het ongewenste deel kan je met de muis selecteren en via de “del” knop verwijderen. Herhaal deze procedure voor het afknippen van ongewenste stukken aan het eind van de video. Zorg ervoor dat je video niet te lang is, anders dan wordt je .gif te groot.

Untitled-5

Van het overgebleven stuk film kan de snelheid en het geluid bewerkt worden door rechts boven in de hoek te klikken van het videoblokje. Dan verschijnt het volgende menu’tje. Het kan prettig zijn om het geluid te “muten”

Untitled-14

We kunnen in het overgebleven stuk video gaan kijken welk frame we leuk en handig vinden om vast te zetten. Wanneer je een beeld ziet dat je leuk vindt, dan zet je het vast (via pauze of door de timer er naartoe te slepen).

We gaan het beeld kopiëren in een nieuwe laag.

  • We klikken CTRL+A om alles te selecteren
  • dan klikken we CTRL+SHIFT+C om het beeld te kopiëren.
  • Met CTRL+V kunnen we vervolgens het beeld plakken.

Untitled-6

Het nieuwe beeld zal te zien zijn in het lagenpaneel, maar staat nog wel in dezelfde video group.

We willen het stilstaande beeld boven de video leggen dus we hebben een tweede video group nodig. Klik hiertoe in het icoontje rechtsboven in de header van video group 1.

Untitled-7

Daarna slepen we de laag met het stilstaande beeld naar video group 2. Zo leggen we als het ware een stilstaande foto over een video heen.

Untitled-9

Daar waar we beweging willen toestaan poetsen we het stilstaande beeld weg met behulp van een masker. Controleer het hele filmpje om te kijken of er geen gekke dingen gebeuren.

Untitled-8

We kunnen onze gewone bewerkingen uitvoeren op deze lagen, dus zwartwit / contrast / verzadiging en al dat soort dingen kunnen aangepast worden.

Op het bewegende beeld kunnen we natuurlijk niet klonen enzo, maar op het stilstaande deel kan het prima.

Untitled-10

Tot nu toe heb ik het onderstaande, prachtige resultaat weten te bereiken. Kort samengevat hebben we de volgende stappen doorlopen:

  1. We kozen een begin en eindpunt van de cinemagraph
  2. We hebben één beeld geselecteerd om stil te zetten
  3. Dit beeld hebben we over de video gelegd
  4. We hebben het beeld onzichtbaar gemaakt waar we beweging toe willen staan.
Cinemagraph-Halffabricaat-tutorial-fotograaf-denBosch

We hebben een begin, maar de overgang is nog schokkerig

Hoewel dit best een geinig geheel is, kunnen we zien dat de overgang duidelijk schokkerig is. Daarom moeten we nog één truc toepassen. Namelijk het filmpje kopiëren en achterstevoren achter het bestaande filmpje te plakken. Zo zal een vloeiende overgang ontstaan.

We moeten helaas nog een paar kunstgrepen uithalen. Allereerst moeten we het filmpje opslaan als een .mp4 bestand.

Rechtsboven in het timeline window kan je een klein lijsticoontje vinden. Als je hier op klikt komt er een menu naar voren, waarbij je voor “render video” kan kiezen. Vervolgens kan je het bestand opslaan, waarbij je in ieder geval het H.264 format kiest.

Untitled-16 Untitled-17

We sluiten het photoshop bestand waar we mee bezig waren af (wel opslaan). Hier hoeven we niet meer mee te werken.

Vervolgens inporteren we het mp4 bestand weer in photoshop. Maar ditmaal als losse frames. Dit is nodig om het filmpje achterstevoren af te kunnen spelen.

Importeer via file>import>video frames to layers

kies “from beginning to end”

en vink “make frame animations” aan

Untitled-18Untitled-19

Alle losse frames van je video verschijnen nu in je timeline en in je lagenpaneel.

Nu gaan we kopiëren, plakken en omkeren.

  1. Selecteer alle frames door eerst op frame 1 te klikken en dan op het laatste frame in de timeline terwijl je SHIFT ingedrukt houdt.
  2. Klik rechts boven in de timeline window op het lijst-icoontje. Er verschijnt een menu.
  3. Kies Copy Frames
  4. Klik nogmaals op hetzelfde icoontje. Kies nu Paste Frames
  5. Kies “Paste After Selection”
  6. Nu is het belangrijk om de frames niet te deselecteren, dus houdt ze geselecteerd en klik weer op hetzelfde icoontje.
  7. Kies nu voor de optie “Reverse Frames”

Untitled-20

Untitled-21 Untitled-22 Untitled-23 Untitled-24

Het filmpje is nu achterstevoren aan zichzelf vastgeplakt. Hierdoor zitten er geen schokkerige overgangen meer in. Hij is klaar! En ik ben lichtelijk idioot 😉

Cinemagraph-finished-tutorial-fotograaf-denBosch

Oh ja, bijna vergeten. We moeten hem nog opslaan als .gif bestand.

Om dit voor mekaar te krijgen klikken we op File>Export>Save for web of in eerdere versies van photoshop file>Save for web.

In de dialoog kies je voor het bestandstype GIF met looping options:”forever” en vervolgens klik je op save.

Untitled-15

SaveAsGif

Advertisements

De Headshot Hack

Ken je de Headshot Hack al? 2 stapjes naar links, draaien en klap in je handen…nee, maar serieus…

Ik hou van mooie belichting, maar het gedoe van het opzetten van een studiobelichting is niet altijd even efficiënt. Vandaar de headshot hack.

We kennen allemaal het portret op een witte achtergrond. Meestal wordt dit portret gemaakt in de studio, maar met een beetje creativiteit kan je binnen een minuut soortgelijke resultaten realiseren op iedere locatie met een raam. Mits je een lichtsterke lens gebruikt…

In dit voorbeeld heb ik het raam in de woonkamer gebruikt. Wanneer je dit automatisch laat belichten door je camera dan ziet het eruit als Figuur 1.

uitzicht-fotograaf-den-bosch

Figuur 1 Het raam in mijn woonkamer zoals mijn camera het automatisch belicht.

Eigenlijk wil ik dit raam dienst laten doen als een puur witte achtergrond voor een portret. Ik heb hiervoor twee keuzes. Ik kan de automaat zodanig instellen dat hij meerdere stops overbelicht of ik kan Manueel voor een overbelichte foto kiezen.

In beide gevallen komt het er op neer dat we proberen om het raam lichter te maken door op volgorde de volgende stappen te ondernemen:

  • een groot diafragma te kiezen (zorg dat wel het hele gezicht scherp is.)
  • een zo lang mogelijke sluitertijd te kiezen (net geen bewegingsonscherpte)
  • De iso-waarde omhoog brengen (zo ver als nodig als aan bovenstaande voorwaarden is voldaan)

Als ik mijn model erbij haal en de instellingen aanpas, dan kan ik zelfs op een regenachtige dag tot het resultaat in Figuur 2 komen. Stukjes die niet helemaal wit zijn, kunnen in de nabewerking heel gemakkelijk wit gemaakt worden.

Overbelicht-fotograaf-den-bosch

Figuur 2 De instellingen van de camera zijn zodanig aangepast dat het raam wit lijkt. Het gezicht van het model is nog wel aan de donkere kant

Het probleem met Figuur 2 is dat het model nog een iets te donkere, grauwe huidskleur heeft. Voor dit probleem heb ik 2 oplossingen die geen (directe) netstroom vereisen.

Oplossing 1: De reflector

Ik heb een kleine (60 cm) zilverreflector heel dicht (voor de kijker links) op het model gezet. Net buiten beeld, zodat ik zoveel mogelijk licht op het gezicht van het model kon krijgen. Dit werkt hetzelfde als wanneer je met je horloge een lichtvlek op de muur projecteert of in iemands oog als je een pestkop bent ;). Het midden van de reflector bevindt zich iets boven ooghoogte.

Figuur 3 Een reflector brengt meer licht in het gezicht. De reflector moet wel erg dichtbij gehouden worden en je bent afhankelijk van de hoeveelheid licht die je kan vangen.

Figuur 3 Een reflector brengt meer licht in het gezicht. De reflector moet wel erg dichtbij gehouden worden en je bent afhankelijk van de hoeveelheid licht die je kan vangen.

Het grote voordeel van een reflector is dat je qua belichting meteen ziet waar je mee bezig bent. Als je nog geen reflector hebt, dan kan je ook eens proberen te spelen met aluminiumfolie, of desnoods met een wit laken of een handdoek.

Oplossing 2: De flitser

De flitser heb ik op een witte muur aan mijn linker kant gericht. Hierdoor komt er een zacht licht op het gezicht vanaf de muur. De instelling van de flitser heb ik op automatisch (TTL) gezet, maar het mooiste resultaat kreeg ik wanneer ik deze op -1 eV compensatie zette. Mijn advies is om je eigen hart te volgen bij deze instelling.

Voor een vlakke belichting kan je de flitser ook richten op een muur of reflector die zich direct achter je bevindt. Figuur 4 laat zien wat er gebeurt als ik de flitser op de muur links richt.

Figuur 4 Ik heb een flitser in TTL stand (-1eV) gericht op een witte muur, links van mij (rechts van het model).

Figuur 4 Ik heb een flitser in TTL stand (-1eV) gericht op een witte muur, links van mij (rechts van het model).

Het voordeel van een flitser is dat hij me meer vrijheid geeft. Ik zou uit kunnen zoomen zonder dat ik meteen een reflector in beeld heb. Ik kan met één hand de richting, het karakter, de sterkte en zelfs de kleur van het licht aanpassen.

Ik heb natuurlijk wel voor ogen wat ik wil doen met het licht, maar hoe het er daadwerkelijk uitziet, kan ik met een reportageflitser pas zien nadat ik de foto heb gemaakt.

Overwegingen

Waarom gebruikt niet iedereen deze techniek? Omdat er altijd nagedacht moet worden over het doel van de foto en deze methode niet bij ieder doel past. Denk nog even na over de volgende zaken:

  • Een kleine scherptediepte is best artistiek en soms zelfs mooier dan scherpe lijnen. Het is echter niet geschikt voor het makkelijk uitsnijden van een persoon.
  • De kleurtemperatuur van de flitser en het omgevingslicht kunnen enigszins verschillen. Dit wordt duidelijk wanneer je de flitsfoto en de reflector-foto naast elkaar legt.
  • Een hoge ISO-waarde geeft meer ruis. Meestal is dit niet problematisch, maar voor sommige toepassingen is het niet geschikt. Bij een typische Linkedin foto verwacht ik geen problemen.
  • Een lichtsterke lens (minstens F2.8) is gewenst om de ISO waarde zo laag als mogelijk te houden). Dit betekent wel dat je ook een kleine scherptediepte krijgt.
  • Niet alle camera’s presteren zo goed op hoge iso-waarden als mijn Nikon D750. De nieuwe generatie camera’s lijkt hier echter steeds beter mee om te gaan. Hierdoor kunnen fotografen steeds creatiever met natuurlijk licht omgaan.

Ach, het is en blijft een hack.