Een geanimeerde GIF maken met Photoshop
Diversen / / December 02, 2021
Hoewel ze schijnbaar complex lijken, zijn GIF's eigenlijk niet zo moeilijk te maken. In feite, als je Photoshop hebt, je hebt al alles wat je nodig hebt om er een te maken, en dat is precies wat we je in deze zelfstudie laten zien.
Klaar? Laten we beginnen.
Stap 1: Maak eerst de afbeeldingsbestanden klaar die deel uitmaken van uw GIF-bestand, aangezien elk GIF-bestand uit verschillende frames bestaat. Dat betekent dat je al de verschillende "frames" zou moeten hebben waaruit je GIF bestaat. Voor dit voorbeeld zal ik een GIF maken die bestaat uit drie eenvoudige afbeeldingsbestanden (hieronder weergegeven).
![Afbeeldingen voor](/f/08a12bd5059b625c259320bc741df301.png)
![Afbeeldingen klaar](/f/8a08195d5cffed8342bcac7bd1da85c8.png)
Stap 2: Open de bestanden in Photoshop (tenzij je ze in eerste instantie in Photoshop hebt gemaakt) en zorg ervoor dat ze allemaal tot een aparte laag behoren. Om dit te controleren, klikt u zodra het eerste bestand is geopend op
Maak een nieuwe laag.. knop rechtsonder in de Lagen paneel (hieronder weergegeven) en plak de volgende beeldbestand op de nieuwe laag.![Nieuwe laag](/f/4b694d056e239bec87ef61e116b2ae9b.png)
Nadat al uw afbeeldingen aan hun eigen lagen zijn toegevoegd, zouden ze er als volgt uit moeten zien in het deelvenster Photoshop-lagen:
![Laatste bestanden](/f/d9e5ec0bff57c7552cde67de6093cd65.png)
Stap 3: Ga nu in Photoshop naar de Raam menu en klik op de Animatie optie. Hierdoor wordt het animatiepalet van Photoshop weergegeven. Zodra dit het geval is, klikt u op de knop rechtsonder (hieronder weergegeven) om over te schakelen van de Tijdlijn uitzicht op de Kaders uitzicht, wat ons werk een beetje gemakkelijker zal maken.
![Animatiemenu](/f/0214cb074aa63b7af0731261d591abaa.png)
![Tijdlijnweergave](/f/186f36db132368156488efd40ec74c52.png)
![Frames bekijken](/f/ecfb1357a948cf1cab5f6ea636566c17.png)
Stap 4: Standaard toont het animatiepalet slechts één van de afbeeldingen (of "frames") die u hebt. Het toont ook aan de onderkant van elk frame de tijd dat het zal worden weergegeven op het uiteindelijke GIF-bestand. Als u dat wilt wijzigen, klikt u erop en selecteert u de gewenste tijd. De door u gekozen tijd geldt ook voor de rest van de frames.
![Frametijd](/f/4032ab93355e2677a743fc3f194f22ca.png)
Stap 5: Nu, om enkele kaders toe te voegen waar uw andere afbeeldingen zullen komen. Om dit te doen, klikt u in het palet Animatie op de Dubbel frame knop.
![Dubbel frame](/f/22a4e24f26bc693944e4da1088a69e75.png)
Hiermee wordt het tweede frame toegevoegd dat je GIF zal vormen. Nu, hier is de truc: zorg ervoor dat voor elk toegevoegd frame alleen de relevante laag met de gewenste afbeelding voor dat frame is geselecteerd op de Lagen palet. Bekijk bijvoorbeeld onderstaande afbeeldingen:
![Laag 0](/f/fe402a5df6ddce547b51df637751fc42.png)
![Laag 1](/f/aa1a83739cf7d2c57ec8aaf66bb37078.png)
![Laag 2](/f/2bb21a1760dd14aac7654ade5f265da6.png)
Omdat ik wil dat Laag 1 en Laag 2 respectievelijk de tweede en derde componenten van mijn GIF-bestand zijn, selecteer ik alleen de een of de ander voor het tweede en derde frame. Uiteindelijk moet het animatiepalet alle frames van uw GIF-bestand weergeven in de volgorde waarin ze worden weergegeven en met de hoeveelheid tijd die elk wordt weergegeven.
![Laatste gif voor opslaan](/f/56fe87741602efaf63285944aa520a99.png)
Stap 6: Zodra de frames van je toekomstige GIF klaar zijn, is het tijd om deze op te slaan. Om dit te doen, op de Bestand menu, klik op Opslaan voor internet en apparaten… Zorg ervoor dat u in het venster dat verschijnt het GIF-formaat selecteert onder Vooraf ingesteld.
![Opslaan voor internet](/f/3fa010b9c15af1fb12b878d4737b9acf.png)
![Kies GIF-bestand](/f/ff703c6d71f206452d954c8d94c74c92.png)
Door op de tabbladen boven uw afbeelding in dit venster te klikken, kunt u bovendien de verschillende uitvoerkwaliteiten (met verschillende formaten natuurlijk) voor uw GIF-bestand selecteren.
![Gif-kwaliteiten](/f/c3406905ca564aea253828d167942391.png)
![Klaar voor gif](/f/aba9938d72080cd6b3ec3c7b7f7fe90d.png)
Zodra je de grootte en kwaliteit van je GIF hebt gekozen, klik je op Opslaan en je bent klaar.
![Gt](/f/84b3df4496aa552e1ee3e2420d1f932a.gif)
Geniet van je GIF-bestand!