Podes crear un GIF en Adobe Illustrator?

A verdade é que non podes facer un GIF só en Adobe Illustrator . Si, os pasos iniciais pódense facer en Adobe Illustrator. É dicir, podes preparar as mesas de traballo para o GIF animado en Adobe Illustrator, pero terás que exportar as mesas de traballo a un creador de GIF ou usar Photoshop para crear o GIF real.

Neste titorial, aprenderás a crear GIF animados en Adobe Illustrator e Photoshop. Dividirei os titoriais en dúas partes.

A parte 1 presentará os pasos que hai que facer en Adobe Illustrator e a parte 2 mostrarache como converter mesas de traballo en GIF animados en Photoshop. Se non es usuario de Photoshop, non te preocupes, tamén che mostrarei como facer un GIF usando os creadores de GIF en liña.

Nota: as capturas de pantalla deste titorial están tomadas da versión Mac de Adobe Illustrator CC 2022 e da versión Mac de Photoshop CC 2022. Windows ou outras versións poden ter un aspecto diferente.

Parte 1: Crear un GIF en Adobe Illustrator

Se Adobe Illustrator non anima, por que o usamos para crear un GIF? Resposta sinxela: porque necesitas crear os vectores para o GIF en Adobe Illustrator e a clave é ter diferentes cadros/accións separadas en diferentes mesas de traballo.

Por moi confuso que poida parecer, o entenderás mentres che mostro aquí un exemplo con pasos detallados.

Paso 1: Crea un novo AdobeArquiva Illustrator e establece o tamaño da mesa de traballo en 400 x 400 px (só a miña suxestión, non dubides en configurar calquera outro tamaño que che guste).

Xa que vai ser un GIF, non recomendo ter un ficheiro grande e o mellor é que a mesa de traballo sexa un cadrado.

Paso 2: Crea unha icona ou ilustración que desexes animar. Por exemplo, vou facer un GIF de choiva, así que crearei unha forma de nube e algunhas gotas de choiva.

Todas as formas están na mesma mesa de traballo neste momento, polo que o seguinte paso é dividilas en diferentes mesas de traballo para crear os cadros de animación.

Paso 3: Crea novas mesas de traballo. Estas mesas de traballo serán os cadros máis adiante en Photoshop, polo que o número de mesas de traballo depende do número de cadros/accións que queiras que teña o GIF.

Por exemplo, engadín cinco mesas de traballo adicionais, polo que agora teño seis mesas de traballo en total.

Non te estreses se non estás seguro neste momento, sempre podes engadir ou eliminar mesas de traballo máis tarde.

Paso 4: Copia e pega as formas nas novas mesas de traballo. Se estás editando na mesma forma, podes copiala en todas as mesas de traballo e facer as edicións en cada mesa de traballo.

Nota: é moi importante colocar as formas nas novas mesas de traballo ao facer un GIF. O atallo de teclado para colocar un obxecto copiado no mesmo lugar é Comando + F ( Ctrl + F para usuarios de Windows).

Os elementos sobre oAs mesas de traballo deben seguir unha secuencia de como se mostrará o GIF.

Por exemplo, a forma da nube mostrarase no GIF todo o tempo, así que copia a forma da nube a todas as mesas de traballo novas. Tamén podes engadir elementos á túa nova mesa de traballo un por un. Túa decisión.

Decide que parte se mostrará a continuación e organiza as mesas de traballo seguindo a secuencia do cadro que se mostrará no GIF.

No meu caso, quero que se amose primeiro a pinga de choiva media, así que a xuntarei coa forma da nube na mesa de traballo 2. Despois, nos seguintes cadros (mesas de arte), engadirei as pingas de choiva. nos lados un por un.

Unha vez que tiña todas as mesas de traballo configuradas, decidín eliminar as pingas de choiva da primeira mesa de traballo, polo que agora as miñas mesas de traballo teñen este aspecto e están listas para funcionar.

Paso 5: Pon un nome ás mesas de traballo e colócaas nunha secuencia de como queres que se vexan nun GIF. Nomearémolos do cadro 1 ao cadro 6 para que sexan máis fáciles de identificar máis tarde en Photoshop.

Paso 6: Exporta as mesas de traballo. Vaia ao menú superior Ficheiro > Exportar > Exportar para pantallas e escolla Exportar mesas de traballo .

Deberías ver as túas mesas de traballo gardadas como imaxes individuais con nomes.

Remataches o traballo en Adobe Illustrator, continuemos co proceso de animación en Photoshop.

Parte 2: Facer un GIF en Photoshop

Unha vez que teñas todos os fotogramas listos, sótarda uns minutos en crear un GIF animado en Photoshop.

Paso 1: Crea un novo documento en Photoshop, do mesmo tamaño que o ficheiro Adobe Illustrator da parte 1. No meu caso, sería de 400 x 400 píxeles.

Paso 2: Arrastre as imaxes que exportou de Adobe Illustrator a Photoshop e mostraranse como capas.

Paso 3: Vaia ao menú superior Xanela > Cronoloxía ou pode cambiar directamente o espazo de traballo a Movemento .

Deberías ver un espazo de traballo Timeline na parte inferior da túa xanela de Photoshop.

Paso 4: Fai clic en Crear animación de cadros no espazo de traballo da liña de tempo e verás a capa superior que se mostra no espazo de traballo da liña de tempo.

Paso 5: Fai clic na esquina superior dereita da xanela da liña de tempo para abrir o menú dobrado e escolla Crear marcos a partir de capas .

Entón todas as capas mostraranse como marcos.

Como podes ver, o primeiro cadro está baleiro, porque despois é o fondo. Podes eliminar o primeiro fotograma seleccionando o fotograma e facendo clic no botón Elimina os fotogramas seleccionados na xanela da liña de tempo.

Paso 6: Fai clic na frecha cara abaixo debaixo de cada fotograma para cambiar a velocidade de cada fotograma en consecuencia. Por exemplo, cambiei a velocidade de todos os fotogramas a 0,2 segundos.

Podes facer clic no botón de reprodución para ver o aspecto do GIF. Unha vez que estea feliz co resultado. O último pasoé exportalo como GIF.

Paso 7: Vaia ao menú superior Ficheiro > Exportar > Gardar para a web (herdado) .

No menú de configuración, o máis importante é escoller GIF como tipo de ficheiro e escoller Para sempre como Opcións de corte. Cambias outras configuracións en consecuencia.

Fai clic en Gardar e parabéns! Acabas de crear un GIF animado.

Como facer un GIF sen Photoshop

Non está familiarizado con Photoshop? Tamén podes crear un GIF sen Photoshop. Hai moitas ferramentas en liña que che permiten facer un GIF de balde.

Por exemplo, EZGIF é un popular creador de GIF e é fácil de usar. Todo o que tes que facer é cargar as túas imaxes, escoller unha velocidade de reprodución e creará automaticamente o GIF por ti.

Conclusión

Adobe Illustrator é onde creas os elementos da animación e Photoshop é onde creas o GIF animado.

Unha opción máis sinxela sería usar un creador de GIF en liña. A vantaxe é que che aforraría moito tempo, especialmente se non estás familiarizado con Photoshop. Non obstante, prefiro a flexibilidade de Photoshop porque teño máis control sobre os marcos.