Hur man skapar en GIF i Photoshop CC steg för steg

Skapa animerad GIF med Creative Cloud

Photoshop är en upplevelse i sig som förbättras avsevärt över tid och berör ögonblicket av hur man skapar en GIF med Photoshop CC 2020. Det vill säga, vi ska använda den senaste versionen av Photoshop för att skapa ett av de multimediainnehåll som är så fashionabla.

Du kan se GIF i chattapparna som gör att vi kan dela dem från Giphy, en webbplattform som låter oss ladda ner dem och till och med ladda upp vår egen. Så som här blir vi mästare på innehållsskapande, vi går med den här guiden som inte lämnar någon huvudlös marionett för en väl optimerad GIF som är visuellt lämplig att ladda upp vart vi vill.

Vad är en GIF?

Grattis på födelsedagen

Först och främst gör det klart att en GIF är ett komprimerat bildfilformat som resulterar i en cyklisk och oändlig animation; det vill säga om GIF-spelaren återstår att spela kommer den inte att sluta spela. I själva verket finns det konstnärliga GIF: er som reproducerar en video där samma scen verkar levande, till exempel att en droppe faller för att falla en annan i en oändlig process.

Liksom livets animering består en GIF av en serie bilder som spelas i följd skapar en illusion av rörelse. Det är ett format som idag har blivit väsentligt för alla typer av webbplatser som IMGUR eller samma chattappar som hjälper oss att söka efter en GIF för alla ämnen och spela en sekvens från en film eller ett "Oh" väl originalt utropstecken.

Vi kan ladda ner valfri GIF från webben för att överföra den till Photoshop och inse att sekvensen av bilder följde och det är de ramar som vi ska arbeta med i denna handledning.

Hur man skapar en GIF från bilder i Photoshop CC 2020

Först ska vi använda den senaste versionen av Photoshop från Creative Cloud. Med detta på bordet, låt oss skapa en GIF från bilder. Vi går igenom hela processen med ett dokument med samma bredd och längd som de bilder som vi kommer att använda för GIF:

  • Vi skapar en layout på 800 x 1067 pixlar med en upplösning på 72 pixlar (Vi skulle kunna sänka den så att GIF: s slutliga vikt skulle bli lägre)
  • Bildläget vi håller det i RGB
  • Vi skapar dokumentet

800 1067 till 72 px

Nu är det vi ska göra importera alla bilder för att skapa GIF-sekvens. I det här fallet har jag uppmuntrat det lilla trollet att få det att röra sig mot kameran med en serie bilder som tagits med min Galaxy Note10 + -telefon. Totalt finns det cirka 23 bilder så det kan ta en sekund eller två. Kom ihåg att vanliga filmer du tittar på är 24 eller 30 FPS.

  • Låt oss gå till Skript> Ladda filer att stapla
  • Detta öppnar bildläsare så att vi kan välja alla dessa som vi vill inkludera i GIF från mappplatsen

Ladda lager

  • Vi laddar dem och alla bilder öppnas i samma dokument (det tar en stund beroende på antalet bilder och deras storlek)

Detta kan också användas från en video som en källa för att senare skapa en GIF:

  • Helt enkelt från Arkiv> Importera> Skiktade videoramar
  • Och vi skulle som ett resultat ha samma tidigare dokument med alla ramar, men var uppmärksam på storleken på samma eftersom för varje sekund vi kunde ha 24 bilder eller 12 om det var en kort eller klassisk animation

Förbereder sekvensen för vår animerade GIF

Låt oss nu öppna tidslinjen för att hantera hela sekvensen:

  • Låt oss gå till Fönster> Tidslinje
  • Vi väljer knappen "Skapa ramanimering"

Skapa rutiga animationer

  • Nu måste vi klicka på ikonen för de tre vågräta staplarna i tidslinjen
  • Från popup-menyn väljer vi "Platta ramar till lager". På detta sätt kommer alla lager som skapats tidigare med bilderna som vi har importerat till Photoshop att passeras

Skapa ruta från lager

  • Nu i tidslinjen klickar vi på uppspelningsknappen för att kontrollera om vi måste klicka på «Invertera ramar»; just i samma hamburgarknapp som vi har tryckt tidigare
  • Vi gör det för att se om uppspelningen är kontinuerlig och som vi vill, eftersom det kan vara så att den reproduceras i omvänd ordning när bilderna av vår animerade GIF importeras

Nu kommer du att se det i tidslinjen har vi alla bilder av bilderna som utgör GIF animerad. I var och en av dessa ramar har vi en nedåtpil som visar antalet sekunder som varje "ram" eller ram håller.

Tidslinje

Om vi ​​gillar animering, och i det här fallet Vi har använt en serie bilder för att skapa vår egen sekvens Med vårt lilla troll ska vi öka eller minska tiden för varje ram eller ram för att göra animeringen mer realistisk.

Från 1 till 8 lämnar vi det som det äroch från ram 9 kommer vi att öka varaktigheten lite:

  • Välj med shift-knappen ramen eller ramarna att vi vill ändra varaktigheten
  • Vi trycker på nedpilen och vi ändrar tiden för att öka det lite. Till exempel vid 0,5 sekunder
  • Vi reproducerar och bedömer om rörelsen är för långsam. I mitt fall är det så jag försöker igen välja alla ramar och använda 0,2 sekunder
  • Optimerad animering och kan ta tidLåt oss kontrollera att GIF förblir i en oändlig slinga.
  • Strax nedanför tidslinjen ser du att den redan är konfigurerad som oändlig

Exporterar vår ramsekvens som en GIF

Spara som GIF i Photoshop

Nu har vi delen av exportera när vi redan har definierat animeringen eller den sekvens vi vill ha. Allt beror på mängden bilder som vi har importerat eller helt enkelt klippningen av det videoklippet som vi har använt för att skapa GIF.

  • Låt oss gå till Arkiv> Exportera> Spara för webben eller så använder vi bara tangentkombinationen: kontroll + versaler + alt + S
  • Vi väljer från GIF 128 Förinställd med dithering
  • 256 färger

Spara för webb-GIF-format

  • Nu om vi vill minska vikten på den animerade GIF kan vi ändra bredd och höjd i bildstorlek
  • Precis i slutet av fönstret måste vi leta efter animering och i upprepningsalternativ välja oändligt. Det här steget är viktigt så att det slingrar oavbrutet när det spelas
  • Du kan kontrollera resultatet av GIF-storleken längst ner till vänster. I det här fallet går vi med 7 MB så att vi kan minska storleken på bilden
  • Det kan spela med dithering-värdet för att minska flera megabyte vikten på filen. I förbigående minskar vi bilden till 400 bredd och i vårt fall har vi 2 MB vilket inte är dåligt för en GIF
  • Vi exporterar med Save

Troll GIF

Du kan se hur den animerade GIF som vi har gjort ser ut och att det är 2 MB att vara en liten sekvens är inte alls dåligt. Nu måste du använda din magi eller helt enkelt ta en videofil av några av dina inspelningar för att skapa dina egna helt optimerade GIF-filer.

du kan skapa en animerad GIF med Adobe Photoshop CC 2020 med all lätthet i världen och från detta fantastiska professionella verktyg som låter oss göra magiska saker.


Innehållet i artikeln följer våra principer om redaktionell etik. Klicka på för att rapportera ett fel här.

2 kommentarer, lämna din

Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

  1.   Mariana rubino sade

    Hej Manuel! Tack för handledningen! Mycket intressant! Hälsningar!

    1.    Manuel Ramirez sade

      Hej Mariana! Jag gillar att du gillar det. Hälsningar: =)