GIMP ilə animasiyalı GIF hazırlanır

Mündəricat:

GIMP ilə animasiyalı GIF hazırlanır
GIMP ilə animasiyalı GIF hazırlanır
Anonim

GIMP pulsuz olduğunu nəzərə alsaq, olduqca güclü proqram təminatıdır. Xüsusilə veb dizaynerləri onun sadə animasiyalı GIF-lər yaratmaq qabiliyyətinə görə minnətdar ola bilərlər.

Animasiyalı GIF-lər bir çox veb səhifələrdə görəcəyiniz sadə animasiyalardır və Flash animasiyalarından daha az mürəkkəb olsalar da, GIMP haqqında əsas anlayışı olan hər kəs üçün çox sadədir.

GIMP-də animasiyalı GIF-i necə etmək olar

Aşağıdakı addımlar bir neçə əsas qrafika, bəzi mətn və loqodan istifadə edərək sadə veb banner ölçülü animasiyanı göstərir.

Bu məqalədəki təlimatlar GIMP 2.10.12 versiyasına aiddir.

  1. Yeni Sənəd açın. Bu nümunədə biz Böyük mobil 320x100 veb bannerinin əvvəlcədən qurulmuş şablonunu seçmişik.

    Animasiyanız üçün son animasiyanızdan necə istifadə edəcəyinizdən asılı olaraq əvvəlcədən təyin edilmiş ölçü seçə və ya fərdi ölçülər təyin edə bilərsiniz.

    Bu dərslik üçün animasiya yeddi çərçivədən ibarət olacaq və hər bir çərçivə fərdi təbəqə ilə təmsil olunacaq, yəni son GIMP faylında arxa fon daxil olmaqla yeddi qat olacaq.

  2. Birinci Çərçivəni təyin edin. Animasiya boş yerlə başlayacaq, ona görə də faktiki Fon qatında heç bir dəyişiklik tələb olunmur, çünki o, artıq ağ rəngdədir.

    Lakin Layers palitrasında təbəqənin adına dəyişiklik lazımdır. Palitrada Fon qatına sağ klikləyin və Layer Atributlarını Redaktə et seçin.

    Image
    Image
  3. Açılan Layer Atributlarını Düzenle dialoq qutusunda təbəqənin adının sonuna (250ms) əlavə edin. Bu, bu çərçivənin animasiyada göstəriləcəyi vaxtı təyin edir. ms millisaniyələri ifadə edir və hər millisaniyə saniyənin mində birini təşkil edir. Bu ilk kadr saniyənin dörddə biri üçün göstəriləcək.

    Image
    Image
  4. İkinci çərçivəni təyin edin. Dərslik üçün bu çərçivə üçün ayaq izi qrafiki istifadə olunur. Fayl > Layers kimi açın bölməsinə keçin və qrafik faylı seçin. Bu, izi Move Tool istifadə edərək tələb olunduğu kimi yerləşdirilə bilən yeni təbəqəyə yerləşdirir.

    Image
    Image
  5. Arxa fon qatında olduğu kimi, çərçivə üçün ekran vaxtını təyin etmək üçün bu yeni təbəqənin adı dəyişdirilməlidir. Bu halda, 750ms.

    Layers palitrasında yeni təbəqənin önizləməsi qrafikin ətrafında qara fon göstərir, lakin əslində bu sahə şəffafdır.

    Image
    Image
  6. Üç, Dörd və Beş Çərçivəni təyin edin. Növbəti üç çərçivə pankart üzərindən keçəcək daha çox ayaq izləridir. Bunlar ikinci çərçivə ilə eyni şəkildə, eyni qrafikdən və digər ayaq üçün başqa bir qrafikdən istifadə edərək daxil edilir. Əvvəlki kimi vaxt hər kadr üçün 750 ms olaraq təyin edilib.

    Ayaq izi təbəqələrinin hər birinə ağ fon lazımdır ki, yalnız bir çərçivə həmişə görünsün – hazırda hər birinin şəffaf fonu var. Bunu iz qatının dərhal altında yeni təbəqə yaradaraq, yeni təbəqəni ağ rənglə dolduraraq və sonra iz qatına sağ klikləməklə və Aşağı birləşdirin üzərinə klikləməklə edə bilərik.

  7. Altı çərçivəni təyin et. Bu çərçivə sadəcə ağ rənglə doldurulmuş boş çərçivədir və son çərçivə görünməzdən əvvəl yoxa çıxan son izin görünüşünü verəcəkdir. Biz bu təbəqəyə Interval adını verdik və bu ekranı cəmi 250 ms müddətinə seçdik.

    Qatları adlandırmağa ehtiyac yoxdur, lakin bu, laylı fayllarla işləməyi asanlaşdıra bilər.

    Image
    Image
  8. Yeddi çərçivəni təyin et. Bu, son çərçivədir və Lifewire.com loqosu ilə birlikdə bəzi mətnləri göstərir. Burada ilk addım ağ fonlu başqa təbəqə əlavə etməkdir.

    Image
    Image
  9. Sonra, mətni əlavə etmək üçün Mətn Alətindən istifadə edin. Bu, yeni təbəqəyə tətbiq edilir, lakin siz loqo və ya yeni şəkil əlavə etdikdən sonra bununla məşğul olacağıq, bu da iz qrafikinin əvvəllər əlavə edildiyi kimi edilə bilər.

    Image
    Image
  10. Bunları istədiyimiz kimi tərtib etdikdə, loqo və mətn qatlarını birləşdirmək üçün Aşağı birləşdirin istifadə edə bilərik və sonra həmin birləşmiş təbəqəni əlavə edilmiş ağ təbəqə ilə birləşdirə bilərik. əvvəl. Bu, son çərçivəni təşkil edəcək tək qat yaradır və biz bunu 4000 ms ərzində göstərməyi seçdik.

    Image
    Image
  11. Animasiyaya Ön Baxın Animasiyalı GIF-i yadda saxlamazdan əvvəl, GIMP-də Filtrlər > bölməsinə keçməklə onu hərəkətdə görmək imkanı var. Animasiya > Oynatma Bu, animasiyanı oynamaq üçün özünü izah edən düymələri olan ilkin baxış dialoqunu açır. Bir şey düzgün görünmürsə, bu anda düzəliş edilə bilər. Əks halda, o, animasiyalı-g.webp" />.

    Animasiya ardıcıllığı Layers palitrasında təbəqələrin arxa plandan və ya ən aşağı təbəqədən başlayaraq yuxarıya doğru yığılması qaydasında qurulur. Əgər animasiyanız ardıcıllıqla ifa olunarsa, siz təbəqələrin sırasını tənzimləməlisiniz, onu seçmək üçün təbəqəyə klikləyin və onun mövqeyini dəyişdirmək üçün Layers palitrasının aşağı sətrinin yuxarı və aşağı oxlarından istifadə edin.

    Image
    Image
  12. Animasiyalı GIF-i yadda saxlayın. Animasiya edilmiş GIF-i saxlamaq olduqca sadə bir məşqdir. Əvvəlcə Fayl > Kopyasını Saxla bölməsinə keçin və faylınıza müvafiq ad verin və faylınızı harada saxlamaq istədiyinizi seçin.

    Image
    Image
  13. Sonra, onu animasiyalı-g.webp

    Fayl > Fərqlə İxrac et bölməsinə keçin.

    Image
    Image
  14. Açılan Şəkli İxrac Et dialoq qutusunda Seçin Fayl Tipi seçin və-g.webp" />. Şəklin faktiki sərhədlərindən kənara çıxan təbəqələr haqqında xəbərdarlıq alsanız, Kəsmə düyməsini seçin.

    Image
    Image
  15. Bu, indi Animasiyalı-g.webp" /> bölməsi ilə dialoquna gətirib çıxaracaq. Bunları defolt olaraq tərk edə bilərsiniz, baxmayaraq ki, əgər siz animasiyanın yalnız bir dəfə oxunmasını istəyirsinizsə, Əbədi döngə işarəsini silməlisiniz.

    Image
    Image
  16. İndi siz animasiyalı GIF-i paylaşa bilərsiniz.

Nəticə

Burada göstərilən addımlar sizə müxtəlif qrafika və sənəd ölçülərindən istifadə edərək öz sadə animasiyalarınızı yaratmaq üçün əsas alətləri verəcək. Animasiya baxımından son nəticə olduqca sadə olsa da, GIMP haqqında əsas biliyi olan hər kəsin əldə edə biləcəyi çox asan prosesdir.

Tövsiyə: