Hur gör jag en GIF i Photoshop korrekt?

Har du någonsin undratHur man gör en GIF i Photoshop? Du är på rätt plats, för i den här artikeln kommer vi att förklara hur du uppnår det på bästa möjliga sätt.

hur-gör-en-gif-i-photoshop-1

En GIF är en ikon för aktuell POP -kultur, den är också en väsentlig del av virtuell kommunikation.

Hur gör jag en GIF i Photoshop?

Om du någonsin undratHur man gör en GIF i Photoshop? Idag är din lyckodag, eftersom vi på dessa sätt kommer att lära dig hur du gör det korrekt, med två olika metoder.

Men innan du visar dig vad som är det bästa sättet att svara på din fråga om hur man gör en GIF i Photoshop, måste du klargöra några relaterade grunder. På så sätt kommer vi att fastställa följande:

Relaterade grunder

Bland de huvudsakliga begreppen som vi måste hantera för att uppnå en fullständig förståelse av ämnet som berör oss idag är utan tvekan:

GIF

GIF, en förkortning för Graphics Interchange Formats, är ett allmänt använt bildformat i webben. I detta avseende är dess användning vanligt både vid skapandet av bilder och vid förverkligandet av animationer.

Å andra sidan är GIF ett format som når maximalt 256 färger, utan att förlora sin kvalitet, även om det har en begränsad färgpalett. Det är dock viktigt att notera att bildkvaliteten är lägre om vi jämför den med andra format, till exempel: PNG.

Som ett märkligt faktum kan vi också nämna att GIF -formatet var oanvändt på grund av utseendet på det kraftfulla Flash -programmet på 2000 -talet. Det har dock återuppstått på senare tid som ett resultat av införandet av nya funktioner och dess följaktligen social acceptans.

I detta avseende har termen GIF erkänts över hela världen som en ikon inom uttrycket för POP -kultur. Dessutom utgör det idag ett väsentligt komplement inom virtuell kommunikation.

Jag inbjuder dig att titta på följande video, där du hittar ett sätt att skapa din egen GIF.

Photoshop

Photoshop är ett program specialiserat på grafisk design, som erbjuder oss ett brett utbud av möjligheter relaterade till skapande och redigering av bilder i allmänhet. I detta avseende, även om det är ganska komplext, om vi följer de grundläggande instruktionerna, kan vi använda det bekvämt.

Å andra sidan är det viktigt att nämna att Photoshop idag betraktas som ett av de bästa och största designverktygen i världen. Faktum är att den ofta används inte bara av specialiserade grafiska formgivare, utan också fler och fler amatörer vågar gå in i denna underbara färgvärld.

Slutligen har vi att Photoshop gör det möjligt att skapa bilder i olika format, bland vilka sticker ut: JPEG, PNG och GIF. I detta avseende kan programmet generera dessa resurser automatiskt när vi lägger till filtillägget och det är kompatibelt med namnet på ett eller flera lager i en PSD -fil.

På denna sista aspekt har vi att resurser av GIF -typ genereras med grundläggande alfa -transparens. Men programmet tillåter dig inte att justera kvalitetsparametrarna för denna typ av bilder.

Slutligen, om du är intresserad av att veta lite mer om detta otroliga designverktyg, inbjuder jag dig att läsa vår artikel som heter: ¿¿Hur man förbättrar bildkvaliteten i Photoshop?.

hur-gör-en-gif-i-photoshop-2

Hur gör jag en GIF i Photoshop med tidslinje -animering?

Först och främst att lära sig hur man gör en GIF i Photoshop Genom tidslinjen måste vi komma åt skapandet av tidslinje -animationer som programmet erbjuder oss. Därefter måste vi följa dessa enkla indikationer:

Skapa ett nytt dokument

Det första steget vi måste ta är att skapa ett nytt dokument som anger bakgrundens storlek och innehåll. I detta avseende är det viktigt att vi verifierar att det etablerade färgläget är RGB, och att upplösningen förblir på 72 pixlar per tum, med ett djup av 8 bitar per kanal; pixelförhållandet måste också vara kvadratiskt.

Definiera bildens varaktighet och frekvens

Det är nödvändigt att påpeka att denna typ av process är baserad på specifikationerna som motsvarar bildens varaktighet och frekvens. För att få denna process måste vi gå till alternativet Tidslinjeinställningar i dokumentet eller, om det inte är möjligt, för att definiera bildfrekvensen för tidslinjen, beroende på vilken version av Photoshop som vi arbetar med.

Generellt sett, inom Photoshop -animationsprocessen, anger inställning av varaktighet och frekvens för en bild sökning efter en viss effekt. I detta avseende, när vi ställer in dessa specifikationer, är vår avsikt att ge intrycket av att bilden rör sig.

Så för att uppnå önskad effekt är det första du ska göra att gå till panelen Animation eller Tidslinje, beroende på vad som är fallet. Därefter använder vi kontrollerna som motsvarar bildens varaktighet och frekvens.

Lägg till ett nytt lager

Alternativet som presenteras för oss i denna del av proceduren är att uppnå utgåvan av vissa aspekter relaterade till de lager som utgör vår bild. På detta sätt, när vi lägger till ett nytt lager, kan vi lägga till innehåll, modifiera eller klona det befintliga, liksom det är också möjligt att göra animationer för hand.

I detta avseende, oavsett vilket alternativ vi väljer, får vi samma effekt om vi väljer att konvertera bakgrundsskiktet till ett normalt lager. Det fungerar också för både bilder och videor.

hur-gör-en-gif-i-photoshop-3

Lägg till innehållet i det nya lagret

