In deze videotutorial laat Aaron Nace van Phlearn zien hoe je een coole voor- en na-GIF maakt van een afbeelding die je op sociale media kunt plaatsen om je bewerkingsvaardigheden te demonstreren (of iets anders dat je op deze manier wilt laten zien).
Eerst moet u de afbeeldingen "Voor" en "Na" krijgen. In veel gevallen is de afbeelding 'Voor' een onbewerkte foto (als we een voor/na bewerkte GIF doen). Dit wordt de achtergrondlaag van elk Photoshop-bestand.
Vanaf hier zou elke wijziging die u aanbrengt in een afbeelding op een nieuwe laag moeten staan. Nadat alle bewerkingen zijn uitgevoerd, blijft de afbeelding 'Na' over. Je hebt al deze wijzigingen nodig om zichtbaar te zijn op een enkele laag om de "Na" -laag te maken.
Maak nu een nieuwe laag aan de bovenkant van het document en navigeer naar 'Afbeelding - Afbeelding toepassen'. Kies "Samengevoegd", "Vermenigvuldigen", en zorg ervoor dat "Omkeren" niet is aangevinkt. Hiermee wordt een kopie van je afbeelding op één laag geplaatst - dit is de 'Na'-laag.
De volgende stap is om de lagen 'Voor' en 'Na' te dupliceren naar een nieuw document. Begin met het maken van een nieuw document voor het web (bekijk deze tabel ter referentie).
Nadat u een nieuw document hebt gemaakt, selecteert u zowel de lagen "Voor" als "Na" van de originele afbeelding en klikt u op + sleept u ze naar het nieuwe document. Zorg ervoor dat u beide lagen selecteert wanneer u aanpassingen maakt, omdat u ze op dezelfde plaats wilt hebben.
Verander zowel de "Voor"- als "Na"-lagen in slimme objecten voordat u ze in het nieuwe document transformeert. Hiermee kun je de afbeeldingsgrootte wijzigen zonder de kwaliteit van de video te beïnvloeden.
Om de animatie te maken, gaat u naar "Venster> Tijdlijn" om de animatietijdlijn te openen en klikt u op "Nieuwe frame-animatie maken".
Gebruik het pictogram "Nieuw frame" om frames te maken van de lagen "Voor" en "Na". Kies de frameduur en hoe vaak de animatie wordt herhaald. In dit voorbeeld kiezen we voor “3 Seconds” en “Forever”. Zorg ervoor dat u op de knop "Afspelen" drukt om de animatie in de tijdlijn te bekijken.
Dit is niet de eerste keer dat we kijken naar het maken van GIF's. Als je een eenvoudige GIF wilt maken en geen Photoshop wilt gebruiken, kun je online services zoals giphy of gfycat gebruiken om je eigen gifs te uploaden en te delen. We hebben ook andere eenvoudige tutorials over dit onderwerp, waaronder "Hoe maak je een video in een GIF in Photoshop" door Howard Pinsky en Bryan O'Neil Hughes "Hoe maak je een geanimeerde GIF in Photoshop".
Je kunt nog veel meer tutorials over Photoshop-video's vinden in de Photoshop-sectie van LensVid (en je kunt nog veel meer Phlearn-video's vinden in onze speciale Phlearn-subsectie).