Een geanimeerde GIF in Photoshop is een animatie gemaakt met de grafische editor van Adobe Photoshop in de GIF-indeling (Graphics Interchange Format). GIF is een veelgebruikt afbeeldingsformaat dat animatie ondersteunt door meerdere frames (of afbeeldingen) achter elkaar weer te geven, waardoor het effect van beweging ontstaat.

Met Adobe Photoshop kunt u eenvoudig een origineel geanimeerd GIF-bestand (Graphics Interchange Format) maken van een reeks foto's. In deze zelfstudie doorlopen we stapsgewijs het proces voor het maken van een geanimeerde GIF in Photoshop.

Vogels klapperen met hun vleugels Geanimeerde GIF in Photoshop.

1. Kies welke foto's je voor je GIF wilt gebruiken.

Om de best mogelijke GIF te krijgen, gebruikt u een reeks afbeeldingen die snel achter elkaar zijn gemaakt. Time-lapse-foto's of foto's gemaakt in de burst-modus werken het beste. Dit komt omdat ze je GIF laten lijken op een korte looping-video. Hoe meer frames u in uw GIF gebruikt, hoe vloeiender het animatie-effect zal zijn. Geanimeerde GIF in Photoshop.

Meestal werken 15-24 stilstaande beelden het beste. Zorg ervoor dat de afbeeldingsgrootte voor elk van uw frames hetzelfde is, dus controleer het aantal pixels. Plaats al het beeldmateriaal dat u wilt gebruiken in een map op uw bureaublad of harde schijf. Hierdoor zijn ze gemakkelijker te vinden in Photoshop.

Hoe maak je een geanimeerde GIF in Photoshop

2. Importeer foto's. Geanimeerde GIF in Photoshop

Open Adobe Photoshop. Kies in het menu Bestand Scripts > Bestanden in stapel laden. Hierdoor wordt een nieuw dialoogvenster geopend. Klik op Bladeren om de map te vinden die u op uw bureaublad of harde schijf hebt gemaakt en die de afbeeldingen bevat die u in uw GIF wilt opnemen.

Druk op de Shift-toets om meerdere afbeeldingen te selecteren. Zodra alle afbeeldingsbestanden die u wilt gebruiken zijn gemarkeerd, klikt u op OK. Vervolgens ziet u al uw geselecteerde bestanden in het dialoogvenster Lagen laden.

Klik op OK en Photoshop opent de geselecteerde afbeeldingen als afzonderlijke lagen in een nieuw document.

Photoshop-tijdlijnpanelen

3. Open het tijdlijnpaneel. Geanimeerde GIF in Photoshop

Kies Tijdlijn in het menu Venster om het tijdlijnpaneel in de werkruimte te openen. Standaard wordt het tijdlijnpaneel onderaan het scherm geopend.

In het midden van het tijdlijnpaneel ziet u de knop 'Videotijdlijn maken' met een pijl ernaast. Klik op de pijl en selecteer Frame-animatie maken in het vervolgkeuzemenu.

Nu zegt de knop 'Frame-animatie maken'. Klik op deze knop.

Hoe u een geanimeerde GIF maakt in Photoshop-animatieframes

4. Converteer de afbeeldingslagen naar animatieframes.

In de rechterbovenhoek van het tijdlijnpaneel ziet u een menupictogram (vier horizontale lijnen). Klik op dit menupictogram om een ​​vervolgkeuzemenu met animatie-opties te openen.

Klik op Frames maken van lagen. Hiermee worden de afbeeldingen in het deelvenster Lagen omgezet in afzonderlijke frames in uw GIF.

U zou nu een miniatuur van elk van uw afbeeldingslagen in het tijdlijnpaneel moeten zien. Klik op de knop Afspelen om een ​​voorbeeld te zien van hoe uw GIF eruit zal zien. Geanimeerde GIF in Photoshop

looping-animatie

5. Loop de animatie.

In de linkerbenedenhoek van het tijdlijnpaneel ziet u verschillende lusopties. Met Adobe Photoshop kun je beslissen of je je GIF één keer, drie keer of voor altijd wilt afspelen. U kunt handmatig andere cyclusopties selecteren door Overige te selecteren.

De standaard is vaak permanent. Als u een van de andere opties heeft geselecteerd, klikt u op de pijl naast de opgegeven duur. Selecteer vervolgens 'Voor altijd' in het vervolgkeuzemenu.

Klik nogmaals op het afspeelpictogram om er zeker van te zijn dat de geanimeerde GIF er goed uitziet. Geanimeerde GIF in Photoshop

6. Exporteer de animatie als GIF-bestand.

Kies in het menu Bestand Exporteren > Opslaan voor web (verouderd). Hierdoor verschijnt een nieuw instellingendialoogvenster. Dit zijn de ideale instellingen die u kunt kiezen wanneer u uw werk opslaat bestandsformaat GIF's:

  • Selecteer GIF 128 Dithered in het gedeelte Voorinstelling.
  • Onder Kleuren selecteert u 256.
  • In het gedeelte Afbeeldingsgrootte kunt u de fysieke afmetingen van uw GIF-afbeelding aanpassen. Als uw originele afbeeldingsbestanden erg groot waren, moet u de afmetingen van uw GIF-afbeelding verkleinen voor een betere kijkervaring op internet. Terwijl u de formaten aanpast, ziet u de geschatte wijziging in de bestandsgrootte in de linkerbenedenhoek van het GIF-voorbeeld.
  • Zorg ervoor dat "Forever" is geselecteerd onder Looping-opties.

Klik op Voorbeeld in de linkerbenedenhoek van het dialoogvenster om te zien hoe uw GIF eruit zal zien in een webbrowservenster. Geanimeerde GIF in Photoshop

Klik op Opslaan om een ​​nieuw dialoogvenster Opslaanopties te openen. Geef het bestand een naam, selecteer een bestemming en klik op Opslaan. Dat is alles! Je hebt snel en eenvoudig je eigen GIF gemaakt in Adobe Photoshop.