Een geanimeerde GIF maken met Photoshop (met afbeeldingen)

Inhoudsopgave:

Een geanimeerde GIF maken met Photoshop (met afbeeldingen)
Een geanimeerde GIF maken met Photoshop (met afbeeldingen)

Video: Een geanimeerde GIF maken met Photoshop (met afbeeldingen)

Video: Een geanimeerde GIF maken met Photoshop (met afbeeldingen)
Video: De beste OBS settings om je stream- en opnamekwaliteit te verbeteren! 🔴 2020 2024, November
Anonim

Deze wikiHow leert je hoe je een geanimeerd GIF-bestand maakt in Adobe Photoshop door het helemaal opnieuw te maken of een video te converteren. Hier heeft u Adobe Photoshop CS6 of een latere versie nodig.

Stap

Methode 1 van 2: Animaties maken van Scratch

Maak geanimeerde's met Photoshop Stap 1
Maak geanimeerde's met Photoshop Stap 1

Stap 1. Open Photoshop

Deze app wordt gemarkeerd door een lichtblauw letterpictogram "Ps" op een donkere achtergrond.

Maak geanimeerde's met Photoshop Stap 2
Maak geanimeerde's met Photoshop Stap 2

Stap 2. Maak een nieuw project aan

Het maken:

  • Klik Bestand.
  • Klik Nieuw.
  • Selecteer de projectgrootte.
  • Klik Creëren.
Maak geanimeerde's met Photoshop Stap 3
Maak geanimeerde's met Photoshop Stap 3

Stap 3. Maak een laag voor elk frame (frame)

Elke laag in de animatie heeft zijn eigen frame. Als je de animatie handmatig tekent of uit een reeks afbeeldingen compileert, zorg er dan voor dat elk frame op een nieuwe laag staat. U kunt op verschillende manieren een nieuwe laag maken:

  • Klik op het pictogram "Nieuwe laag" onder in het lagenvenster.
  • Klik Lagen, Nieuw, Lagen.
  • Druk op de toetsencombinatie Verschuiving+ Ctrl+ N (PC) of Verschuiving+ Opdracht+ N (Mac).
Maak geanimeerde's met Photoshop Stap 4
Maak geanimeerde's met Photoshop Stap 4

Stap 4. Klik op Vensteren selecteer vervolgens Tijdlijn.

Daarna wordt de video toegevoegd aan de tijdlijn ("Tijdlijn") onderaan het Photoshop-projectvenster, net als de tijdlijn die normaal zou verschijnen in videobewerkingsprogramma's.

Maak geanimeerde's met Photoshop Stap 5
Maak geanimeerde's met Photoshop Stap 5

Stap 5. Klik op Frame-animatie maken

Mogelijk moet u op de knop klikken

Android7expandmore
Android7expandmore

om eerst de opties te zien.

Maak geanimeerde's met Photoshop Stap 6
Maak geanimeerde's met Photoshop Stap 6

Stap 6. Klik op

Het staat in de rechterbovenhoek van het tijdlijnvenster. Nadat u erop heeft geklikt, verschijnt een vervolgkeuzemenu.

Maak geanimeerde's met Photoshop Stap 7
Maak geanimeerde's met Photoshop Stap 7

Stap 7. Klik op Frames maken van lagen

Daarna wordt elke laag omgezet in een enkel frame dat de geanimeerde-g.webp

Maak geanimeerde's met Photoshop Stap 8
Maak geanimeerde's met Photoshop Stap 8

Stap 8. Klik op de knop

Android7dropdown
Android7dropdown

die zich naast de knop "Eenmaal" bevindt.

Deze optie stelt het aantal herhalingen van de gewenste animatie in.

Maak geanimeerde's met Photoshop Stap 9
Maak geanimeerde's met Photoshop Stap 9

Stap 9. Selecteer Voor altijd

Met deze optie blijft de geanimeerde-g.webp

  • U kunt ook op het pictogram klikken

    Android7expandmore
    Android7expandmore

    onder elk frame om de timing aan te passen als u wilt dat bepaalde frames langer of sneller verschijnen tijdens het afspelen van animaties.

Maak geanimeerde's met Photoshop Stap 10
Maak geanimeerde's met Photoshop Stap 10

Stap 10. Klik op Bestanden selecteer vervolgens Exporteren en klik Opslaan voor internet (verouderd).

Daarna worden de exportopties voor het webafbeeldingsformaat weergegeven.

Maak geanimeerde's met Photoshop Stap 11
Maak geanimeerde's met Photoshop Stap 11

Stap 11. Klik op Opslaan

Als u de geanimeerde-g.webp

Zorg ervoor dat "-g.webp" />
Maak geanimeerde's met Photoshop Stap 12
Maak geanimeerde's met Photoshop Stap 12

