Kinne jo in GIF meitsje yn Adobe Illustrator?

De wierheid is, jo kinne net allinich in GIF meitsje yn Adobe Illustrator . Ja, de earste stappen kinne wurde dien yn Adobe Illustrator. Dat betsjut dat jo de artboards kinne tariede foar de animearre GIF yn Adobe Illustrator, mar jo moatte de artboards eksportearje nei in GIF-makker of Photoshop brûke om de eigentlike GIF te meitsjen.

Yn dizze tutorial sille jo leare hoe't jo animearre GIF's meitsje kinne yn Adobe Illustrator en Photoshop. Ik sil de tutorials yn twa dielen ferbrekke.

Diel 1 sil de stappen yntrodusearje dy't moatte wurde dien yn Adobe Illustrator, en diel 2 sil jo sjen litte hoe't jo artboards kinne konvertearje yn animearre GIF's yn Photoshop. As jo ​​​​gjin Photoshop-brûker binne, gjin soargen, ik sil jo ek sjen litte hoe't jo in GIF kinne meitsje mei online GIF-makkers.

Opmerking: de skermôfbyldings yn dizze tutorial binne nommen fan Adobe Illustrator CC 2022 Mac-ferzje en Photoshop CC 2022 Mac-ferzje. Windows of oare ferzjes kinne der oars útsjen.

Diel 1: In GIF meitsje yn Adobe Illustrator

As Adobe Illustrator net animearret, wêrom brûke wy it dan om in GIF te meitsjen? Ienfâldich antwurd: Om't jo de vectoren foar de GIF moatte oanmeitsje yn Adobe Illustrator en de kaai is om ferskate frames / aksjes te skieden yn ferskate artboards.

Sa betiizjend as it klinkt, jo sille it krije as ik jo hjir in foarbyld mei detaillearre stappen lit sjen.

