Hvordan laver man en GIF korrekt i Photoshop?

Har du nogensinde undret digSådan laver du en GIF i Photoshop? Du er det rigtige sted, for i denne artikel vil vi forklare, hvordan du opnår det bedst muligt.

Hvordan laver man en GIF i Photoshop?

Hvis du nogensinde har spekuleret på detSådan laver du en GIF i Photoshop? I dag er din heldige dag, for på den måde lærer vi dig, hvordan du gør det korrekt ved hjælp af to forskellige metoder.

Men inden du viser dig, hvad der er den bedste måde at besvare dit spørgsmål om hvordan man laver en GIF i Photoshop, skal du afklare nogle relaterede grundlæggende. På den måde vil vi derefter etablere følgende:

Relaterede grundlæggende

Blandt de vigtigste begreber, som vi skal håndtere for at opnå en fuld forståelse af emnet i dag, er utvivlsomt:

GIF

GIF, et akronym for Graphics Interchange Formats, er et meget udbredt billedformat i webverdenen. I denne henseende er dens anvendelse almindelig både ved oprettelse af billeder og i realiseringen af ​​animationer.

På den anden side er GIF et format, der maksimalt når 256 farver uden at miste kvaliteten, selvom det har en begrænset farvepalet. Det er dog vigtigt at bemærke, at billedets kvalitet er lavere, hvis vi sammenligner det med andre formater, f.eks .: PNG.

Derudover kan vi som en besynderlig kendsgerning nævne, at GIF -formatet var i brug på grund af udseendet af det kraftfulde Flash -program i årtiet i 2000'erne. Det er dog dukket op igen i nyere tid som et resultat af inkorporering af nye funktioner , og den deraf følgende sociale accept.

I denne henseende er udtrykket GIF blevet anerkendt verden over som et ikon inden for udtrykket for POP -kultur. Derudover udgør det i dag et vigtigt supplement inden for virtuel kommunikation.

Jeg inviterer dig til at se følgende video, hvor du finder en måde at oprette din egen GIF.

Photoshop

Photoshop er et program specialiseret i grafisk design, som giver os en bred vifte af muligheder i forbindelse med oprettelse og redigering af billeder generelt. I denne henseende, selvom det er ret komplekst, kan vi bruge det komfortabelt, hvis vi følger de grundlæggende instruktioner.

På den anden side er det vigtigt at nævne, at Photoshop i dag betragtes som et af de bedste og største designværktøjer i verden. Faktisk bruges det ofte ikke kun af specialiserede grafiske designere, men også flere og flere amatører tør gå ind i denne vidunderlige verden af ​​farver.

Endelig har vi, at Photoshop tillader oprettelse af billeder i forskellige formater, blandt hvilke der skiller sig ud: JPEG, PNG og GIF. I denne henseende er programmet i stand til at generere disse ressourcer automatisk, når vi tilføjer udvidelsen af ​​billedet, og det er kompatibelt med navnet på et eller flere lag i en PSD -fil.

Med hensyn til dette sidste aspekt har vi, at GIF -type ressourcer genereres med grundlæggende alfa -gennemsigtighed. Programmet giver dig dog ikke mulighed for at justere kvalitetsparametrene for denne type billeder.

Endelig, hvis du er interesseret i at vide lidt mere om dette utrolige designværktøj, inviterer jeg dig til at læse vores artikel kaldet: ¿¿Sådan forbedres kvaliteten af ​​et billede i Photoshop?.

Hvordan laver man en GIF i Photoshop ved hjælp af tidslinjeanimation?

Først og fremmest at lære hvordan man laver en GIF i Photoshop Gennem tidslinjen skal vi få adgang til oprettelsen af ​​tidslinjeanimationer, som programmet tilbyder os. Efterfølgende skal vi følge disse enkle indikationer:

Opret et nyt dokument

