Geanimeerde GIFs maken van afbeeldingen met Photoshop CS6

Ik heb onlangs een paar grappige foto's van mijn neef gemaakt en wilde mijn eigen geanimeerde GIF maken in plaats van de "Auto Awesome" te gebruiken die automatisch door Google+ is gemaakt. Aangezien ik Photoshop CS6 heb geïnstalleerd, dacht ik dat ik het eens zou proberen en kijken wat er gebeurt. In eerste instantie dacht ik dat het vrij eenvoudig zou zijn: importeer de afbeeldingen in afzonderlijke lagen en sla ze vervolgens op als een GIF-bestand met animatie. Mis!

Als u de GIF op deze manier probeert te maken, zult u merken dat het gedeelte Animatie in het dialoogvenster Opslaan voor web grijs wordt weergegeven. Om dat geactiveerd te krijgen zodat je de looping-opties kunt kiezen, moet je een zogenaamde frame-animatie maken in Photoshop CS6. Het klinkt ingewikkeld, maar het is vrij eenvoudig om te doen. In dit bericht zal ik je door de stappen leiden voor het maken van je eigen geanimeerde GIF met behulp van stilstaande beelden.

Ik zal ook vermelden hoe je een video importeert en converteert naar een geanimeerde GIF. Alleen het importproces verschilt bij het importeren van een video, de rest van de stappen blijven hetzelfde.

Stap 1 - Importeer alle afbeeldingen

Het eerste dat u moet doen, is al uw afbeeldingen importeren in afzonderlijke lagen in één Photoshop-bestand. Dus als u bijvoorbeeld 6 afbeeldingen heeft, opent u ze allemaal in Photoshop en maakt u vervolgens een nieuw bestand en kopieert en plakt u elk van de afbeeldingen in een afzonderlijke laag in het nieuwe bestand. Laag 1 zou je startafbeelding moeten zijn en de laatste laag zou de laatste afbeelding in de animatie moeten zijn.

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Dit deel van het proces zal waarschijnlijk de meeste tijd in beslag nemen van alle stappen. Er is waarschijnlijk een eenvoudigere en snellere manier om dit in Photoshop te doen, maar aangezien ik geen professionele gebruiker ben, kopieer en plak ik elke afbeelding handmatig in een nieuw Photoshop-bestand. Als je een snellere manier weet, laat het me dan weten in de reacties.

Stap 2 - Maak frame-animatie

De tweede stap is het maken van de daadwerkelijke animatie in Photoshop zelf. Om dit te doen, moet u eerst het tijdlijnvenster openen. Ga naar Venster en kies Tijdlijn .

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Nu ziet u het tijdlijnvenster onder aan het scherm geopend. Het moet helemaal leeg zijn om mee te beginnen. Om nu een frame-animatie te maken, klikt u met de rechtermuisknop ergens in het vak Tijdlijn en kiest u Frame-animatie maken .

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Wanneer je dit doet, zie je nu slechts één afbeelding in de tijdlijn met een kleine 1 in de linkerbovenhoek. Het is ofwel de afbeelding die u hebt geselecteerd in het deelvenster Lagen, ofwel de laatst toegevoegde laag (laatste afbeelding in de animatie). Op dit moment is het een animatie met één frame, en dat is niet wat we willen.

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

In plaats daarvan willen we dat alle lagen in de animatie worden opgenomen. Om dit te doen, moeten we klikken op het kleine pijltje naar beneden helemaal rechts in het tijdlijnvenster. Het heeft een kleine pijl naar beneden en vervolgens een paar horizontale lijnen ernaast. als je daarop klikt, zie je een optie genaamd Make Frames From Layers .

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Nu zou je een frame moeten zien voor elke laag die je in je bestand hebt. Elk frame heeft ook een kleine vervolgkeuzelijst onder de afbeelding waarmee u kunt selecteren hoe lang elk frame moet worden weergegeven.

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Zoals je hierboven kunt zien, is het eerste frame 5 seconden en daarna wordt de rest op 0 gezet. Je zult ze dienovereenkomstig moeten aanpassen, maar je kunt ook een aangepaste hoeveelheid tijd kiezen.

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Nadat je de tijd voor elk frame hebt geselecteerd, ben je klaar voor de laatste stap, namelijk het opslaan van je nieuwe animatie in een GIF-bestand.

Stap 3 - Sla GIF-bestand op

Nu is het tijd om je geanimeerde GIF op te slaan. Ga hiervoor naar Bestand en klik op Opslaan voor web . Helemaal onderaan het dialoogvenster voor opslaan ziet u het gedeelte Animatie, dat niet langer grijs moet zijn.

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Uw opties hier zijn vrij eenvoudig te begrijpen. U kunt eigenlijk alleen kiezen hoe u wilt dat deze wordt herhaald en vervolgens een voorbeeld van de animatie bekijken voordat u deze opslaat. Dat is het zo'n beetje! Hopelijk helpt deze gids je om zonder problemen je geanimeerde GIF in Photoshop CS6 te maken!

Conclusie

Er zijn een paar dingen die het vermelden waard zijn. Ten eerste, als u vindt dat de geanimeerde GIF te groot is, moet u eerst de grootte van de afzonderlijke afbeeldingen verkleinen voordat u uw uiteindelijke Photoshop-bestand met de meerdere lagen maakt. U kunt de afbeeldingen bijsnijden als u slechts een deel van de foto's nodig hebt om de animatie te maken, of u kunt de grootte van de hele afbeelding verkleinen.