Efter att ha utfört någon av de tidigare åtgärderna är nästa steg att lägga till respektive innehåll i det nya lagret. Därefter flyttar vi den aktuella tidsindikatorn till den tid eller ram där vi vill skapa den första huvudbilden av animationen.

Aktivera huvudbilder

Därefter måste vi aktivera huvudbilderna för en lageregenskap. För att göra detta finns vi bredvid lagrets namn och vi klickar på triangeln som vi hittar precis där.

Vid denna tidpunkt visas en meny där vi måste välja alternativet Stoppur och klicka på det. I detta avseende är det viktigt att notera att vi kan etablera huvudbilder för flera lageregenskaper samtidigt.

Flytta aktuell tidsindikator och ändra en lageregenskap

Nästa steg är att flytta den aktuella tidsindikatorn till den tid eller ruta där vi kommer att ändra lageregenskapen. För att göra detta kan vi, beroende på vårt mål, välja något av dessa alternativ: Ändra lagrets position, ändra lagrets opacitet, ändra lagermaskens position eller aktivera / inaktivera en lagermask.

Lägg till ytterligare lager med innehåll och definiera deras lageregenskaper

Dessutom är det i de flesta fall också möjligt att ändra färg på ett objekt eller ändra det totala innehållet i en låda. Om vi ​​är i ett av dessa fall, vad vi behöver göra är att lägga till ytterligare lager med det nya innehållet och göra respektive ändringar.

Bestäm när ett lager visas

Vid denna tidpunkt måste vi flytta eller trimma stapeln som motsvarar lagrets längd, detta för att fastställa det ögonblick då det visas i en video eller animering. På samma sätt är detta den perfekta tiden att definiera den del av tidslinjen som vi vill förhandsgranska.

Förhandsgranska bilden

När vi väl har uppfyllt alla de tidigare faserna kan vi förhandsgranska bilden som vi just skapat. För att göra detta är det första vi måste göra att spela animationen med hjälp av kontrollerna på panelen Animation eller Tidslinje, beroende på vilken version av programmet som vi arbetar med.

Därefter kan vi förhandsgranska animationen från en webbläsare, eller så kan vi också välja att använda alternativet Spara för webb och enheter. I detta avseende kallas detta alternativ i vissa versioner av Photoshop helt enkelt Spara för webben.

Spara animering

Det sista steget och ett av de viktigaste av allt är utan tvekan att spara animationen som en animerad GIF. För att göra detta kan vi välja kommandot Spara för webb och enheter i en version av Photoshop eller i tidslinjepanelen i några andra versioner av programmet.

På detta sätt har vi avslutat med undervisningen om ¿Hur man gör en GIF i Photoshop? Genom tidslinjen. Det finns dock en andra metod, som vi kommer att visa dig nedan.

Hur gör jag en GIF i Photoshop med ramanimering?

Ett andra sätt att lära sig hur man gör en GIF i Photoshop använder ramanimering. I detta avseende är det viktigt att klargöra att proceduren är ganska lik den vi just har utfört, så vi kommer inte att stanna kvar vid detaljerna som vi redan har förklarat i föregående avsnitt.

Öppna ett nytt dokument

Som vi såg i den föregående metoden är det första steget vi måste ta att öppna ett nytt dokument. För att göra detta måste vi öppna panelerna som motsvarar lager och animering eller tidslinje, beroende på programmets version, och se till att ramanimationsläget är aktivt.

Lägg till ett nytt lager

Vid denna tidpunkt är det giltigt att konvertera bakgrundsskiktet till ett normalt lager som stöder animering. Eller så är det också möjligt att skapa ett nytt lager där vi kan lägga till innehåll i efterföljande steg.

Lägg till innehåll i animering

Som händer när vi lägger till innehåll under tidslinjeanimationsmodellen, i det här fallet vill vi skapa nytt innehåll eller ändra det befintliga. På detta sätt är det möjligt att vi i detta steg oberoende kan lägga till mer än ett animerat objekt samtidigt; Dessutom kan vi också skapa objekt på separata lager, vilket är användbart när vi vill ändra allt innehåll i rutan.

Lägg till en ram

Oavsett om vi arbetar från animationspanelen eller från tidslinjen är nästa steg att lägga till ytterligare ramar till animationen.

Redigera rutan lager

Vid det här laget är det första vi måste göra tidigare att välja den ram som vi vill arbeta med. På ett sådant sätt att vi senare kan välja ett av dessa redigeringsalternativ: Aktivera / inaktivera synlighet för olika lager, ändra objektens position, lägg till en stil till lagren, bland andra.

I detta avseende kan vi vid behov lägga till fler ramar och redigera deras lager. På så sätt kan vi skapa nya ramar med mellanliggande ändringar genom kommandot Sortera.

Ställ in repetitions- och bildfördröjning

Detta steg refererar till upprättandet av den typ av körning som vi vill att animeringen ska ha. Det vill säga, vi kan definiera om vi vill att det ska köras en eller flera gånger, eller om det tvärtom kommer att göra det kontinuerligt.

Förhandsgranska animering

Avsikten med detta steg är att komma åt bildförhandsgranskningen via en webbläsare. För att göra detta måste vi använda kontrollerna i animerings- eller tidslinjepanelerna, i förekommande fall.

Spara animering

Det sista steget i vår procedur är att spara animationen. För att göra detta måste vi använda kommandona Spara för webb eller enheter eller Spara för webb, beroende på versionen av vårt program.

På detta sätt har vi nått slutet av vår artikel, som vi hoppas har varit till stor nytta för dig. Hur som helst, om du har några frågor har du alltid möjlighet att konsultera Photoshop -användarhandboken, som du kan ladda ner från programmets officiella sida.