Stap 1: Meitsje in nije AdobeIllustrator-bestân en set de artboardgrutte yn op 400 x 400px (Krekt myn suggestje, fiel jo frij om elke oare grutte yn te stellen dy't jo wolle).

Om't it in GIF sil wurde, ried ik net oan om in grut bestân te hawwen en it is it bêste as it artboard in fjouwerkant is.

Stap 2: Meitsje in ikoan of yllustraasje dy't jo animearje wolle. Bygelyks, ik sil in rein GIF meitsje, dus ik meitsje in wolkfoarm en wat reindruppels.

Alle foarmen binne op it stuit op itselde artboard, dus de folgjende stap is om se te ferdielen yn ferskate artboards om de animaasjeframes te meitsjen.

Stap 3: Meitsje nije artboards. Dizze artboards sille letter de frames wêze yn Photoshop, dus it oantal artboards hinget ôf fan it oantal frames/aksjes dat jo wolle dat de GIF hat.

Bygelyks haw ik fiif ekstra artboards tafoege, dus no haw ik yn totaal seis artboards.

Net stressje as jo op it stuit net wis binne, jo kinne altyd letter artboards tafoegje of wiskje.

Stap 4: Kopiearje en plakke de foarmen nei de nije artboards. As jo ​​​​op deselde foarm bewurkje, kinne jo de foarm kopiearje nei alle artboards en meitsje de bewurkings op elk artboard.

Opmerking: it is heul wichtich om de foarmen op 'e nije artboards te pleatsen by it meitsjen fan in GIF. De fluchtoets foar it pleatsen fan in kopiearre objekt op itselde plak is Kommando + F ( Ctrl + F foar Windows-brûkers).

De eleminten op 'eartboards moatte in folchoarder folgje fan hoe't de GIF sil sjen litte.

Bygelyks sil de wolkfoarm de hiele tiid op 'e GIF toand wurde, dus kopiearje de wolkfoarm nei alle nije artboards. Jo kinne ek ien foar ien eleminten tafoegje oan jo nije artboard. Dat is dyn kar.

Beslute hokker diel neist sjen sil en organisearje de artboards neffens de folchoarder fan it frame dat op 'e GIF sil sjen litte.

Yn myn gefal wol ik dat de middelste reindruppel earst te sjen is, dus ik set it tegearre mei de wolkfoarm op Artboard 2. Dan op de folgjende frames (artboards), sil ik de reindruppels tafoegje oan 'e kanten ien foar ien.

As ik ienris alle artboards ynsteld hie, besleat ik de reindruppels fan it earste artboard te ferwiderjen, dus no sjogge myn artboards der sa út, en se binne klear om te gean.

Stap 5: Neam de artboards en set se yn in folchoarder fan hoe't jo wolle dat se op in GIF sjogge. Ik sil se neame fan frame 1 oant frame 6 om se letter makliker te identifisearjen yn Photoshop.

Stap 6: Eksportearje de artboards. Gean nei it boppemenu Triem > Eksportearje > Eksportearje foar skermen en kies Artboards eksportearje .

Jo moatte jo artboards sjen opslein as yndividuele ôfbyldings mei nammen.

Jo hawwe de baan klear yn Adobe Illustrator, litte wy it animaasjeproses yn Photoshop trochgean.

Diel 2: In GIF meitsje yn Photoshop

As jo ​​alle frames klear hawwe, is it allinichduorret in pear minuten om in animearre GIF yn Photoshop te meitsjen.

Stap 1: Meitsje in nij dokumint yn Photoshop, deselde grutte as it Adobe Illustrator-bestân fan diel 1. Yn myn gefal soe it 400 x 400px wêze.

Stap 2: Sleep de ôfbyldings dy't jo fan Adobe Illustrator eksportearre hawwe nei Photoshop, en se sille sjen litte as lagen.

Stap 3: Gean nei it overheadmenu Finster > Tiidline , of jo kinne de wurkromte direkt feroarje yn Beweging .

Jo moatte in Timeline-wurkromte sjen oan 'e ûnderkant fan jo Photoshop-finster.

Stap 4: Klik op Meitsje frame-animaasje op 'e Timeline-wurkromte, en jo sille de boppeste laach sjen op' e Timeline-wurkromte.

Stap 5: Klikje op 'e rjochter boppeste hoeke fan it Timeline-finster om it ynfolde menu te iepenjen en kies Make Frames from Layers .

Dan sille alle lagen as frames sjen litte.

Sa't jo sjen kinne, is it earste frame leech, om't it letter de eftergrûn is. Jo kinne it earste frame wiskje troch it frame te selektearjen en te klikken op de knop Wisket selektearre frames yn it tiidlinefinster.

Stap 6: Klikje op de pylk nei ûnderen ûnder elk frame om de snelheid fan elk frame dêroer te feroarjen. Ik haw bygelyks de snelheid fan alle frames feroare yn 0,2 sekonden.

Jo kinne op de spielknop klikke om te sjen hoe't de GIF derút sjocht. Sadree't jo bliid binne mei it resultaat. De lêste stapis om it te eksportearjen as in GIF.

Stap 7: Gean nei it overheadmenu Triem > Eksportearje > Bewarje foar Web (Legacy) .

Fan it ynstellingsmenu is it wichtichste om GIF te kiezen as it bestânstype en Forever te kiezen as de Lopping-opsjes. Jo feroarje oare ynstellings neffens.

Klik op Bewarje en lokwinske! Jo hawwe krekt in animearre GIF makke.

Hoe meitsje in GIF sûnder Photoshop

Net bekend mei Photoshop? Jo kinne grif ek in GIF meitsje sûnder Photoshop. D'r binne safolle online ark wêrmei jo fergees in GIF kinne meitsje.

EZGIF is bygelyks in populêre GIF-makker en it is maklik te brûken. Alles wat jo hoege te dwaan is jo ôfbyldings uploade, in spielsnelheid kieze en it sil automatysk de GIF foar jo meitsje.

Konklúzje

Adobe Illustrator is wêr jo de eleminten fan 'e animaasje meitsje en Photoshop is wêr't jo de animearre GIF meitsje.

In maklikere opsje soe wêze om in online GIF-makker te brûken. It foardiel is dat it jo in protte tiid besparje soe, foaral as jo net bekend binne mei Photoshop. Ik leaver lykwols de fleksibiliteit fan Photoshop om't ik mear kontrôle haw oer de frames.