Com fer un GIF a Adobe Photoshop

Com fer un GIF a Adobe Photoshop

Els GIF són a tot arreu. L'imaginària imatge animada que ara era humil és ara el llenguatge no oficial de la xarxa. Els GIF són la forma més ràpida d’expressar una emoció a Twitter i podeu perdre hores veient-los a Reddit i Facebook.





Hi ha un munt de llocs on trobar GIF, però res és millor fer-ne de vostres. Podeu crear un GIF animat a Photoshop convertint vídeos o fent servir una sèrie d’imatges estàtiques. Vegem com fer les dues coses.





Feu un GIF a Photoshop a partir d'un vídeo

Hi ha moltes maneres de fer-ho convertir un vídeo en un GIF , i també és molt fàcil crear un GIF a Photoshop mitjançant una de les vostres pròpies pel·lícules.





Comenceu anant a Fitxer> Importa> Marcs de vídeo a capes . No cal que primer creeu un fitxer nou. Seleccioneu el vostre vídeo i feu clic a Obert .

Al quadre de diàleg següent, podeu triar si voleu importar tot el vídeo o només una porció seleccionada. Si opteu per aquest últim, arrossegueu els mànecs de retall per sota de la finestra de previsualització cap a dins per establir nous punts d’inici i finalització. Tot el que hi hagi entre aquestes manetes serà importat; tot el que es descarta fora.



Tingueu en compte que, com més vídeo importeu, més gran serà el vostre GIF resultant.

Si importeu un clip gran, seleccioneu Límit a cada 2 marcs (o més) és una manera senzilla de reduir la mida sense afectar massa la qualitat. Tanmateix, no retalleu massa marcs, ja que no acabareu amb un GIF suau.





Assegura't Feu animació de marcs està marcat i feu clic a D'acord . El vídeo començarà a importar-se. Pot trigar una estona en funció de la mida que tingui. Quan hàgiu acabat, tindreu un fitxer d'imatge nou, on cada fotograma del vídeo es col·locarà a la seva pròpia capa.

A la part inferior de la pantalla hi ha el fitxer Cronologia paleta. Es mostren tots els fotogrames que formaran el vostre GIF, que corresponen a cada fotograma a una capa diferent de la imatge.





Podeu afegir o eliminar marcs o editar qualsevol de les capes existents tal com ho faríeu amb una capa normal en qualsevol altra imatge. Però per a una exportació directa d'un vídeo a un GIF, només cal que premeu el botó Jugar botó a la part inferior per obtenir una previsualització. Quan estigueu contents, ja esteu a punt per desar el GIF.

Com exportar un GIF a Photoshop

Anar a Fitxer> Exporta> Desa al web (heretat) . Al quadre que s’obre, configureu el format a GIF, Colors a 256 i reduïu el fitxer Mida de la imatge a una cosa més petita com a forma de mantenir la mida global del fitxer baix.

Podeu veure la mida del fitxer resultant a la part inferior esquerra de la finestra de vista prèvia. Si és massa gran, arrossegueu el fitxer Pèrdua control lliscant cap a la dreta. Això afectarà la qualitat, però també reduirà significativament la mida del fitxer.

Finalment, colpeja Desa per exportar el vostre GIF animat.

Creeu un GIF a Photoshop amb imatges fixes

Si no teniu cap vídeo per utilitzar, podeu crear un GIF manualment a partir d'una sèrie d'imatges estàtiques. Hi ha aplicacions que us ajudaran animar fotos al telèfon , i també podeu fer-ho a Photoshop.

Podeu fer el vostre GIF a partir d’un únic fitxer d’imatges que conté diverses capes i les capes s’utilitzen per proporcionar el contingut de cada fotograma de la vostra animació. Hi ha dues maneres de començar.

Si ja heu creat les imatges de la vostra animació, importeu-les anant a Fitxer> Scripts> Carrega fitxers a la pila .

què volen dir aquests emojis junts

Feu clic a Navega , seleccioneu totes les imatges que necessiteu i premeu D'acord . A continuació, cada imatge es col·locarà a la seva pròpia capa individual dins del mateix fitxer.

Com a alternativa, si encara no heu creat les imatges, feu-ho ara. Recordeu que cada part de l'animació ha d'anar a la seva pròpia capa.

Editeu un GIF animat a Photoshop

Així és com funciona:

  • Quan creeu manualment un marc a l'animació, totes les capes de la imatge configurades a visible s'inclourà en aquest marc.
  • Capes configurades a Amagat no s'inclourà al marc.

Podeu crear l'animació mostrant o amagant diferents capes dins de la imatge per a cada fotograma.

Per tant, és possible que vulgueu establir la capa de fons per al primer marc visible i totes les altres capes a Amagat . A continuació, al segon marc és possible que vulgueu fer visible la segona capa i, a continuació, la tercera capa al tercer marc, etc. Quedarà clar quan comenceu.

Primer, aneu a Finestra> Cronologia . Al centre del tauler que s’obre, feu clic a Crea animació de marcs . Això crea el primer marc de la vostra animació. A la Capes paleta, amagueu les capes que no voleu que formin part d'aquest marc desmarcant Ull icones.

