Kan jy 'n GIF in Adobe Illustrator maak?

Die waarheid is, jy kan nie alleen 'n GIF in Adobe Illustrator maak nie . Ja, die aanvanklike stappe kan in Adobe Illustrator gedoen word. Dit beteken dat jy die kunsborde kan voorberei vir die geanimeerde GIF in Adobe Illustrator, maar jy sal die kunsborde na 'n GIF-vervaardiger moet uitvoer of Photoshop moet gebruik om die werklike GIF te maak.

In hierdie tutoriaal sal jy leer hoe om geanimeerde GIF's in Adobe Illustrator en Photoshop te skep. Ek sal die tutoriale in twee dele opdeel.

Deel 1 sal die stappe bekendstel wat in Adobe Illustrator gedoen moet word, en Deel 2 sal jou wys hoe om kunsborde in geanimeerde GIF's in Photoshop om te skakel. As jy nie 'n Photoshop-gebruiker is nie, moenie bekommerd wees nie, ek sal jou ook wys hoe om 'n GIF te maak deur aanlyn GIF-vervaardigers te gebruik.

Let wel: die skermkiekies in hierdie tutoriaal is geneem uit Adobe Illustrator CC 2022 Mac-weergawe en Photoshop CC 2022 Mac-weergawe. Windows of ander weergawes kan anders lyk.

Deel 1: Maak 'n GIF in Adobe Illustrator

As Adobe Illustrator nie animeer nie, hoekom gebruik ons ​​dit om 'n GIF te maak? Eenvoudige antwoord: Omdat jy die vektore vir die GIF in Adobe Illustrator moet skep en die sleutel is om verskillende rame/aksies in verskillende kunsborde te verdeel.

So verwarrend as wat dit mag klink, jy sal dit kry as ek jou 'n voorbeeld hier wys met gedetailleerde stappe.

Stap 1: Skep 'n nuwe AdobeIllustrator Lêer en stel die kunsbordgrootte op 400 x 400px (Net my voorstel, stel gerus enige ander grootte op waarvan jy hou).

Aangesien dit 'n GIF gaan wees, beveel ek nie aan om 'n groot lêer te hê nie en dit is die beste as die kunsbord 'n vierkant is.

Stap 2: Skep 'n ikoon of illustrasie wat jy wil animeer. Ek gaan byvoorbeeld 'n reën-GIF maak, so ek sal 'n wolkvorm en 'n paar reëndruppels skep.

Alle vorms is tans op dieselfde kunsbord, so die volgende stap is om hulle in verskillende kunsborde te verdeel om die animasierame te skep.

Stap 3: Skep nuwe kunsborde. Hierdie kunsborde sal later die rame in Photoshop wees, so die aantal kunsborde hang af van die aantal rame/aksies wat jy wil hê die GIF moet hê.

Ek het byvoorbeeld vyf ekstra kunsborde bygevoeg so nou het ek altesaam ses kunsborde.

Moenie stres as jy op die oomblik nie seker is nie, jy kan altyd voeg of skrap kunsborde later.

Stap 4: Kopieer en plak die vorms na die nuwe kunsborde. As jy op dieselfde vorm redigeer, kan jy die vorm na alle kunsborde kopieer en die wysigings op elke kunsbord maak.

Let wel: dit is baie belangrik om die vorms op die nuwe kunsborde in plek te plaas wanneer 'n GIF gemaak word. Die sleutelbordkortpad vir die plasing van 'n gekopieerde voorwerp op dieselfde plek is Command + F ( Ctrl + F vir Windows-gebruikers).

Die elemente op diekunsborde moet 'n volgorde volg van hoe die GIF sal wys.

Byvoorbeeld, die wolkvorm sal heeltyd op die GIF gewys word, so kopieer die wolkvorm na alle nuwe kunsborde. Jy kan ook elemente een vir een by jou nuwe kunsbord voeg. Hang van jou af.

Besluit watter deel volgende sal wys en organiseer die kunsborde volgens die volgorde van die raam wat op die GIF gaan wys.