Stap 12. Selecteer een bestandsnaam en opslaglocatie en klik vervolgens op Opslaan

Het geanimeerde GIF-bestand wordt daarna geëxporteerd. Nu kunt u de afbeelding openen, uploaden naar internet of naar vrienden verzenden.

Methode 2 van 2: Animaties maken van video's

Maak geanimeerde's met Photoshop Stap 13
Maak geanimeerde's met Photoshop Stap 13

Stap 1. Open Photoshop

Deze app wordt gemarkeerd door een lichtblauw "Ps"-pictogram op een donkere achtergrond.

Maak geanimeerde's met Photoshop Stap 14
Maak geanimeerde's met Photoshop Stap 14

Stap 2. Open het videobestand

Daarna wordt de video geïmporteerd in Photoshop en in het tijdlijnvenster onderaan het programmavenster geplaatst. Om het te plaatsen, kunt u het videobestand rechtstreeks naar het Photostop-venster slepen en neerzetten, of:

  • Klik Bestanden selecteer Open.
  • Selecteer het gewenste videobestand.
  • Klik Open.
Maak geanimeerde's met Photoshop Stap 15
Maak geanimeerde's met Photoshop Stap 15

Stap 3. Pas de duur aan

Klik op het begin en einde van het videobestand op de tijdlijn en sleep elke sectie in tegengestelde richtingen om het begin- en eindpunt van de video aan te passen terwijl deze wordt afgespeeld.

Als u de wijzigingen wilt bekijken, drukt u op de afspeelknop aan de linkerkant van het tijdlijnvenster

Maak geanimeerde's met Photoshop Stap 16
Maak geanimeerde's met Photoshop Stap 16

Stap 4. Pas de snelheid aan

Als u de afspeelsnelheid van de video wilt versnellen of vertragen, kunt u met de rechtermuisknop op een clip in de tijdlijn klikken en de parameter "Snelheid" wijzigen. U kunt een nieuw percentage invoeren (bijvoorbeeld 50% om de video met de helft van de oorspronkelijke snelheid af te spelen, of 200% om de video met dubbele snelheid af te spelen) of:

  • Klik

    Android7expandmore
    Android7expandmore

    en sleep de schuifregelaar naar links of rechts om de draaisnelheid handmatig aan te passen.

Maak geanimeerde's met Photoshop Stap 17
Maak geanimeerde's met Photoshop Stap 17

Stap 5. Pas het formaat van de afbeelding aan

Als u video's van HD-kwaliteit importeert, is het mogelijk dat de afbeeldingsgrootte vrij groot is. Als u een geanimeerde-g.webp

  • Klik Afbeelding.
  • Klik Afbeeldingsgrootte.
  • Voer de nieuwe afbeeldingsgrootte in (350 x 197 is de aanbevolen grootte voor HD-video).
  • Klik Oke.
  • Klik Overzetten.
Maak geanimeerde's met Photoshop Stap 18
Maak geanimeerde's met Photoshop Stap 18

Stap 6. Klik op Bestand, Kiezen Exporterenen klik op Opslaan voor internet (verouderd).

Daarna worden de exportopties voor het webafbeeldingsformaat weergegeven.

Maak geanimeerde's met Photoshop Stap 19
Maak geanimeerde's met Photoshop Stap 19

Stap 7. Selecteer de gewenste kwaliteitsversie

Als u de geanimeerde-g.webp

Zorg ervoor dat de optie "GIF" is geselecteerd in de vervolgkeuzelijst aan de rechterkant, zodat de video wordt opgeslagen als een GIF-bestand dat animatie ondersteunt, niet als JPEG of PNG

Maak geanimeerde's met Photoshop Stap 20
Maak geanimeerde's met Photoshop Stap 20

Stap 8. Klik op

Android7expandmore
Android7expandmore

die naast Looping-opties en selecteer de gewenste optie.

Het staat in de rechterbenedenhoek van het venster. Geef op of de animatie één keer wordt afgespeeld of continu wordt herhaald.

Maak geanimeerde's met Photoshop Stap 21
Maak geanimeerde's met Photoshop Stap 21

Stap 9. Klik op Opslaan

Daarna wordt het venster voor het opslaan van bestanden geopend.

Maak geanimeerde's met Photoshop Stap 22
Maak geanimeerde's met Photoshop Stap 22

Stap 10. Selecteer een bestandsnaam en opslaglocatie en klik vervolgens op Opslaan

Je geanimeerde-g.webp

Tips

Voor " Looping Options " kunt u ook " Others" " selecteren en het aantal herhalingen van de animatie specificeren in plaats van "Once" of "Forever" opties

Aanbevolen: