GIMP Animated GIF Tutorial

GIMP ашиглан хөдөлгөөнт GIF хэрхэн үүсгэх вэ

GIMP нь үнэгүй програм хангамж юм. Вэб дизайнерууд нь энгийн хөдөлгөөнт GIF-үүдийг бий болгох чадварт нь талархалтай байдаг.

Хөдөлгөөнт GIF нь олон тооны вэб хуудсууд дээр харагдах хялбар анимацууд бөгөөд тэдгээр нь Flash animations- ээс илүү нарийн төвөгтэй боловч GIMP-ийн үндсэн ойлголттой хэн нэгнээр үйлдвэрлэхэд маш энгийн байдаг.

Дараахь алхамууд нь үндсэн график, зарим текст, лого зэргийг ашиглан энгийн вэб сурталчилгаа хэмжээтэй хөдөлгөөнт дүрсүүдийг харуулдаг.

01 - 09

Шинэ документ нээх

Энэ жишээнд GIMP-ийг маш энгийн анимэйшн GIF вэб сурталчилгаа үүсгэх болно. Би нийтлэг 468x60 вэб баннерын урьдчилан тохируулсан загварыг сонгосон. Хөдөлгөөнт дүрслэлд зориулж таны өмнөх хөдөлгөөнт дүрс дээр тулгуурлан урьдчилан тогтоосон хэмжээг сонгох эсвэл өөрчлөн хэмжээсүүдийг сонгож болно.

Миний хөдөлгөөнт дүрс нь долоон хүрээнээс бүрдэх ба хүрээ тус бүр нь давхаргагаар дүрслэгдэх бөгөөд миний сүүлийн GIMP файл нь долоон давхаргатай, түүний дотор дэвсгэрийг агуулсан байх болно.

09 сарын 02

Frame Frame One

Би хөдөлгөөнт дүрсээ хоосон зайгаар эхлүүлэхийг хүсч байна. Тиймээс би аль хэдийн цэвэр цагаан дэвсгэр дээр байгаа Background Background layer-т ямар нэг өөрчлөлт хийхгүй.

Гэсэн хэдий ч Layers палитр дахь давхаргын нэрийг өөрчлөх шаардлагатай байна. Би баруун талын давхарга дээр дараад Edit Layer Аттрибутуудыг сонгоно уу. Нээх Давхаргын Аттрибутын цонхонд би нэмж (250ms) давхаргын нэрний төгсгөлд нэмнэ. Энэ нь хөдөлгөөнт дүрс дээр харагдах хугацааг тодорхойлдог. Ms нь миллисекундээр тооцогддог бөгөөд миллисекунд нь секундын мянга байна. Энэ эхний хүрээ нь секундийн дөрөвний нэгийг харуулна.

03 - 09

Frame Frame хоёрыг сонгоно уу

Би энэ фрэймд ул мөрийн графикийг ашиглахыг хүсч байна. Ингээд File > Open as Layers гэж ороод миний график файлыг сонгоно. Энэ нь Move Tool- ыг ашиглан шаардлагатай байрлалд байрлах шинэ түвшинд байрладаг. Үндсэн давхаргын адилаар би жаазыг дэлгэцийн цагийг хуваарилахын тулд давхаргын нэрийг өөрчлөх хэрэгтэй. Энэ тохиолдолд 750мг сонгосон.

Тэмдэглэл: Давхаргын палетт, шинэ давхрагын урьдчилж харах нь график орчим хар дэвсгэр харуулах боловч бодит байдал дээр энэ нь ил тод байна.

04-р сарын 09

Гурав, дөрөв, тав зурах

Дараагийн гурван хүрээ нь баннаар гаталж явна. Эдгээр нь ижил график, нөгөө хөлөөрөө өөр графикийг ашиглан хоёр хүрээтэй ижил аргаар оруулагддаг. Хугацаа нь 750 мегаватт болгон тохируулагдсан байдаг.

Талбайн мөр бүр нь цагаан дэвсгэртэй байх ёстой бөгөөд ингэснээр зөвхөн нэг хүрээ харагдана - одоогоор тус бүр ил тод дэвсгэртэй байдаг. Би шинэ давхарга үүсгэх замаар шинэ давхарга үүсгэж, шинэ давхарга нь цагаанаар дүүрч, дараа нь мөрийн давхарга дээр зөв дарж, Merge Down дээр дарж хийж чадна.

05-р сарын 09

Frame Frame Зургаан

