Hoe maak je je eigen CinemaGraph in Photoshop CS5

Cinemagraphs zijn kleine geanimeerde GIF-bestanden gemaakt op basis van een film, die een klein bewegend deel van die film vastleggen in een voor altijd lusvolgorde. Zie het voorbeeld aan de rechterkant als je geen idee hebt waar ik het over heb, of bekijk Tim's aankomende artikel over de 5 beste blogs om Cinemagraphs te vinden. Vandaag ga ik je laten zien hoe je je eigen kunt maken vanuit een filmbestand, met behulp van Photoshop CS5 Extended, en je kunt mijn uiteindelijke product aan de rechterkant zien!

Opmerking: hiervoor hebt u de uitgebreide versie van Photoshop nodig, omdat deze de onderdelen Animatie bevat. Je hebt ook een basiskennis van Photoshop nodig, want ik ga geen belangrijke concepten zoals lagen uitleggen, of hoe je ze kunt weggooien of onzichtbaar maken. Windows-gebruikers, vervangen CMD met CTRL, en KEUZE met ALT toetsen in de zelfstudie.

Films, tijdlijnen en QuickMasks

Ga je gang en open een videobestand zoals elk ander bestand. Als het animatievenster niet automatisch wordt geladen, schakelt u het in vanuit het Windows-menu. Hier heb ik een kleine video gekozen die ik op mijn iPhone van een eekhoorn nam in St James Park, Londen.

Zoek het kleine pictogram voor het vervolgkeuzemenu voor animaties in de rechterbovenhoek van de tijdlijn, omdat we het veel gaan gebruiken. Klik erop en zoek de Documentinstellingen. Verander de framesnelheid naar ongeveer 15 als deze hoger is. Over het algemeen beginnen video's met ongeveer 30 frames per seconde, wat te hoog is voor eenvoudige animaties.

Raak vervolgens wat meer vertrouwd met de tijdlijn. Langs de bovenkant van de tijdlijn bevindt zich een blauwe aanwijzer die het huidige frame in de reeks aangeeft. Sleep het om heen en weer te schrobben door je film. Er zijn ook speelknoppen in de rechterbenedenhoek.

Sleep de aanwijzer naar de plaats waar u uw film wilt laten beginnen. Sleep nu de blauwe rechthoek die het begin van de film markeert naar waar uw aanwijzer is verplaatst. Houd de Shift-toets ingedrukt om deze op de locatie van de aanwijzer te laten klikken. Als je opnieuw op Play drukt, zou je moeten merken dat de film nu begint waar je hem hebt ingesteld.

Sleep de markering opnieuw naar waar je de film wilt laten eindigen, en doe hetzelfde met de kleine blauwe eindmarkering aan de rechterkant. Bekijk nu opnieuw een voorbeeld en je zou de standaardlus van je film moeten zien plaatsvinden. Als alles goed is, selecteert u Trim documentduur tot werkgebied uit het tijdlijnmenu opnieuw in de rechterbovenhoek.

Vervolgens moet je je hoofdframe vinden - dit is het enige videoframe dat de achtergrond zal zijn - het stukje van je animatie dat niet beweegt. Boen de marker totdat je het gewenste frame ziet en druk dan op CMD-A om alles te selecteren en CMD-C om te kopiëren, dan CMD-V plakken. Dit zou een nieuwe laag moeten creëren met je geselecteerde keyframe.

Tik vervolgens op de Q sleutel om te openen Snelmasker modus. Selecteer de penseel gereedschap en een passend penseel, en begin de delen van je film te schilderen die je statisch wilt houden. In Snelmasker modus, zou je ze rood moeten zien oplichten wanneer je schildert (als dat niet zo is, dan zit je niet in de snelle maskermodus, dus ongedaan maken en opnieuw proberen). Verlaat de gebieden met het bewegende element van de film die u wilt behouden.

Nadat je alle delen van de scène hebt gemarkeerd die je stil wilt houden, druk je op Q om de QuickMask-modus opnieuw te verlaten, houd dan ingedrukt ALT en klik op de Breng een laag masker aan knop op het lagenpalet. Dat is de knop aan de onderkant die een rechthoek is met een cirkel erin.

Dit zou een nieuw laagmasker moeten creëren op de keyframe-laag met stilstaande beelden, zoals hieronder.

Op dit punt zou je een voorbeeld van je animatie kunnen zien als beide lagen zichtbaar zijn, druk op play in het animatievenster. Je kunt de animatie nog steeds bijsnijden als je dat wilt, zoals ik in dit geval deed. Dit is nu een goede indicatie van hoe je finale Cinemagraph eruit gaat zien - de rest van de stappen zijn simpelweg hoe je dit kunt exporteren naar een geanimeerde GIF.

Exporteer de animatie

Klik nogmaals op het animatiemenu en selecteer Vlakkaders in lagen afvlakken. Hiermee maak je een aantal lagen, elk een frame in de film. Verwijder de originele hoofdframe-afbeelding en de filmlaag en laat alleen de animatieframelagen over die u zojuist hebt gemaakt.

Zet de film vervolgens in een Frame-animatie door op deze knop rechtsonder in het animatietijdlijnvenster te klikken. Wanneer u dit doet, wordt er slechts één frame gemaakt, maar maakt u zich geen zorgen.

Ga vervolgens terug naar het animatiemenu en selecteer Maak kaders van lagen. Hiermee worden al uw animatielagen in frames geconverteerd.

Ten slotte heeft uw kaderanimatie aan het begin een lange pauze. Klik op het eerste frame om het vertragingsmenu te openen. Je kunt het volledig verwijderen of beginnen met het toevoegen van verschillende vertragingen op verschillende frames als je een bepaald timing-effect wilt.

Ten slotte wil je dat de animatie voor altijd lus, niet alleen eenmaal, dus klik gewoon onder het eerste frame op de vervolgkeuzelijst met de tekst ONS en verander deze naar FOREVER.

Nu ben je klaar om te redden. Selecteer in het menu Bestand Opslaan voor het web en apparaten. Kies het bestandstype GIF en verminder zo nodig de fysieke grootte. Onthoud dat er een indicatie is van de uiteindelijke bestandsgrootte linksonder, dus speel rond met de instellingen om dit zo laag mogelijk te krijgen. Ik stel voor om een ​​patroondithering te gebruiken en het aantal kleuren terug te brengen tot rond de 32 of 64, met een selectieve kleurselectie.

Conclusie

Het is duidelijk dat als je camera in de originele film trilde zoals die van mij, het effect een beetje vreemd zal zijn, en het is ook het beste als het naadloos in een lus past. Ik weet zeker dat je het beter kan doen. Als je je eigen Cinemagraph hebt gemaakt, kun je een link naar de Cinemagraph delen in de reacties en we zullen zien wie de beste is. Je kunt hier ook al onze andere Photoshop-artikelen en tutorials lezen.

Ontdek meer over: Adobe Photoshop, Cinemagraph.