Ang GIMP ay isang napakalakas na piraso ng software kung isasaalang-alang na ito ay libre. Ang mga web designer, sa partikular, ay maaaring magpasalamat sa kakayahan nitong gumawa ng mga simpleng animated na GIF.
Ang Animated-g.webp
Paano Gumawa ng Animated-g.webp" />
Ang mga sumusunod na hakbang ay nagpapakita ng isang simpleng web banner sized animation gamit ang ilang basic graphics, ilang text, at isang logo.
Nalalapat ang mga tagubilin sa artikulong ito sa bersyon 2.10.12 ng GIMP.
-
Magbukas ng Bagong Dokumento. Sa halimbawang ito, pinili namin ang preset na template ng Web banner large mobile 320x100.
Para sa iyong animation, maaari kang pumili ng preset na laki o magtakda ng mga custom na dimensyon depende sa kung paano mo gagamitin ang iyong huling animation.
Para sa tutorial na ito, ang animation ay bubuo ng pitong frame at ang bawat frame ay kakatawanin ng isang indibidwal na layer, ibig sabihin, ang huling GIMP file ay magkakaroon ng pitong layer, kabilang ang background.
-
Itakda ang Frame One. Magsisimula ang animation sa isang blangkong espasyo kaya walang mga pagbabago sa aktwal na Background na layer ang kailangan dahil ito ay payak na puti.
Gayunpaman, kailangan ng pagbabago sa pangalan ng layer sa Layers palette. Mag-right click sa Background layer sa palette at piliin ang Edit Layer Attributes.
Image -
Sa Edit Layer Attributes dialog na magbubukas, magdagdag ng (250ms) sa dulo ng pangalan ng layer. Itinatakda nito ang dami ng oras na ipapakita ang frame na ito sa animation. Ang ms ay kumakatawan sa milliseconds at bawat millisecond ay isang thousandth ng isang segundo. Ipapakita ang unang frame na ito sa loob ng quarter ng isang segundo.
Image -
Itakda ang Ikalawang Frame. Para sa tutorial, isang footprint graphic ang ginagamit para sa frame na ito. Pumunta sa File > Open as Layers at piliin ang graphics file. Inilalagay nito ang footprint sa isang bagong layer na maaaring iposisyon ayon sa kinakailangan gamit ang Move Tool.
Image -
Tulad ng background na layer, kailangang palitan ang pangalan ng bagong layer na ito upang italaga ang oras ng pagpapakita para sa frame. Sa kasong ito, 750ms.
Sa Layers palette, lumalabas ang preview ng bagong layer na nagpapakita ng itim na background sa paligid ng graphic, ngunit sa katotohanan ang lugar na ito ay transparent.
Image -
Itakda ang Mga Frame na Tatlo, Apat at Lima. Ang susunod na tatlong frame ay higit pang mga footprint na lalakad sa kabila ng banner. Ang mga ito ay ipinasok sa parehong paraan tulad ng frame two, gamit ang parehong graphics at isa pang graphic para sa kabilang paa. Gaya ng dati, itinakda ang oras bilang 750ms para sa bawat frame.
Ang bawat isa sa mga layer ng footprint ay nangangailangan ng puting background upang isang frame lang ang makikita – sa kasalukuyan, ang bawat isa ay may transparent na background. Magagawa natin ito sa pamamagitan ng paggawa ng bagong layer sa ibaba mismo ng layer ng footprint, pagpuno sa bagong layer ng puti at pagkatapos ay pag-right click sa layer ng footprint at pag-click sa Merge Down
-
Itakda ang Frame Six. Ang frame na ito ay isang blangkong frame lamang na puno ng puti na magbibigay ng hitsura ng huling footprint na nawawala bago lumitaw ang huling frame. Pinangalanan namin ang layer na ito na Interval at piniling magkaroon ng display na ito sa loob lang ng 250ms.
Hindi mo kailangang pangalanan ang mga layer, ngunit maaari nitong gawing mas madaling gamitin ang mga layered file.
Image -
Itakda ang Frame Seven. Ito ang huling frame at nagpapakita ng ilang teksto kasama ang logo ng Lifewire.com. Ang unang hakbang dito ay magdagdag ng isa pang layer na may puting background.
Image -
Susunod, gamitin ang Text Tool upang idagdag ang text. Inilapat ito sa isang bagong layer ngunit haharapin namin iyon kapag naidagdag mo na ang logo o bagong larawan, na maaaring gawin sa parehong paraan na naidagdag ang footprint graphics nang mas maaga.
Image -
Kapag naayos na natin ang mga ito ayon sa gusto, magagamit natin ang Merge Down para pagsamahin ang logo at text layer at pagkatapos ay pagsamahin ang pinagsamang layer na iyon sa puting layer na idinagdag dati. Gumagawa ito ng isang layer na bubuo sa huling frame at pinili naming ipakita ito sa loob ng 4000ms.
Image -
I-preview ang Animation Bago i-save ang animated na GIF, may opsyon ang GIMP na i-preview ito sa aksyon sa pamamagitan ng pagpunta sa Filters >Animation > Playback Nagbubukas ito ng dialog ng preview na may mga self-explanatory na button para i-play ang animation. Kung ang isang bagay ay mukhang hindi tama, maaari itong baguhin sa puntong ito. Kung hindi, maaari itong i-save bilang isang animated na GIF.
Ang animation sequence ay nakatakda sa pagkakasunud-sunod na ang mga layer ay nakasalansan sa Layers palette, simula sa background o pinakamababang layer at gumagana pataas. Kung nagpe-play ang iyong animation nang wala sa sequence, kakailanganin mong ayusin ang pagkakasunud-sunod ng iyong mga layer, sa pamamagitan ng pag-click sa isang layer upang piliin at paggamit ng pataas at pababang mga arrow sa ibabang bar ng Layers palette upang baguhin ang posisyon nito.
Image -
I-save ang Animated GIF. Ang pag-save ng animated na-g.webp" />File > Save a Copy at bigyan ang iyong file ng may-katuturang pangalan at piliin kung saan mo gustong i-save ang iyong file.
Image -
Susunod, pumunta sa File > I-export Bilang upang i-save ito bilang isang animated na GIF.
Image -
Sa Export Image dialog na bubukas, piliin ang Select File Type at mag-scroll sa-g.webp" />. Kung makatanggap ka ng babala tungkol sa mga layer na lumalampas sa aktwal na mga hangganan ng larawan, piliin ang Crop na button.
Image -
Ito ay hahantong na ngayon sa Save as GIF dialog na may seksyon ng Animated-g.webp" />. Maaari mong iwanan ang mga ito sa kanilang mga default, ngunit kung gusto mo lang na mag-play ang animation nang isang beses, dapat mong alisan ng check ang Loop forever.
Image - Ngayon, maaari mo nang ibahagi ang iyong animated na GIF.
Konklusyon
Ang mga hakbang na ipinapakita dito ay magbibigay sa iyo ng mga pangunahing tool upang makagawa ng sarili mong mga simpleng animation, gamit ang iba't ibang graphics at laki ng dokumento. Bagama't ang resulta ay medyo basic sa mga tuntunin ng animation, ito ay isang napakadaling proseso na maaaring makamit ng sinumang may pangunahing kaalaman sa GIMP.
