Een geanimeerde GIF maken in Photoshop

GIF's zijn overal. De eens zo eenvoudige geanimeerde afbeelding is nu de niet-officiële taal van het web GIF's, The Language Of The Web: hun geschiedenis, cultuur en toekomstige GIF's, de taal van het web: hun geschiedenis, cultuur en toekomst Alles wat u ooit wilde weten over de geschiedenis van GIF's, hoe ze zijn geëvolueerd en hun culturele impact en betekenis. Lees verder . GIF's zijn de snelste manier om een ​​emotie op Twitter te uiten, en je kunt uren verspillen om ze te bekijken. 10 Tijdverspillende gewoonten die je vandaag zou moeten stoppen 10 Tijdverspillende gewoonten die je vandaag zou moeten afsluiten Een minuut hier of daar voelt niet veel, maar het klopt allemaal! Zou het kunnen dat je tijd verspilt aan zinloze gewoonten? We laten u dagelijkse taken zien die u kunt afsluiten. Lees meer op Reddit en Facebook.

Er zijn veel plekken om GIF's te vinden, inclusief gespecialiseerde diensten zoals Giphy, en je kunt zelfs iOS-toetsenborden krijgen De 10 beste iPhone-toetsenbordapps: mooie lettertypen, thema's, GIF's en meer De 10 beste iPhone-toetsenbordapps: mooie lettertypen, thema's, GIF's en nog meer Moe van het standaard iPhone-toetsenbord? Deze alternatieve iPhone-toetsenbordapps bieden GIF's, thema's, zoeken en meer. Meer lezen en Android-toetsenborden 5 Beste Android-toetsenborden voor Emoji's, GIF's en meer 5 Beste Android-toetsenborden voor Emoji's, GIF's en meer Met deze toetsenborden is het supereenvoudig om GIF's, emoji's en allerlei andere goodies toe te voegen aan alles wat u typt. Meer lezen om ze te zoeken terwijl u typt.

Maar er gaat niets boven het maken van de uwe. U kunt een geanimeerde GIF in Photoshop maken door video's te converteren of een reeks statische afbeeldingen te gebruiken. Laten we eens kijken hoe beide te doen. We zullen gifs maken in Photoshop CC voor dit voorbeeld.

Maak een GIF van een video

Een van de meest voorkomende redenen voor het maken van een GIF is wanneer je een videoclip hebt die je online wilt delen. Het is heel gemakkelijk om een ​​video om te zetten in een GIF in Photoshop.

Begin met naar Bestand> Importeren> Videoframes naar lagen. U hoeft niet eerst een nieuw bestand aan te maken. Selecteer uw video en klik op Open.

In het dialoogvenster dat volgt, kunt u kiezen of u de volledige video of slechts een select gedeelte wilt importeren. Als u voor de laatste optie kiest, sleept u de trimhandvatten onder het voorbeeldvenster naar binnen om nieuwe start- en eindpunten in te stellen. Alles tussen deze handvatten zal worden geïmporteerd; alles buiten weggegooid.

Houd er rekening mee dat hoe meer video's u importeert, hoe groter uw GIF-resultaat zal zijn.

Als u een grote clip importeert, selecteert u Beperk tot elke 2 frames (of meer) is een eenvoudige manier om de grootte te verkleinen zonder de kwaliteit te veel te beïnvloeden.

Zorg ervoor dat Maak kaderanimatie is aangevinkt en klik vervolgens op OK. De video begint met importeren. Het kan een tijdje duren, afhankelijk van hoe groot het is. Als je klaar bent, heb je een nieuw afbeeldingsbestand, waarbij elk frame van de video op een eigen laag wordt geplaatst.

Onderaan het scherm staat de Tijdlijn palet. Hiermee worden alle frames weergegeven die deel uitmaken van uw GIF, waarbij elk frame overeenkomt met een andere laag in de afbeelding.

U kunt kaders of bewerkingen van bestaande lagen toevoegen of verwijderen, net als een normale laag op een andere afbeelding. Maar voor een directe conversie van een video naar een GIF, klik je gewoon op Spelen knop onderaan voor een voorbeeld. Als je tevreden bent, ben je klaar om de GIF te bewaren.

