GIMP Animated GIF Tutorial

Paano Upang Gumawa ng isang Animated na GIF na may GIMP

Ang GIMP ay isang napakalakas na piraso ng software na isinasaalang-alang na libre ito. Ang mga taga-disenyo ng web , sa partikular, ay maaaring magpasalamat para sa kakayahang gumawa ng mga simpleng animated na GIF.

Ang mga animated GIF ay simpleng mga animation na makikita mo sa maraming mga web page at, habang ang mga ito ay mas mababa sopistikadong kaysa sa Flash animation , ang mga ito ay napaka-simple upang makabuo ng sinuman na may pangunahing pag-unawa sa GIMP.

Ang mga sumusunod na hakbang ay nagpapakita ng isang simpleng web banner na laki ng animation gamit ang isang pares ng mga pangunahing graphics, ilang teksto, at isang logo.

01 ng 09

Magbukas ng Bagong Dokumento

Sa halimbawang ito, gagamitin ko ang GIMP upang makabuo ng isang napaka basic animated na GIF web banner. Pinili ko ang preset na template ng karaniwang banner ng Web 468x60 . Para sa iyong animation, maaari kang pumili ng isang preset na laki o itakda ang mga custom na sukat depende sa kung paano mo gagamitin ang iyong huling animation.

Ang aking animation ay binubuo ng pitong frame at ang bawat frame ay kinakatawan ng isang indibidwal na layer, ibig sabihin na ang aking pangwakas na file na GIMP ay magkakaroon ng pitong layer, kabilang ang background.

02 ng 09

Itakda ang Frame One

Gusto kong magsimula ang aking animation sa isang blangko na espasyo kaya hindi ako gumawa ng anumang mga pagbabago sa aktwal na layer ng Background na plain na puti.

Gayunpaman, kailangan kong gumawa ng pagbabago sa pangalan ng layer sa palette ng Layers . Ako ay mag-right click sa Background layer sa palette at piliin ang Edit Layer attributes . Sa dialog na Edit Layer Attributes na bubukas, idaragdag ko (250ms) hanggang sa dulo ng pangalan ng layer. Nagtatakda ito ng dami ng oras na ipapakita ang frame na ito sa animation. Ang ms ay kumakatawan sa milliseconds at bawat millisecond ay isang ikasanlibo ng isang segundo. Ang unang frame na ito ay ipapakita para sa isang kapat ng isang segundo.

03 ng 09

Itakda ang Frame Dalawang

Gusto kong gumamit ng isang footprint graphic para sa frame na ito kaya pupunta ako sa File > Buksan bilang Mga Layer at piliin ang aking graphic na file. Ito ay naglalagay ng bakas ng paa sa isang bagong layer na maaari kong iposisyon kung kinakailangan gamit ang Move Tool . Tulad ng sa layer ng background, kailangan kong palitan ang pangalan ng layer upang magtalaga ng oras ng display para sa frame. Sa kasong ito, pinili ko ang 750ms.

Tandaan: sa palette ng Layers , lumilitaw ang bagong preview ng preview upang ipakita ang isang itim na background sa paligid ng graphic, ngunit sa katunayan ang lugar na ito ay transparent.

04 ng 09

Itakda ang Mga Frame Tatlo, Apat at Limang

Ang susunod na tatlong mga frame ay higit pang mga footprint na lalakad sa buong banner. Ang mga ito ay ipinasok sa parehong paraan bilang frame dalawa, gamit ang parehong graphic at isa pang graphic para sa iba pang mga paa. Tulad ng bago ang oras ay nakatakda bilang 750ms para sa bawat frame.

Ang bawat isa sa mga layer ng footprint ay nangangailangan ng isang puting background upang ang isang frame lamang ang nakikita - sa kasalukuyan, ang bawat isa ay may isang transparent na background. Maaari kong gawin ito sa pamamagitan ng paglikha ng isang bagong layer kaagad sa ibaba ng isang layer ng bakas ng paa, pagpuno ng bagong layer na may puti at pagkatapos ay i-right click sa layer ng footprint at i-click ang Merge Down .

05 ng 09

Itakda ang Frame Anim