Det første skridt, vi skal tage, er at oprette et nyt dokument, der angiver baggrundsstørrelse og indhold. I denne henseende er det vigtigt, at vi verificerer, at den etablerede farvetilstand er RGB, og at opløsningen opretholdes på 72 pixels per inch med en dybde på 8 bit pr. Kanal; også skal pixelforholdet være firkantet.

Definer varigheden og hyppigheden af ​​billedet

Det skal bemærkes, at denne type proces er baseret på de specifikationer, der svarer til billedets varighed og frekvens. For at opnå denne proces skal vi gå til indstillingen Tidslinjeindstillinger i dokumentet eller, hvis dette ikke er tilfældet, for at definere billedfrekvensen for tidslinjen, afhængigt af den version af Photoshop, som vi arbejder med.

Generelt, inden for Photoshop -animationsprocessen, refererer indstilling af et billeds varighed og frekvens til at finde en bestemt effekt. I denne henseende, når vi sætter disse specifikationer, er vores hensigt at give indtryk af, at billedet bevæger sig.

Så for at opnå den ønskede effekt er den første ting at gøre at gå til panelet Animation eller Tidslinje, alt efter omstændighederne. Dernæst bruger vi kontrollerne, der svarer til billedets varighed og frekvens.

Tilføj et nyt lag

Den mulighed, der præsenteres for os i denne del af proceduren, er at opnå udgaven af ​​visse aspekter relateret til de lag, der udgør vores image. På denne måde, når vi tilføjer et nyt lag, kan vi tilføje indhold, ændre eller klone det eksisterende, ligesom det også er muligt at lave animationer i hånden.

I denne henseende, uanset hvilket alternativ vi vælger, opnår vi den samme effekt, hvis vi vælger at konvertere baggrundslaget til et normalt lag. Derudover fungerer det til både billeder og videoer.

Føj indholdet til det nye lag

Efter at have foretaget nogen af ​​de tidligere handlinger, er det næste trin at tilføje det respektive indhold til det nye lag. Dernæst flytter vi den aktuelle tidsindikator til den tid eller ramme, hvor vi vil etablere det første hovedbillede af animationen.

Aktiver hovedbilleder

Dernæst skal vi aktivere hovedbillederne for en lagegenskab. For at gøre dette placerer vi os ved siden af ​​navnet på laget og klikker på trekanten, som vi finder lige der.

På dette tidspunkt vises en menu, hvorfra vi skal vælge stopuret og klikke på det. I denne forbindelse er det vigtigt at bemærke, at vi kan etablere hovedbilleder for flere lagegenskaber samtidigt.

Flyt indikatoren for aktuel tid, og skift en lagegenskab

Det næste trin er at flytte den aktuelle tidsindikator til den tid eller boks, hvor vi vil ændre lagets egenskab. For at gøre dette kan vi, afhængigt af vores mål, vælge et af disse alternativer: Ændre lagets placering, ændre lagets opacitet, ændre placeringen af ​​en lagmaske eller aktivere / deaktivere en lagmaske.

Tilføj yderligere lag med indhold, og definer deres lagegenskaber

Derudover er det i de fleste tilfælde også muligt at ændre farven på et objekt eller ændre det samlede indhold i en kasse. Hvis vi er i et af disse tilfælde, skal vi tilføje flere lag med det nye indhold og foretage de respektive ændringer.

Bestem, hvornår et lag vises

På dette tidspunkt skal vi flytte eller trimme baren, der svarer til lagets varighed, for at fastslå det øjeblik, hvor det vises i en video eller animation. På samme måde er dette det ideelle tidspunkt at definere den del af tidslinjen, som vi ønsker at få vist.

Se et eksempel på billedet

Når vi har fuldt ud overholdt hver af de foregående faser, er vi i stand til at få vist et eksempel på det billede, vi lige har oprettet. For at gøre dette er den første ting, vi skal gøre, at afspille animationen ved hjælp af kontrollerne i panelet Animation eller Tidslinje, afhængigt af den version af programmet, som vi arbejder med.

