Een afbeelding animeren in Photoshop

Admin

Met wat oefening en geduld kun je leren hoe je kunt animeren in Photoshop en van je werk een GIF online te delen. De animatietools van Photoshop zijn vaak onbekend, maar ze zijn het waard om te leren. We zullen u door elke stap leiden die nodig is om te leren animeren in Photoshop.

Zoals de meeste animatietools, moet je elk frame als afzonderlijke afbeeldingen maken, dus je moet instellen maak wat tijd vrij om elk frame handmatig te maken, vooral als je van plan bent een ingewikkelde animatie te maken.

Inhoudsopgave

Begin met het maken van uw animatieframes in Photoshop

Om te beginnen moet u een afzonderlijke afbeelding opslaan voor elk van de frames die u wilt gebruiken. Het is aan jou hoe complex je je animatie wilt maken, maar voor deze test zullen we een eenvoudig geanimeerd logo maken.

De truc om te leren animeren in Photoshop is om kleine bewegingen te maken en elke keer dat je een beweging maakt een nieuwe foto op te slaan. Elke beweging moet hetzelfde gewicht hebben. Als u bijvoorbeeld een regel tekst over het scherm wilt laten schuiven, moet elk frame ervoor zorgen dat de tekst hetzelfde aantal pixels verplaatst, zodat de animatie er vloeiend uitziet.

Als je niet zeker weet hoe je van punt A naar B kunt komen in je animatie, begin dan eerst met het eindframe en maak dan het eerste frame. Vul tot slot de tussenliggende kaders in.

Terwijl u elke afbeelding opslaat, geeft u ze een numerieke naam, zodat u niet in de war raakt met hun positie.

Een reeks afbeeldingen animeren in Photoshop

Zodra u uw frame-voor-frame afbeeldingen hebt, is het tijd om ze om te zetten in een animatie. Zorg ervoor dat u de onderstaande stappen zorgvuldig volgt.

  1. Klik Bestand, Klik Scripts, dan klikken Laad bestanden in stapel..
  2. Klik Bladeren… en selecteer al uw frames voor uw animatie.
  3. Klik OK en wacht tot de afbeeldingen in afzonderlijke lagen zijn geladen.
  4. Klik Raam en dan Tijdlijn om het animatievenster te openen.
  5. Klik op de vervolgkeuzepijl in het tijdlijnpaneel en selecteer Frame-animatie maken.
  6. Klik Frame-animatie maken.

Je hebt nu een laag in je tijdlijn. De volgende stap is om van elk van je lagen een nieuw frame te maken. Volg onderstaande stappen.

  1. Klik Selecteer bovenaan en klik vervolgens op Alle lagen.
  2. Klik op de menupictogram met drie stapels aan de linkerkant van het tijdlijnpaneel.
  3. Klik in het menu dat verschijnt op Nieuwe laag maken voor elk nieuw frame.
  4. Klik op de menupictogram met drie stapels en klik nu op Frames maken van lagen.

Je hebt nu al je afbeeldingen in afzonderlijke frames geladen. De volgende taak is om een ​​tijd te kiezen voor hoe lang elk frame zal spelen. Het kan wat testen vergen om de juiste snelheid te krijgen, maar je kunt de frametijd voor elk afzonderlijk frame kiezen door te klikken op de pijl onder elk frame naast het 0 sec tekst.

Je kunt met verschillende tijden experimenteren, maar het is het beste om te beginnen met het kiezen van dezelfde tijd voor elk frame. Als een animatie verschillende scènes of animatiefasen bevat, wil je misschien de timing voor elk van die fasen/scènes afzonderlijk aanpassen.

U kunt op elk moment op de afspeelknop klikken om de animatie te bekijken. Er zijn ook een aantal andere bedieningselementen in het tijdlijnvenster, die we hieronder van links naar rechts hebben uitgelegd.

Tijdlijnschakelaar

Schakel de tijdlijn tussen een frame-voor-frame tijdlijn en een traditionele filmtijdlijn.

Afspeelbedrag