In my geval wil ek hê dat die middelste reëndruppel eers moet wys, so ek sit dit saam met die wolkvorm op Artboard 2. Dan op die volgende rame (kunsborde), sal ek die reëndruppels byvoeg aan die kante een vir een.

Toe ek al die kunsborde opgestel het, het ek besluit om die reëndruppels van die eerste kunsbord te verwyder so nou lyk my kunsborde so, en hulle is gereed om te gaan.

Stap 5: Noem die kunsborde en plaas hulle in 'n volgorde van hoe jy wil hê hulle moet lyk op 'n GIF. Ek sal hulle van raam 1 tot raam 6 noem om dit makliker te maak om later in Photoshop te identifiseer.

Stap 6: Voer die kunsborde uit. Gaan na die oorhoofse spyskaart Lêer > Voer uit > Voer uit vir skerms en kies Voer kunsborde uit .

Jy behoort jou kunsborde as individuele prente met name gestoor te sien.

Jy het die werk in Adobe Illustrator voltooi, kom ons gaan voort met die animasieproses in Photoshop.

Deel 2: Maak 'n GIF in Photoshop

Sodra jy al die rame gereed het, is dit netneem 'n paar minute om 'n geanimeerde GIF in Photoshop te skep.

Stap 1: Skep 'n nuwe dokument in Photoshop, dieselfde grootte as die Adobe Illustrator-lêer van Deel 1. In my geval sou dit 400 x 400px wees.

Stap 2: Sleep die beelde wat jy vanaf Adobe Illustrator na Photoshop uitgevoer het, en hulle sal as lae wys.

Stap 3: Gaan na die oorhoofse spyskaart Venster > Tydlyn , of jy kan die werkspasie direk verander na Beweging .

Jy behoort 'n Tydlyn-werkspasie onderaan jou Photoshop-venster te sien.

Stap 4: Klik Skep raamanimasie op die Tydlynwerkspasie, en jy sal die boonste laag op die Tydlynwerkspasie sien.

Stap 5: Klik op die regter boonste hoek van die Tydlyn-venster om die gevoude kieslys oop te maak en kies Maak Rame van Lae .

Dan sal al die lae as rame wys.

Soos jy kan sien, is die eerste raam leeg, want dit is later die agtergrond. Jy kan die eerste raam uitvee deur die raam te kies en op die Vee geselekteerde rame uit -knoppie op die Tydlyn-venster te klik.

Stap 6: Klik op die afpyltjie onder elke raam om die spoed van elke raam dienooreenkomstig te verander. Ek het byvoorbeeld die spoed van alle rame na 0,2 sekondes verander.

Jy kan die speelknoppie klik om te sien hoe die GIF lyk. Sodra jy tevrede is met die resultaat. Die laaste stapis om dit as 'n GIF uit te voer.

Stap 7: Gaan na die oorhoofse spyskaart Lêer > Voer uit > Stoor vir web (legacy) .

Van die instellingskieslys is die belangrikste ding om GIF as die lêertipe te kies en Vir altyd as die Lopping-opsies te kies. Jy verander ander instellings dienooreenkomstig.

Klik Stoor en baie geluk! Jy het sopas 'n geanimeerde GIF gemaak.

Hoe om 'n GIF sonder Photoshop te maak

Nie vertroud met Photoshop nie? Jy kan beslis ook 'n GIF sonder Photoshop skep. Daar is soveel aanlynhulpmiddels waarmee jy 'n GIF gratis kan maak.

EZGIF is byvoorbeeld 'n gewilde GIF-maker en dit is maklik om te gebruik. Al wat jy hoef te doen is om jou beelde op te laai, 'n speelspoed te kies en dit sal outomaties die GIF vir jou maak.

Gevolgtrekking

Adobe Illustrator is waar jy die elemente van die animasie skep en Photoshop is waar jy die geanimeerde GIF maak.

'n Makliker opsie sou wees om 'n aanlyn GIF-maker te gebruik. Die voordeel is dat dit jou baie tyd sal bespaar, veral as jy nie vertroud is met Photoshop nie. Ek verkies egter die buigsaamheid van Photoshop omdat ek meer beheer oor die rame het.