Adobe Photoshop CS5 is een krachtig beeldbewerkingsprogramma dat u kunt gebruiken om bijna elk type afbeelding te maken of te bewerken dat u nodig heeft. Photoshop CS5 is echter bijzonder bedreven in het maken van afbeeldingen die bedoeld zijn om online te worden geplaatst, zoals een afbeelding die u op uw website kunt plaatsen of die u misschien met uw vrienden wilt delen. Een populaire afbeeldingskeuze is een geanimeerde GIF, omdat deze eenvoudig te maken is, beweging heeft, maar kan worden gepost als een gewone statische afbeelding. Photoshop beschikt over een aantal handige hulpmiddelen waarmee u een geanimeerde GIF kunt maken in Photoshop CS5, en u kunt zelfs uw geanimeerde GIF in Photoshop CS5 aanpassen aan de specificaties die u nodig hebt.
De frames voorbereiden voor uw geanimeerde GIF in Photoshop CS5
Een geanimeerde GIF in Photoshop CS5 is eigenlijk vijf afzonderlijke afbeeldingen die u als lagen gaat rangschikken. Elke laag zal een frame van je afbeelding vertegenwoordigen, dus elk frame moet iets anders zijn om aan te geven dat er een actie of beweging plaatsvindt in je geanimeerde GIF. Voor deze tutorial ga ik een geanimeerde GIF maken in Photoshop CS5 van een ster die over een zwarte achtergrond beweegt. De geanimeerde GIF zal uit vijf verschillende frames bestaan, waarbij de ster in elk frame op een iets andere locatie staat. De afzonderlijke afbeeldingen zien er als volgt uit:
Voor de eenvoud heb ik de afbeeldingen gelabeld als 1.gif, 2.gif, 3.gif, 4.gif en 5.gif, wat me zal helpen de volgorde te onthouden waarin ik ze wil weergeven. Elke afbeelding is even groot, 100×100 pixels.
Om te beginnen met het maken van een geanimeerde GIF in Photoshop CS5, kunt u nu Photoshop starten, klik op Bestand klik bovenaan het venster op Nieuwen stel vervolgens de grootte voor uw afbeelding in. Zodra uw afbeeldingsparameters zijn ingesteld, klikt u op de oke knop om uw lege canvas te maken.
Het volgende dat u moet doen, is de map openen met de afbeeldingen die u in uw geanimeerde GIF in Photoshop CS5 gaat opnemen. Merk op dat u de map opent in Windows Verkenner, NIET met de Open opdracht in Photoshop. Windows Verkenner is het programma dat u gebruikt om door mappen en bestanden op uw computer te bladeren, en u kunt het starten door op het mappictogram in de taakbalk onder aan uw computerscherm te klikken. Zodra de map met uw afbeeldingen is geopend, houdt u de CTrl-toets op uw toetsenbord ingedrukt om alle afbeeldingen te selecteren en sleept u ze vervolgens naar het Photoshop CS5-canvas.
Dit zal je canvas veranderen om een van je frames weer te geven met een X eroverheen, zoals in deze afbeelding:
Als je dit ziet, druk je op Binnenkomen op uw toetsenbord om elke afbeelding als een laag in Photoshop in te voegen. Zodra alle afbeeldingen zijn toegevoegd, wordt uw Lagen venster aan de rechterkant van Photoshop zou er als volgt uit moeten zien.
Houd er rekening mee dat de afbeelding die u als laatste frame van uw geanimeerde GIF wilt weergeven, de bovenste laag moet zijn. Als je lagen in de verkeerde volgorde staan, kun je ze gewoon slepen binnen de Lagen venster totdat ze in de juiste volgorde staan.
Nu moet je de . openen Animatie venster, wat u kunt doen door op de Venster menu bovenaan Photoshop en klik vervolgens op de Animatie optie. De Animatie venster wordt geopend als een horizontaal venster onder in Photoshop.
Klik op de knop in de rechterbovenhoek van de Animatie venster (de knop ziet eruit als een naar beneden gerichte pijl naast 4 horizontale lijnen), en klik vervolgens op de Frames maken van lagen optie.
Klik op de naar beneden gerichte pijl rechts van 0 sec en onder een van je frames in de Animatie venster en selecteer vervolgens hoe lang u dat frame wilt weergeven in uw geanimeerde GIF. Herhaal deze stap voor elk frame van je afbeelding. ik hou van kiezen 1.0 voor de duur van frames in veel geanimeerde GIF's in Photoshop CS5, maar experimenteer met verschillende duur totdat u degene vindt die het beste bij u past.
U kunt ook specificeren hoe vaak de geanimeerde GIF door alle frames moet lopen door op de te klikken Voor altijd vervolgkeuzemenu onderaan de Animatie venster. ik gebruik Voor altijd als de optie voor de geanimeerde GIF aan het einde van dit artikel, wat betekent dat de geanimeerde GIF continu doorloopt totdat u deze pagina verlaat.
U bent nu klaar met het maken van uw geanimeerde GIF in Photoshop CS5, dus u moet deze opslaan. Klik Bestand bovenaan het venster en klik vervolgens op Opslaan voor internet en apparaten. Klik op het vervolgkeuzemenu in de rechterbovenhoek van het venster om de GIF optie en klik vervolgens op de Sparen knop onderaan het venster.
Typ een naam voor uw bestand in de Bestandsnaam veld en klik vervolgens op de Sparen knop. U kunt vervolgens dubbelklikken op de gemaakte afbeelding in uw map om de geanimeerde GIF te starten en te zien wat u hebt gemaakt. Hieronder staat mijn voorbeeld geanimeerde GIF in Photoshop CS5-afbeelding.