Hoe een GIF in Photoshop te bewaren

Ga naar Bestand> Exporteren> Opslaan voor internet (oud). In het vak dat wordt geopend, stelt u de formaat naar GIF, kleuren tot 256, en verminder de Afbeeldingsgrootte naar iets kleiner als een manier om de algehele bestandsgrootte laag te houden.

U kunt zien hoe groot uw resulterende bestand linksonder in het voorbeeldvenster zal zijn. Als het te groot is, sleept u de lossy schuif naar rechts. Dit heeft invloed op de kwaliteit, maar verkleint ook de bestandsgrootte aanzienlijk.

Eindelijk, druk op Opslaan om je GIF te maken.

Maak handmatig een GIF van stilstaande beelden

Als u geen video hebt om te gebruiken als basis voor uw GIF, kunt u er handmatig één maken op basis van een reeks statische afbeeldingen. Het is iets meer betrokken, vooral als je iets complex wilt maken, maar het basisproces is eenvoudig.

U maakt uw GIF uit één bestand met meerdere lagen en de lagen worden gebruikt om de inhoud voor elk frame van uw animatie te leveren. Er zijn twee manieren om te beginnen:

1. Als je de afbeeldingen voor je animatie al hebt gemaakt, importeer ze dan door naar Bestand> Scripts> Laad bestanden in stapel. Klik Blader, selecteer vervolgens alle afbeeldingen die u nodig hebt en druk op OK. Elke afbeelding wordt dan op zijn eigen individuele laag binnen hetzelfde bestand geplaatst.
2. Als u de afbeeldingen nog niet hebt gemaakt, doet u dit nu. Vergeet niet dat elk deel van de animatie op een eigen laag moet worden weergegeven.

Nu ben je klaar om de animatie te maken.

Animeer je GIF

Dit is hoe het werkt. Wanneer u handmatig een frame in de animatie maakt, wordt elke laag in uw afbeelding die is ingesteld op Zichtbaar zal in dat frame worden opgenomen. Lagen ingesteld op Verborgen worden niet opgenomen in het frame.

Voor het eerste frame wilt u misschien de achtergrondlaag op Zichtbaar zetten en alle andere lagen op Verborgen. Vervolgens wilt u in het tweede frame misschien de tweede laag zichtbaar maken en vervolgens de derde laag in het derde frame enzovoort. Het wordt duidelijk als je eenmaal bent begonnen.

Ga eerst naar Venster> Tijdlijn. Klik in het midden van het paneel dat wordt geopend op Maak kaderanimatie. Hiermee maakt u het eerste frame van uw animatie. Verberg in het palet Lagen de lagen waarvan u geen deel wilt uitmaken van dit frame door het vinkje te verwijderen uit de lijst Oog pictogrammen.

Klik nu op de Nieuw frame knop, die het vorige frame dupliceert. Verberg opnieuw de lagen die u niet in dit nieuwe kader wilt opnemen en maak zichtbaar welke u wilt.

Herhaal dit proces totdat je alle frames hebt toegevoegd die je nodig hebt in je GIF.

Afronden

Om af te sluiten, stelt u de Frame Delay - dit is in feite de framesnelheid. Klik op het eerste frame en klik vervolgens met Shift-klik op het laatste frame. Klik nu op de vervolgkeuzepijl onder een van de frames en selecteer een vertraging. Geen vertraging betekent dat de animatie snel wordt uitgevoerd, terwijl een specifiek aantal seconden betekent dat elk frame gedurende die tijd op het scherm blijft.

Stel tot slot de Looping opties, die je onderaan in het Tijdlijn-paneel vindt. Het bepaalt hoe vaak de GIF zal spelen. In de meeste gevallen wilt u dit instellen Voor altijd.

Raak nu de Spelen knop onderaan het scherm om een ​​voorbeeld van uw GIF te bekijken. Je zou zoiets als dit moeten zien:

U kunt frames bewerken door ze te selecteren en aan te passen welke lagen zichtbaar zijn (u kunt ook de dekking aanpassen of andere meer geavanceerde tweaks maken). Voeg meer lagen toe als je ze nodig hebt, of klik op het prullenbakpictogram om ze te verwijderen.

Als je tevreden bent, kun je doorgaan naar het gedeelte Je GIF opslaan. Of lees verder om de animatie te verfijnen.

Geavanceerde animaties met Tweening

Photoshop ondersteunt een krachtige animatiefunctie genaamd tweening. Hiermee kunt u vloeiendere animaties maken door automatisch overgangskaders te genereren tussen twee bestaande frames. Stel dat u bijvoorbeeld een laag wilt laten vervagen. U maakt één frame met die laag ingesteld op Verborgen en een ander frame op Zichtbaar. En dan zou je dat doen tween tussen deze twee frames.

In ons voorbeeld gaan we heen en weer tussen alle frames om onze sterrenhemel meer een sprankelend effect te geven.

Selecteer eerst het eerste frame en klik op de Tween op de werkbalk onder aan het deelvenster Tijdlijn.

In het dialoogvenster dat wordt geopend, stelt u in Tween met naar Volgend kader, en Frames om toe te voegen tot het aantal overgangsframes dat u wilt. Een hoger cijfer betekent een soepeler maar langzamer effect. Klik OK om de nieuwe frames te genereren.

Herhaal nu het proces voor de andere originele frames die u hebt gemaakt. Wanneer je de laatste hebt die je misschien wilt instellen Tween met naar Eerste frame. Dit helpt bij het creëren van een soepele overgang naar het begin van een GIF-looping.

Druk op de Spelen om een ​​voorbeeld van het effect te bekijken.

Uw GIF opslaan

Als u klaar bent, moet u uw bestand eerst opslaan in de .PSD-indeling. Hiermee wordt alle laag- en animatie-informatie opgeslagen, zodat u later kunt terugkomen en het later kunt bewerken als dat nodig is. Hierna kunt u het exporteren als een GIF.

Ga naar Bestand> Exporteren> Opslaan voor internet (oud). Zorg ervoor dat in het dialoogvenster dat wordt geopend de indeling is ingesteld op GIF en de optie Colors is ingesteld op 256 (dit zorgt voor maximale kwaliteit).

Andere instellingen die u mogelijk wilt wijzigen, zijn de Afbeeldingsgrootte en Looping opties als je dat niet eerder hebt gedaan.

Het voorbeeldvenster laat zien hoe groot het bestand zal zijn wanneer u het opslaat. U kunt ook op de klikken Voorbeeld om de animatie in een browservenster te testen.

Klik ten slotte op Opslaan om je GIF op te slaan.

Andere manieren om GIF's te maken

Het maken van GIF's in Photoshop is eenvoudig. Maar wat als u geen Photoshop heeft? Het betekent niet dat je buitengesloten moet worden. Bekijk onze handleidingen over het maken van GIF's als je geen vaardigheden hebt Hoe je GIF's kunt maken, zelfs als je geen vaardigheden hebt Hoe maak ik GIF's, zelfs als je geen vaardigheden hebt Als je je GIF-game wilt uitbreiden in plaats van de GIF's van anderen te zoeken en te delen, gebruik deze eenvoudige tool om uw eigen GIF's in een recordtijd te maken. Meer lezen en hoe u een GIF kunt maken via een YouTube-video YouTube-video's eenvoudig in GIF's veranderen YouTube-video's eenvoudig in GIF's veranderen Wilt u snel een YouTube-video omzetten in een snelle maar hoogwaardige GIF? Deze site is de perfecte tool voor jou. Lees verder . Met zo veel tools voor alle gebruikersniveaus, is er geen reden om er niet meteen in te duiken.

Heb je Photoshop gebruikt om GIF's te maken? Welke andere tools gebruik je? deel uw mening en aanbevelingen in de opmerkingen hieronder.

Ontdek meer over: Adobe Photoshop, GIF.