Skapa animering i Adobe Photoshop

I Adobe Photoshop, som börjar med version CS3 Extended, kan du arbeta med animering. Gif-bilder skapas från en uppsättning ramar eller direkt från videoklipp. Så gör du själv en dynamisk bild för webbplatsen, avatars, presentationer? hälsningskort. Liknande grafik kan användas i andra projekt eller under installationen. Lär dig hur man gör animering i Photoshop för att arbeta fritt med den här typen av bilder.

Adobe Photoshop har många funktioner, inklusive skapandet av animeringar.

Du behöver inte vara konstnär eller designer. Alla funktioner är tydliga även för nybörjaren. Det kräver endast den första uppsättningen ramar från vilka giffilen kommer att skapas.

Animering från video

Det enklaste sättet är att konvertera video till animering. Inget behov av att konfigurera någonting. Öppna bara videon i Photoshop. Verktyget accepterar avi, mov, mp4, mpg, mpeg, m4v format. För att köra dem korrekt måste du installera QuickTime. Mediefilen som läggs till på detta sätt kan inte redigeras eller trimmas. Konvertera bara till grafik.

Men det finns en annan metod. Så här gör du gif från filmer i Photoshop:

  1. Gå till Arkiv - Importera.
  2. Klicka på "Ramar från video till lager".
  3. En meny öppnas med vissa inställningar. Det kommer att finnas en mini-förhandsgranskningsspelare till höger.
  4. I fältet "Område" väljer du en av parametrarna: "Från början till slut" eller "Endast vald". I det andra fallet kommer den valda delen av videon att sättas in. För att klippa det önskade fragmentet flyttar du de svarta markörerna under spelaren. I projektet läggs ett stycke som ligger mellan dem.
  5. Maximalt 500 bilder kan laddas i Photoshop. Om arbetsmaterialet är större än detta värde måste det klippas eller läggas till i delar till olika dokument.
  6. Markera rutan "Skapa ram animering". Så alla nödvändiga inställningar kommer automatiskt att appliceras på videon. Utan detta måste dynamiken ställas in manuellt.
  7. Med "Lämna varje [nummer]" -parametern kan du importera inte alla bilder, men låt oss säga var tredje. Den resulterande GIF kommer att vara intermittent.
  8. Bekräfta åtgärden och vänta tills verktyget behandlar filmen.
  9. Gå till "Fönster - Arbetsmiljö" och välj "Motion". Denna uppsättning installationer passar bäst för att skapa animerade bilder.
  10. Nedan kommer det att finnas en viss analog av mediaspelaren. Den indikerar bildfrekvensen. Det finns en "Play" -knapp, spola tillbaka, bildskala. Alla bilder visas i sin tur.
  11. De kommer också att distribueras i lager, vars lista finns längst ner till höger i Photoshop-fönstret. Klicka på en av dem för att arbeta med en separat bild.
  12. Du kan radera några ramar eller redigera dem.
  13. Alla bilder kommer att ligga i samma område. Detta är inte särskilt bekvämt. För att stänga av lagerets synlighet, klicka på ögonsymbolen bredvid den. Bildrutan förblir i dokumentet och visas vid behov i gif-animationen. För att visa den igen, klicka på den plats där "ögat" var.
  14. Om du vill prova en annan typ av visualisering (under akvarell, pennor, neonljus), klicka på "Filter" i menyraden.
  15. För att lägga till Photoshop-effekter (glöd, skugga, gradient, mönster), högerklicka på lagret och välj Blandningsalternativ.
  16. För att byta bilder, dra dem.
  17. För att välja visningstid (eller fördröjning) för ramen, klicka på den lilla svarta triangeln under den.

Animering från bilder

Så här skapar du animering i Photoshop med bilder:

  1. Sätt in de nödvändiga bilderna. Lägg till var och en av dem i ditt lager (ta bort lagret som heter "Bakgrund").
  2. Vanligtvis öppnas bilderna i Windows eller flikar (beroende på inställningarna för Photoshop-gränssnittet). För att kombinera dem i ett arbetsområde, kopiera dem där eller flytta dem. De kommer automatiskt att gå till nya lager.
  3. Gå till Fönster - Arbetsytor - Motion. Aktiverar animeringspanelen med spelaren.
  4. Välj det lager som ska vara den första ramen i din GIF.
  5. Gör de återstående arken osynliga genom att klicka på ögonsymbolen bredvid dem.
  6. På spelarpanelen klickar du på knappen "Convert to Animation" längst ner till höger. Det ser ut som en rektangel uppdelad i tre delar.
  7. Det kommer att finnas en ram med det lager du valt. Kopiera det. För att göra detta klickar du på den lilla knappen "Skapa en kopia."
  8. Gör det antal bilder du behöver.
  9. Det visade sig gif animering från en bild. För att fixa det här klickar du på den andra ramen och gör det andra lagret synligt och tar bort "ögat" från det första. Det önskade objektet visas.
  10. Så "fyll i" bilderna en efter en.

Om du skapar en stor layout, kommer den här metoden att ta lång tid. I det här fallet kan du göra följande:

  1. På animeringsverktyget i övre högra hörnet (på panelen själv och inte i Photoshop-fönstret) finns en knapp som ser ut som en lista med en pil. Klicka på den.
  2. I menyn som visas väljer du "Skapa ramar från lager".

Med bilder är samma åtgärder tillgängliga som med bilder från videon.

Spara gif animationer

Det är viktigt att förstå hur man sparar animationen i Photoshop. Om du ordnar det som en psd-fil eller en "statisk" bild med förlängningen jpg, bmp, png, kommer det inte att vara någon mening. I stället för att flytta, transformera eller flimra får du en frusen ram. För att göra en uppsättning ändrade bilder måste du konvertera dokumentet till GIF-format.

  1. När det är gjort i Photoshop, bråttom inte för att stänga det och förvandla det till ett psd-projekt.
  2. Gå till Arkiv - Spara som. Eller tryck på Skift + Ctrl + S.
  3. Ge namnet på din skapelse och ange den mapp som du vill uttrycka den.
  4. På listrutan Typ väljer du CompuServe GIF.
  5. Bekräfta åtgärden.

Helt enkelt för att förstå Photoshop-programmet, hur man gör en animering. Även om du inte är en professionell webbdesigner kan du skapa en liknande bild. Du kommer att ha en unik konst samlad av dig själv.