Wijzig of de animatie voor altijd of voor een bepaald aantal loops wordt afgespeeld voordat deze stopt. Dit heeft invloed op het eindresultaat zodra het is opgeslagen als een GIF. U kunt deze instelling opnieuw wijzigen voordat u de animatie later exporteert.

Vervolgkeuzelijst afspelen

De vervolgkeuzepijl die u op de tijdlijnbesturing ziet, is een andere methode om toegang te krijgen tot het afspeelbedrag.

Afspeelbediening

Speel, pauzeer, stop en spring de animatie naar het einde of het begin met de vier beschikbare afspeelknoppen.

Tween

Gebruik de Tween-functie om "tussenliggende" frames te genereren om uw animatie er vloeiender uit te laten zien. De Tween-functie wordt hieronder in meer detail uitgelegd.

Dubbel frame

Deze knop dupliceert elk momenteel geselecteerd frame en plaatst het in de tijdlijn na het origineel.

Frame verwijderen

Met deze optie wordt elk geselecteerd frame verwijderd.

Hoe u uw Photoshop-animatie kunt exporteren

Als u tevreden bent met uw Photoshop-animatie, kunt u deze exporteren door de onderstaande stappen te volgen.

  1. Klik Nieuw.
  2. Klik Exporteren en klik vervolgens op Opslaan voor web (verouderd)…
  3. Als je een animatie hebt met gedetailleerde kleuren, selecteer dan GIF 128 Dithered onder de vooraf ingestelde vervolgkeuzelijst.
  4. Als je een animatie hebt met eenvoudige blokkleuren, kies dan GIF 128 Geen dither.
  5. Zorg ervoor dat u uw voorkeursoptie hebt ingesteld in de Looping-opties aan de onderkant.
  6. Klik ten slotte op Sparen… en kies een plaats om je GIF op je pc op te slaan.

Hoe maak je een animatie vloeiend in Photoshop

Tenzij je ervaren bent in het maken van frame voor frame animatie, kan het eindresultaat er een beetje vrolijk uitzien. Gelukkig kun je de Tween-functie gebruiken om de gaten in je animatie automatisch op te vullen, zodat alles er vloeiender uitziet.

Houd hiervoor de verschuiving -toets, klik op twee afzonderlijke frames in het tijdlijnvenster en klik op de Tween-pictogram.Klik vervolgens om te kiezen of de Tween-instelling wordt gebruikt positie, dekking, of Effecten. Voor de meeste op beweging gebaseerde animaties, wil je positie.

Zorg ervoor dat Alle lagen zijn geselecteerd en klik vervolgens op OK. Herhaal dit proces voor elk gekoppeld frame. Bijvoorbeeld frame 1 en 2, dan frame 3 en 4, enzovoort.

Overzicht

We hopen dat onze gids over het animeren in Photoshop heeft geholpen. Als je meer hulp nodig hebt, kun je hieronder een reactie achterlaten.

Welkom bij Help Desk Geek - een blog vol technische tips van vertrouwde technische experts. We hebben duizenden artikelen en handleidingen om u te helpen bij het oplossen van elk probleem. Onze artikelen zijn sinds de lancering in 2008 meer dan 150 miljoen keer gelezen.

Willen indruk maken je vrienden en familie met geweldig technische nerd?

Abonneer u op Help Desk Geek en ontvang dagelijks geweldige handleidingen, tips en trucs! We sturen alleen nuttige dingen op!

Wij hebben ook een hekel aan spam, u kunt zich op elk moment uitschrijven.

Handmatig een contactpersoon toevoegen aan een Windows Live Mail-adresboek
Handmatig een contactpersoon toevoegen aan een Windows Live Mail-adresboek

Contacten in elk e-mailprogramma maken het gemakkelijk om ontvangers bij te houden en gemakkelijk...

Hoe u uw eigen lettertype kunt maken
Hoe u uw eigen lettertype kunt maken

Lettertypen zijn overal op internet te vinden, in documenten die u voor werk en school gebruikt, ...

Chrome-extensies installeren en verwijderen
Chrome-extensies installeren en verwijderen

Google Chrome extensies kunnen super handig en vermakelijk zijn; kijk maar eens naar deze geweldi...