Animatie maken in Adobe Photoshop

In Adobe Photoshop, te beginnen met versie CS3 Extended, is werken met animatie beschikbaar. Gif-afbeeldingen worden gemaakt van een set frames of rechtstreeks van videoclips. Dus je maakt zelf een dynamische foto voor de site, avatars, presentaties? wenskaart. Vergelijkbare afbeeldingen kunnen worden gebruikt in andere projecten of tijdens de installatie. Leer hoe je animatie in Photoshop maakt om vrij te kunnen werken met dit soort afbeeldingen.

Adobe Photoshop heeft veel functies, waaronder het maken van animaties.

U hoeft geen artiest of ontwerper te zijn. Alle functies zijn duidelijk, zelfs voor de beginner. Het vereist alleen de initiële set frames waaruit het gif-bestand zal worden gemaakt.

Animatie van video

De eenvoudigste manier is om video naar animatie te converteren. U hoeft niets te configureren. Open gewoon de video in Photoshop. Het hulpprogramma accepteert de indelingen avi, mov, mp4, mpg, mpeg en m4v. Om ze goed te kunnen gebruiken, moet QuickTime zijn geïnstalleerd. Het mediabestand dat op deze manier is toegevoegd, kan niet worden bewerkt of getrimd. Converteer alleen naar afbeeldingen.

Maar er is een andere methode. Ga als volgt te werk om gif van films in Photoshop te maken:

  1. Ga naar Bestand - Importeren.
  2. Klik op 'Frames van video naar lagen'.
  3. Er wordt een menu geopend met enkele instellingen. Er is een mini-preview-speler aan de rechterkant.
  4. Selecteer in het veld "Bereik" een van de parameters: "Van begin tot einde" of "Alleen geselecteerd". In het tweede geval wordt het geselecteerde deel van de video ingevoegd. Als u het gewenste fragment wilt knippen, verplaatst u de zwarte markeringen onder de speler. Voeg in het project een stuk toe dat daartussen ligt.
  5. Er kunnen maximaal 500 frames in Photoshop worden geladen. Als het werkmateriaal groter is dan deze waarde, moet het in delen worden gesneden of toegevoegd aan verschillende documenten.
  6. Vink het vakje "Frame-animatie maken" aan. Alle noodzakelijke instellingen worden dus automatisch toegepast op de video. Zonder dit moet de dynamiek handmatig worden ingesteld.
  7. Met de parameter "Laat elk [nummer]" kunt u niet alle dia's, maar laten we zeggen elke derde importeren. De resulterende GIF komt met tussenpozen.
  8. Bevestig de actie en wacht totdat het hulpprogramma de film verwerkt.
  9. Ga naar "Venster - Werkomgeving" en selecteer "Beweging". Deze set installaties is het meest geschikt voor het maken van geanimeerde afbeeldingen.
  10. Hieronder staat een bepaald analoog van de mediaspeler. Het geeft de framesnelheid aan. Er is een knop "Afspelen", terugspoelen, schaal van het videospoor. Alle afbeeldingen worden om de beurt weergegeven.
  11. Ze worden ook in lagen verdeeld, waarvan de lijst rechtsonder in het Photoshop-venster staat. Klik op een van hen om met een aparte dia te werken.
  12. U kunt sommige kaders verwijderen of ze bewerken.
  13. Alle afbeeldingen bevinden zich in hetzelfde gebied. Dit is niet erg handig. Als u de laagzichtbaarheid wilt uitschakelen, klikt u op het oogpictogram ernaast. De dia blijft in het document en wordt indien nodig in de GIF-animatie weergegeven. Om hem opnieuw weer te geven, klikt u op de plaats waar het "oog" was.
  14. Als u een ander type visualisatie wilt proberen (onder waterverf, potloden, neonlichten), klikt u op 'Filters' in de menubalk.
  15. Als u Photoshop-effecten (gloed, schaduw, verloop, patroon) wilt toevoegen, klikt u met de rechtermuisknop op de laag en selecteert u Overvloeimogelijkheden.
  16. Als u dia's wilt omwisselen, sleept u ze.
  17. Om het tijdstip van weergave (of vertraging) van het frame te selecteren, klikt u op het kleine zwarte driehoekje eronder.

Animatie van foto's

U kunt als volgt afbeeldingen in Photoshop maken met afbeeldingen:

  1. Voeg de benodigde afbeeldingen in. Voeg ze allemaal toe aan je laag (verwijder de laag met de naam "Achtergrond").
  2. Meestal openen de afbeeldingen in vensters of tabbladen (afhankelijk van de instellingen van de Photoshop-interface). Om ze in één werkruimte te combineren, kopieer ze daarheen of verplaats ze. Ze gaan automatisch naar nieuwe lagen.
  3. Ga naar Venster - Werkruimten - Beweging. Activeert het animatiescherm met de speler.
  4. Selecteer de laag die het eerste frame in je GIF zou moeten zijn.
  5. Maak de resterende vellen onzichtbaar door op het oogpictogram ernaast te klikken.
  6. Klik in het spelerpaneel op de knop 'Converteren naar animatie' rechtsonder. Het lijkt op een rechthoek die in drie delen is verdeeld.
  7. Er is één frame met de laag die u hebt geselecteerd. Dupliceer het. Om dit te doen, klikt u op de kleine knop "Een kopie maken".
  8. Maak het aantal dia's dat je nodig hebt.
  9. Het bleek GIF-animatie van één afbeelding te zijn. Om dit op te lossen, klikt u op het tweede frame en maakt u de tweede laag zichtbaar, waarbij u het "oog" van de eerste verwijdert. Het gewenste object wordt weergegeven.
  10. Dus "vult" de dia's één voor één in.

Als u een grote lay-out maakt, duurt deze methode lang. In dit geval kunt u het volgende doen:

  1. Op het hulpmiddel Animatie in de rechterbovenhoek (op het paneel zelf en niet in het Photoshop-venster) bevindt zich een knop die lijkt op een lijst met een pijl. Klik erop.
  2. Selecteer 'Kaders van lagen maken' in het menu dat wordt weergegeven.

Bij afbeeldingen zijn dezelfde acties beschikbaar als bij dia's uit de video.

GIF-animaties opslaan

Het is belangrijk om te weten hoe u de animatie in Photoshop kunt opslaan. Als je het regelt als een psd-bestand of als een "statische" afbeelding met de extensie jpg, bmp, png, dan heeft dat geen zin. In plaats van te bewegen, transformeren of flikkeren, krijg je een bevroren frame. Als u een reeks veranderende afbeeldingen wilt maken, moet u het document converteren naar GIF-indeling.

  1. Wanneer u klaar bent in Photoshop, haast u dan niet om het te sluiten en er een psd-project van te maken.
  2. Ga naar Bestand - Opslaan als. Of druk op Shift + Ctrl + S.
  3. Geef een naam aan je creatie en specificeer de map waarin je het wilt plaatsen.
  4. Selecteer CompuServe GIF in de vervolgkeuzelijst Type.
  5. Bevestig de actie.

Simpel genoeg om de Photoshop-toepassing te begrijpen, hoe een animatie te maken. Zelfs als u geen professionele webontwerper bent, kunt u een vergelijkbare afbeelding maken. Je krijgt een unieke kunst die je zelf hebt verzameld.