Энэ хүрээ нь зөвхөн цагаан өнгийн дүүрэн хоосон хүрээ бөгөөд эцсийн фриймээс өмнө эцсийн ул мөр үлдээдэг. Энэ давхаргын интервалыг нэрлэсэн бөгөөд энэ дэлгэцийг ердөө л 250мг болгохоор сонгосон. Та давхаргыг нэрлэх шаардлагагүй, гэвч энэ нь давхардсан файлуудтай ажиллахад хялбар болгож өгдөг.

06-р сарын 09

Долоодлогын Frame Set

Энэ бол эцсийн фрэйм ​​бөгөөд зарим мессежийг About.com логотой хамт харуулна. Эхний алхам бол цагаан дэвсгэр дээр өөр давхарга нэмж өгөх явдал юм.

Дараа нь Би текстийг ашиглан текстийг нэмнэ. Энэ нь шинэ давхаргад хэрэглэгддэг боловч би логог нэмсэний дараа үүнийг шийдэх болно. Үүнийг би өмнө нь ул мөрийн графикийг нэмсэнтэй ижил аргаар хийж чадна. Би эдгээрийг хүссэнээр захиалахдаа Merge Down ашиглаж лого, текстийн давхаргуудыг нэгтгэж, өмнө нь нэмсэн цагаан өнгийн давхаргатай хослуулан давхарлаж нийлүүлж чадна. Энэ нь эцсийн хүрээ үүсгэх нэг давхрага үүсгэдэг бөгөөд үүнийг 4000ms-д зориулж харуулахаар сонгосон.

09-р сарын 07

Анимацийг урьдчилан харах

Зурган дээр GIF-г хадгалж байхаас өмнө GIMP нь Шүүлтүүр > Хөдөлгөөнт > Тоглуулах гэж ороод үзээрэй . Энэ нь анимацийг тоглуулахын тулд өөрийгөө тайлбартай товчлууруудтай урьдчилан харах цонхыг нээнэ.

Хэрэв ямар нэгэн зүйл зөв харагдахгүй бол энэ тохиолдолд нэмэлт өөрчлөлт оруулж болно. Үгүй бол, үүнийг хөдөлгөөнт GIF гэж хадгалж болно.

Тайлбар: Хөдөлгөөнт дараалал нь давхрагаас давхаргын давхаргад, давхаргадас, доод давхаргаас эхэлж, дээшээ ажиллана. Хэрэв таны анимаци дарааллаас тасарсан бол давхрага дээр дарж давхарга дээр дарж давхарга дээр товшиход Layers palette-ийн доод талбарт сонгож, ашиглах боломжтой болно.

08-ийн 08

Хөдөлгөөнт GIF-г хадгал

Animated GIF-г хадгалж байгаа нь нэн даруй дасгал хөдөлгөөн юм. Эхлээд Файл > Хадгалсан хуулбар руу очоод файлаа холбогдох нэрээр өгөөд файлаа хадгалахыг хүсч байгаа газраа сонгоно уу. Хадгалах товчийг дарахаасаа өмнө сонгох файлын төрлийг дарж зүүн доод зүгт, нээх жагсаалтаас GIF зураг сонгоно уу. Экспортын Экспресс-ийн харилцах цонхонд Save as Animation radio товчлуур дээр дарж экспортын товчлуурыг дарна. Хэрэв та зургийн бодит хил хязгаараас давсан давхрагын талаар анхааруулга авбал Цэцийн товчийг дарна уу.

Энэ нь одоо GIF харилцах цонхыг Animated GIF сонголтуудын хэсэг болгон хадгалах болно . Та тэдгээрийг анхдагчаар нь үлдээж болно, гэхдээ та зөвхөн хөдөлгөөнт нэг удаа тоглохыг хүсэж байгаа бол Loop үүрд чагталгаагүй байх ёстой.

09-р сарын 09

Дүгнэлт

Энд үзүүлсэн алхмууд нь өөр өөр график болон баримтын хэмжээнүүдийг ашиглан өөрийн энгийн анимацийг бий болгох үндсэн хэрэгслүүдийг танд өгөх болно. Эцсийн үр дүн нь анимены хувьд нэлээд суурь боловч, энэ нь GIMP-ийн үндсэн мэдлэгийг эзэмшсэн хэн бүхэн маш хялбар арга юм. Хөдөлгөөнтэй GIF-ууд одоог хүртэл өнгөрсөн боловч маш бага бодол, төлөвлөлттэй байгаа тул үр дүнтэй хөдөлгөөнт элементүүдийг хурдан гаргахад ашиглаж болно.