Ara feu clic a Nou marc , que duplicarà el marc anterior. Una vegada més, amagueu les capes que no voleu incloure en aquest nou marc i feu visibles les que feu.

Repetiu aquest procés fins que hàgiu afegit tots els marcs que necessiteu al GIF.

Estableix la velocitat de fotogrames i fes un GIF en bucle

Per acabar, configureu el fitxer Retard del marc Aquesta és, en efecte, la velocitat de fotogrames. Feu clic al primer marc i després Feu clic amb majúscules l’últim fotograma.

Ara feu clic a la fletxa desplegable que hi ha a sota d’un dels fotogrames i seleccioneu un retard. Cap demora significa que l'animació es desenvoluparà ràpidament, mentre que un nombre específic de segons significa que cada fotograma romandrà a la pantalla durant aquest període de temps.

Finalment, configureu el fitxer Opcions de bucle , que trobareu a la part inferior del tauler de la cronologia. Estableix quantes vegades es reproduirà el GIF. En la majoria dels casos, voldreu establir-lo a Per sempre .

Ara premeu el botó Jugar a la part inferior de la pantalla per previsualitzar el vostre GIF. Ara hauríeu de veure el vostre GIF animat en acció.

Podeu editar marcs només seleccionant-los i ajustant quines capes són visibles (també podeu ajustar l’opacitat o fer altres ajustaments més avançats). Afegiu més capes si les necessiteu o premeu el botó Paperera per eliminar-los.

Quan estigueu contents, podeu passar a la secció Exporta un GIF. O seguiu llegint per perfeccionar l'animació i crear un GIF suau.

Animacions avançades amb interpolació

Photoshop admet una potent funció d’animació anomenada interpolació. Això us permet crear animacions GIF suaus generant automàticament fotogrames de transició entre dos fotogrames existents.

Per exemple, suposem que voleu que s'esvaís una capa. Creeu un marc amb aquesta capa configurada a Amagat , i un altre amb això definit visible . A continuació, us 'entreu' entre aquests dos marcs i Photoshop farà la resta.

En el nostre exemple, anirem entre tots els fotogrames per donar al nostre cel estrellat un efecte més brillant.

Primer, seleccioneu el primer marc i feu clic a Tween de la barra d'eines a la part inferior del tauler de la cronologia.

Al quadre de diàleg que s'obre, configureu Tween amb a Següent marc , i Marcs per afegir al nombre de marcs de transició que vulgueu. Un nombre més alt significa un efecte més suau però més lent. Feu clic a D'acord per generar els nous marcs.

el meu iPhone no es connecta al meu ordinador

Ara repetiu el procés per a la resta de marcs originals que heu creat. Quan obtingueu l'últim, és possible que vulgueu configurar-lo Tween amb a Primer marc . Això ajuda a crear una transició suau cap a l'inici d'un GIF en bucle.

Premeu el botó Jugar per previsualitzar l’efecte.

Exporteu un GIF a Photoshop

Quan hàgiu acabat, primer heu de desar el fitxer en format PSD. D’aquesta manera es desarà tota la informació de capa i animació perquè pugueu tornar-la i editar-la més endavant si ho necessiteu. Després, podeu exportar-lo com a GIF.

Anar a Fitxer> Exporta> Desa al web (heretat) . Al quadre de diàleg que s'obre, assegureu-vos que el format estigui configurat a GIF i el fitxer Colors L'opció s'estableix en 256 (això garanteix la màxima qualitat).

Altres paràmetres que és possible que vulgueu canviar inclouen el fitxer Mida de la imatge i Opcions de bucle si no ho feies abans.

La finestra de previsualització mostra la mida del fitxer quan el deseu. També podeu fer clic a Vista prèvia per provar l'animació en una finestra del navegador. Finalment, feu clic a Desa per desar i exportar el vostre GIF.

Creeu i editeu GIF a Photoshop

És bastant fàcil fer un GIF a Photoshop i val la pena fer-ho perquè us proporciona un control complet sobre el resultat.

I si no teniu Photoshop, no us preocupeu. Hi ha molts editors menys costosos que també tenen funcions de creació de GIF.

Compartir Compartir Tweet Correu electrònic Les 5 millors aplicacions per crear GIF per al vostre telèfon intel·ligent

De vegades, el GIF adequat per a les vostres necessitats no està disponible en línia. Per això, necessiteu una d’aquestes aplicacions per a fabricants de GIF.

Llegiu a continuació
Temes relacionats
  • Creativa
  • Adobe Photoshop
  • GIF
  • Tutorial de Photoshop
Sobre l'autor Andy Betts(221 articles publicats)

Andy és un ex-periodista imprès i editor de revistes que fa 15 anys que escriu sobre tecnologia. En aquest temps ha col·laborat en innombrables publicacions i ha realitzat treballs de redacció per a grans empreses tecnològiques. També ha proporcionat comentaris d'experts als mitjans de comunicació i ha organitzat panells en esdeveniments de la indústria.

Més d'Andy Betts

Subscriu-te al nostre butlletí

Uniu-vos al nostre butlletí per obtenir consells tècnics, ressenyes, llibres electrònics gratuïts i ofertes exclusives.

Feu clic aquí per subscriure-us