Ten tweede, als je een video hebt, kun je de videoframes automatisch in lagen importeren door naar Bestand te gaan en vervolgens op Importeren en op Videoframes naar lagen te klikken .

Geanimeerde GIF's maken van afbeeldingen met Photoshop CS6

Dus dat is alles wat er is. Nogmaals, om de grootte te beheren, moet u mogelijk de kwaliteit van de afbeeldingen verminderen om een ​​klein GIF-bestand te maken. Genieten van!

Laat een reactie achter

Praktische gids voor het reinigen van luchtbevochtigers met citroenzuur: Geschiktheid per type, concentratie, inweektijd en spoeloverzicht

Praktische gids voor het reinigen van luchtbevochtigers met citroenzuur: Geschiktheid per type, concentratie, inweektijd en spoeloverzicht

Praktische gids voor het reinigen van luchtbevochtigers met citroenzuur. Verschillen tussen verdamping-, stoom- en ultrasone systemen, officiële concentraties en tijden per fabrikant, een 8-staps procedure en waarschuwingen tegen mengen met chloor, gebaseerd op officiële informatie.

Wat gebeurt er als je het aircofilter niet schoonmaakt? Veelvoorkomende misvattingen en aantoonbare gevolgen op een rij

Wat gebeurt er als je het aircofilter niet schoonmaakt? Veelvoorkomende misvattingen en aantoonbare gevolgen op een rij

Wat er gebeurt als je het aircofilter niet schoonmaakt, gebaseerd op officiële informatie. We onderscheiden de effecten op energiekosten, prestaties, geur en misvattingen over automatische reinigingsfuncties, en geven oplossingen per situatie.

Hoe je een Patagonia donsvest schoonmaakt zonder het dons plat te drukken

Hoe je een Patagonia donsvest schoonmaakt zonder het dons plat te drukken

Leer hoe je een Patagonia donsjack schoonmaakt met koud water, een donsveilig wasmiddel, drogen op lage temperatuur en twee tennisballen, en hoe je kunt zien of het jack helemaal droog is.

Hoe maak je een haarborstel schoon na een luizenbesmetting: stappen volgens de CDC en wat je moet vermijden

Hoe maak je een haarborstel schoon na een luizenbesmetting: stappen volgens de CDC en wat je moet vermijden

Reinig een haarborstel na een hoofdluisinfectie op een veilige manier met heet water volgens de richtlijnen van de CDC, en ontdek wat u moet doen met hittegevoelige borstels en welke veelvoorkomende misvattingen u beter kunt negeren.

Hoe reinig je stoffen jaloezieën zonder watervlekken of kreukels achter te laten?

Hoe reinig je stoffen jaloezieën zonder watervlekken of kreukels achter te laten?

Leer hoe u stoffen jaloezieën veilig kunt reinigen met voorzichtig afstoffen, stofzuigen met een lage zuigkracht, zorgvuldig plaatselijk reinigen, droogcontroles en duidelijke signalen om te stoppen.

Hoe was je een wollen jas veilig: let eerst op het waslabel

Hoe was je een wollen jas veilig: let eerst op het waslabel

Leer hoe je een wollen jas veilig wast, wanneer je hem met de hand of in de machine moet wassen, hoe je hem moet drogen en wanneer het waslabel aangeeft dat je moet stoppen.

Hoe u een Sunbeam elektrische deken veilig wast: wat de handleiding daadwerkelijk zegt

Hoe u een Sunbeam elektrische deken veilig wast: wat de handleiding daadwerkelijk zegt

Leer hoe u een Sunbeam elektrische deken veilig kunt wassen, van het loskoppelen van de controller tot het wassen op een zacht programma met koud water, drogen op een lage temperatuur en volledig aan de lucht laten drogen.

Hoe maak je een grillpan schoon zonder gietijzer, emaille of antiaanbaklaag te beschadigen?

Hoe maak je een grillpan schoon zonder gietijzer, emaille of antiaanbaklaag te beschadigen?

Leer hoe je een grillpan schoonmaakt, afhankelijk van het materiaal, hoe je voedselresten uit de ribbels verwijdert, hoe je aangebrande resten aanpakt, hoe je de pan correct droogt en wanneer gietijzeren pannen geolied moeten worden.

Hoe maak je een aangebrand strijkijzer schoon zonder de strijkzool te beschadigen?

Hoe maak je een aangebrand strijkijzer schoon zonder de strijkzool te beschadigen?

Leer hoe u aangebrande resten veilig van een strijkijzerzool verwijdert, welke gereedschappen u daarvoor nodig hebt, wanneer een zoolreiniger geschikt is en welke gangbare methoden u moet vermijden.

Hoe maak je een koffiezetapparaat schoon zonder azijn: veiligere opties per apparaattype

Hoe maak je een koffiezetapparaat schoon zonder azijn: veiligere opties per apparaattype

Leer hoe je een koffiezetapparaat schoonmaakt en ontkalkt zonder azijn, vergelijk goedgekeurde ontkalkingsmiddelen, producten met citroenzuur, zeep en zuiveringszout, en kies de juiste methode voor jouw apparaat.