REC

Tips om videoinspelning, produktion, videoredigering och underhåll av utrustning.

 WTVID >> Sverige Video >  >> Videoredigering >> Adobe Photoshop

Hur man skapar en före/efter animerad GIF i Photoshop

I den här självstudievideon visar Aaron Nace från Phlearn hur du skapar en cool före och efter GIF av en bild som du kan lägga upp på sociala medier för att visa dina redigeringsförmåga (eller något annat du vill visa på det här sättet).

Först måste du få bilderna "Före" och "Efter". I många fall kommer "Före"-bilden att vara ett oredigerat foto (om vi gör en före/efter-redigerad GIF alltså). Detta kommer att vara bakgrundslagret för alla Photoshop-filer.

Från och med nu bör varje ändring du gör i en bild vara på ett nytt lager. När all redigering har gjorts står du kvar med "Efter"-bilden. Du behöver alla dessa ändringar för att vara synliga på ett enda lager för att skapa "Efter"-lagret.

Skapa nu ett nytt lager på toppen av dokumentet och navigera till "Bild - Använd bild". Välj "Merged", "Multiplicera" och se till att "Invertera" inte är markerad. Detta kommer att placera en kopia av din bild på ett lager – det här blir efter lagret.

Nästa steg är att duplicera lagren "Före" och "Efter" till ett nytt dokument. Börja med att skapa ett nytt dokument med storlek för webben (kolla in det här diagrammet som referens).

När du har skapat ett nytt dokument, välj både "Före" och "Efter" lagren från originalbilden och klicka + dra dem till det nya dokumentet. Var noga med att välja båda lagren när du gör några justeringar, eftersom du vill att de ska vara på samma plats.

Förvandla både "Före" och "Efter"-lagren till smarta objekt innan du transformerar dem i det nya dokumentet. Detta låter dig ändra bildstorleken utan att det påverkar kvaliteten på videon.

För att skapa animationen, gå till "Fönster> Tidslinje" för att öppna animationens tidslinje och klicka på "Skapa ny ramanimering".

Använd ikonen "Ny ram" för att skapa ramar från lagren "Före" och "Efter". Välj bildlängd och hur många gånger animeringen ska upprepas. I det här exemplet väljer vi "3 sekunder" och "Forever". Var noga med att trycka på "Spela"-knappen för att se animationen på tidslinjen.

Det här är inte första gången vi har tittat på att skapa GIF:er. Om du vill skapa en enkel GIF och inte vill använda Photoshop – kan du använda onlinetjänster som giphy eller gfycat för att ladda upp och dela dina egna gifs. Vi har också andra enkla handledningar om ämnet, inklusive "Hur man förvandlar en video till en GIF i Photoshop" av Howard Pinsky och Bryan O'Neil Hughes "Hur man skapar en animerad GIF i Photoshop".

Du kan hitta många fler Photoshop-videosjälvstudier i LensVids Photoshop-sektion (och du kan hitta många fler Phlearn-videor i vår särskilda Phlearn undersektion).


  1. Hur man skapar en solnedgångseffekt i Photoshop

  2. Hur man skapar en dubbelfärgseffekt i Photoshop

  3. Hur man matchar färger i en sammansatt bild i Photoshop

  4. Hur man skapar en fantastisk Bokeh-effekt i Photoshop

  5. Hur man gör en underexponerad bild ljusare i Photoshop

Adobe Photoshop
  1. Hur man skapar en infraröd effekt i Photoshop (steg för steg)

  2. Hur man skapar en enkel sammansättning:Photoshop Creative

  3. Hur man skapar handritade ramar i Photoshop

  4. Hur man skapar en rörelseoskärpa effekt i Photoshop

  5. Hur man skapar en multipelexponeringseffekt i Photoshop

  6. Hur man gör en animerad GIF i Photoshop

  7. Hur man förvandlar en video till en GIF i Photoshop

  8. Hur man skapar en dubbelexponering i Photoshop på 3 minuter