Dernæst kan vi forhåndsvise animationen fra en webbrowser, eller vi kan også vælge at bruge indstillingen Gem til web og enheder. I denne forbindelse kaldes denne mulighed i nogle versioner af Photoshop simpelthen Gem til web.

Gem animation

Det sidste trin og et af de vigtigste af alt er utvivlsomt at gemme animationen som en animeret GIF. For at gøre dette kan vi vælge kommandoen Gem til web og enheder i en version af Photoshop eller i tidslinjepanelet i nogle andre versioner af programmet.

På denne måde har vi afsluttet med undervisningen om ¿Sådan laver du en GIF i Photoshop? Gennem tidslinjen. Der er dog en anden metode, som vi vil vise dig nedenfor.

Hvordan laver man en GIF i Photoshop ved hjælp af rammeanimation?

En anden måde at lære på hvordan man laver en GIF i Photoshop bruger frame animation. I denne henseende er det vigtigt at præcisere, at proceduren ligner den, vi lige har udført, så vi vil ikke dvæle ved de detaljer, som vi allerede har forklaret i det foregående afsnit.

Åbn et nyt dokument

Som vi så i den foregående metode, er det første skridt, vi skal tage, at åbne et nyt dokument. For at gøre dette skal vi åbne panelerne, der svarer til Lag og Animation eller Tidslinje, afhængigt af programmets version, og sikre, at rammeanimationstilstanden er aktiv.

Tilføj et nyt lag

På dette tidspunkt er det gyldigt at konvertere baggrundslaget til et normalt lag, der understøtter animation. Eller det er også muligt at oprette et nyt lag, hvor vi kan tilføje indhold i efterfølgende trin.

Tilføj indhold til animation

Som det sker, når vi tilføjer indhold under tidslinjeanimationsmodellen, er det i dette tilfælde, vi ønsker at oprette nyt indhold eller ændre det eksisterende. På denne måde er det muligt, at vi i dette trin uafhængigt kan tilføje mere end et animeret objekt på samme tid; Derudover kan vi også oprette objekter på separate lag, hvilket er nyttigt, når vi vil ændre alt boksens indhold.

Tilføj en ramme

Uanset om vi arbejder fra animationspanelet eller fra tidslinjen, er det næste trin at tilføje yderligere rammer til animationen.

Rediger bokslag

På dette tidspunkt er den første ting, vi skal gøre, tidligere at vælge den ramme, som vi vil arbejde med. På en sådan måde, at vi senere kan vælge et af disse redigeringsalternativer: Aktiver / deaktiver synlighed for forskellige lag, ændr objektets placering, tilføj en stil til lagene, blandt andre.

I denne henseende kan vi om nødvendigt tilføje flere rammer og redigere deres lag. På denne måde kan vi oprette nye tabeller med mellemliggende ændringer gennem kommandoen Sorter.

Indstil gentagelse og billedforsinkelse

Dette trin refererer til etableringen af ​​den type udførelse, som vi ønsker, at animationen skal have. Det vil sige, at vi kan definere, om vi vil have det udført en eller flere gange, eller om det tværtimod vil gøre det kontinuerligt.

Forhåndsvis animation

Hensigten med dette trin er at få adgang til billedforhåndsvisningen via en webbrowser. For at gøre dette skal vi gøre brug af kontrollerne i animations- eller tidslinjepanelerne, alt efter omstændighederne.

Gem animation

Det sidste trin i vores procedure er at gemme animationen. For at gøre dette skal vi bruge kommandoerne Gem til web eller enheder eller Gem til web, afhængigt af versionen af ​​vores program.

På denne måde er vi nået til slutningen af ​​vores artikel, som vi håber har været meget nyttig for dig. Under alle omstændigheder, hvis du har spørgsmål, har du altid mulighed for at konsultere Photoshop -brugermanualen, som du kan downloade fra programmets officielle side.