Ang frame na ito ay isang blangkong frame na puno ng puti na magbibigay sa hitsura ng huling footprint na mawala bago lumitaw ang huling frame. Na pinangalanan ko ang layer na ito ng Interval at pinili na magkaroon ng display na ito para sa 250ms lamang. Hindi mo kailangang ipangalan ang mga layer, ngunit maaari itong gawing mas madali ang mga layered file na magtrabaho kasama.

06 ng 09

Itakda ang Frame Seven

Ito ang huling frame at nagpapakita ng ilang teksto kasama ang logo ng About.com. Ang unang hakbang dito ay upang magdagdag ng isa pang layer na may puting background.

Susunod, ginagamit ko ang Tool ng Teksto upang idagdag ang teksto. Ito ay inilalapat sa isang bagong layer, ngunit haharapin ko na sa sandaling idinagdag ko ang logo, na maaari kong gawin sa parehong paraan na idinagdag ko ang footprint graphics nang mas maaga. Kapag nakuha ko ang mga nakaayos ayon sa ninanais, maaari kong gamitin ang Merge Down upang pagsamahin ang logo at mga layer ng teksto at pagkatapos ay pagsamahin ang pinagsama layer na may puting layer na idinagdag dati. Nagbubuo ito ng isang solong layer na bumubuo sa pangwakas na frame at pinili kong ipakita ito para sa 4000ms.

07 ng 09

I-preview ang Animation

Bago i-save ang animated GIF, ang GIMP ay may pagpipilian upang i-preview ito sa pagkilos sa pamamagitan ng pagpunta sa Mga Filter > Animation > Pag- playback . Binubuksan nito ang dialog ng preview na may mga nakatalang pindutan upang i-play ang animation.

Kung ang isang bagay ay hindi mukhang tama, maaari itong susugan sa puntong ito. Kung hindi man, maaari itong mai-save bilang isang animated na GIF.

Tandaan: Ang pagkakasunud-sunod ng animation ay naka-set sa pagkakasunod-sunod na ang mga layer ay isinalansan sa palette ng Layer , na nagsisimula sa background o pinakamababang layer at nagtatrabaho paitaas. Kung ang iyong animation ay gumaganap ng pagkakasunud-sunod, kakailanganin mong ayusin ang pagkakasunud-sunod ng iyong mga layer, sa pamamagitan ng pag-click sa isang layer upang piliin at gamitin ang pataas at pababang mga arrow sa ibabang bar ng Layers palette upang baguhin ang posisyon nito.

08 ng 09

I-save ang Animated na GIF

Ang pag-save ng isang animated GIF ay isang medyo straight forward exercise. Una, pumunta sa File > Save a Copy at bigyan ang iyong file ng may-katuturang pangalan at piliin kung saan mo gustong i-save ang iyong file. Bago ang pagpindot sa I- save , i-click ang Piliin ang Uri ng File (Sa pamamagitan ng Extension) patungo sa kaliwang ibaba at, mula sa listahan na bubukas, piliin ang GIF na imahe . Sa dialog na File ng Pag-export na bubukas, i-click ang radio button na I - save bilang Animation at i-click ang pindutan ng I - export . Kung makakuha ka ng isang babala tungkol sa mga layer na umaabot nang lampas sa aktwal na mga hangganan ng larawan, i-click ang pindutan ng I- crop .

Ito ay hahantong ngayon sa dialog na I- save bilang GIF na may seksyon ng Mga Opsyon Animated GIF . Maaari mong iwanan ang mga ito sa kanilang mga default, bagaman kung gusto mo lamang ang animation upang i-play nang isang beses, dapat mong alisan ng check ang Loop magpakailanman .

09 ng 09

Konklusyon

Ang mga hakbang na ipinapakita dito ay magbibigay sa iyo ng mga pangunahing tool upang gumawa ng iyong sariling mga simpleng animation, gamit ang iba't ibang mga graphics at laki ng dokumento. Habang ang resulta ay medyo basic sa mga tuntunin ng animation, ito ay isang madaling proseso na ang sinuman na may isang pangunahing kaalaman sa GIMP maaaring makamit. Ang mga animated na GIF ay malamang na nakalipas na ang kanilang kalakasan ngayon, gayunpaman may kaunting pag-iisip at maingat na pagpaplano, maaari pa rin silang magamit upang makabuo ng epektibong mga elemento ng animated na napakabilis.