Film heen en weer afspelen

Eerder beschreef ik een methode om een filmpje voor en achteruit af te spelen met behulp van Premiere. http://hildemaassen.blogspot.nl/2013/11/video-reverse-terug-uit-afspelen.html
Af en toe lukt het namelijk niet om een mooie loupe te maken voor een cinemagraph en bij sommige daarvan kan hetzelfde filmpje er achterstevoren aan vast plakken een oplossing zijn voor het probleem.

Ook in photoshop kan je een filmpje teruguit afspelen; wel omslachtig, maar toch; hier de omschrijving.

1. Plaats het filmpje.
Kies dan in het submenu van het 'timeline paneel' (rechts bovenin het Timeline menu) voor: Convert Frames > Flatten frames into Clips. In CS 5 heet dit paneel anders: animatie.

Nu zijn alle frames uit je filmpje omgezet naar een los beeld. Dit is te zien aan het lagen paneel waar elk frame nu een eigen laag heeft. Ze staan op de timeline over elkaar op dezelfde plaats. Als je 'play' drukt om de film af te spelen gebeurt er, tijdelijk, niets. We gaan dit verhelpen.

links timeline rechts de lagen

2. Selecteer nu alle lagen en dupliceer deze. 

3. Klik nu rechts onderin het timeline paneel op het icoontje met de 3 blokjes "convert to frame animation" (zit ook in het submenu).

4. Selecteer nu alle lagen, inclusief de gedupliceerde. > ga naar het submenu van het timeline paneel en kies > Make frames from layers. Nu heb je 2x hetzelfde filmpje achter elkaar. Hij speelt ook al af als je op 'play' drukt.

5. Selecteer alle frames die gedupliceerd zijn in de timeline.

6. Kies in het menu van het timeline paneel voor reverse frames. (ongeveer halverwege het menu)

7. Nu speelt het filmpje voor en achteruit af en heb je dus een Loupe gemaakt. 

8. Onder de frames kun je de tijd die elk frame moet duren instellen en "forever" kiezen in plaats van "once"

9. Wil je hem ook op een website 'forever' laten afspelen dan zou je hem kunnen bewaren als een GIF. Kies dan voor > file > Save for Web > GIF . 

Vergeet niet onderin links bij Animation > Looping Options voor "forever" te kiezen. (dat kan opeens weer op 'once' springen). 

Animaties in CS6

Het maken van een animatie is in CS6 een tikkeltje veranderd. Het paneel heet namelijk geen "animation" meer maar "timeline".

Dus nog even op een rijtje:

1. Je hebt meerdere afbeeldingen nodig in hetzelfde bestand: dus in lagen.

Je kunt daarvoor in Bridge meerdere foto's selecteren > tools >Photoshop > load files into Photoshop Layers.

In Photoshop zelf: files > scripts > load files into stack. In Photoshop kun je onderaan kiezen om de foto's automatisch te laten lijnen. Als er kleine bewegingsverschillen zijn omdat de camera bijvoorbeeld niet op statief stond dan worden de foto's zo aan elkaar lijnend gemaakt.

(Kun je ook in Photoshop zelf doen met de lagen geselecteerd bij edit > auto align layers)

2. Je hebt nu alle bestanden in verschillende lagen staan.

Ga naar window > timeline. 

Er zijn 2 soorten timelines: animation of video. 

In dit geval kies ik voor animation > pijltje rechts naast: "create ......... ".

In dit timeline paneel zie je rechts een submenu > kies daar voor "make frames from Layers"

Alle lagen zullen nu als frame in je timeline komen te staan. Je kunt nu bijvoorbeeld de tijd dat iedere afbeelding moet blijven staan veranderen.

Exporteer de animatie als video om hem op te slaan: file >  export > render video.

Animatie met align aan (stukje gecropd)

Animatie zoals opname (dus auto align uit)

Animatie bewegende tekst

Informatie buiten het zichtbare gedeelte van het canvas zetten, zoals bij croppen,  geeft meer mogelijkheden. Zo kun je in de timeline tekst laten lopen over een video of foto. In het filmpje hieronder kun je zien hoe.

Een paar dingen om op te letten:

1. Je moet tekst omzetten naar pixels (rasterize)

2. De timeline vind je bij windows > timeline (heette animatie in CS6)

3. Als je een ander beeld krijgt als ik dan moet je linksonder in het timeline beeld op dit knopje drukken 

4. Als je het paarse stuk langer maakt loopt de tekst trager.

animatie met effect

Vandaag, Kortrijk, een leuk iets gezien om een stilstaand beeld te animeren. In InDesign te gebruiken bij het maken van digitale magazines. Eerst maar gewoon zien en dan uitleggen hoe het gemaakt is.

1. Plaats een foto of open een foto. Zet background layer om naar gewone laag.
2. Ga naar window > timeline

3. Kies voor "create Frame Animation"
4. Je ziet nu de foto in de timeline staan.

5. Ga naar de timeline en geef aan hoe lang de animatie moet duren. Dit kan door de paarse balk aan het eind vast te pakken en naar links te bewegen.  Eventueel inzoomen zodat je dit beter kunt bepalen.

inzoomen op de timeline

6. Maak een adjustment layer aan (in dit voorbeeld is het black&white)

7. Ontkoppel het masker van het adjustment effect.
8. Vul het masker met de kleur zwart. Edit > fill > black
!   Let op: het masker omkeren (ctrl + I) werkt niet!

9. In de timeline staat nu ook de adjustmentlayer. klap het pijltje links uit.

  

10. Ga naar "layer mask position" en klik op de stopwatch > er komt een gele ruit aan het begin.

11. Verschuif de cursor nu naar de plaats tot waar je het effect wilt hebben.

12. Selecteer je masker met het verplaatstoel kun je nu je masker verplaatsen naar één van de zijkanten.

13. Als je nu play drukt zie je de foto zwart wit worden.

14. Nu nog bewaren. file > export video.

Je hebt nu 2 keuzes: 

A. Adobe media encoder: zorg voor internet en mobile device opties voor format H.264

B. Photoshop image sequence: alle frames worden als aparte JPEG opgeslagen. Doe dit in een aparte map met alleen die bestanden. Dit is te gebruiken in InDesign bij het maken van bestand voor een iphone of tablet.

15. Dan nu nog naar InDesign. Daar heb ik een document aangemaakt voor de Ipad.

Ik ga naar de overlay creator. In dat paneel lees ik dat ik alle afbeeldingen in 1 map moet hebben staan en oplopend in nummering. Dit is automatisch gebeurd toen ik het in Photoshop exporteerde als image sequentie. 

16. Ik maak een kader waarin ik de sequentie geplaatst wil zien. Mijn paneel ziet er opeens anders uit: ik kan nu de map met mijn sequenties aanwijzen waardoor de animatie in losse beelden geladen wordt. Verder heb ik een regiment aan opties zoals "loop" en "swipe".