Անիմացիոն GIF-ի արտադրություն GIMP-ով

Բովանդակություն:

Անիմացիոն GIF-ի արտադրություն GIMP-ով
Անիմացիոն GIF-ի արտադրություն GIMP-ով
Anonim

GIMP-ը զարմանալիորեն հզոր ծրագրաշար է, հաշվի առնելով, որ այն անվճար է: Հատկապես վեբ դիզայներները կարող են երախտապարտ լինել պարզ անիմացիոն GIF-ներ արտադրելու ունակության համար:

Անիմացիոն GIF-ները պարզ անիմացիաներ են, որոնք դուք կտեսնեք բազմաթիվ վեբ էջերում, և թեև դրանք շատ ավելի քիչ բարդ են, քան Flash անիմացիաները, դրանք շատ պարզ է արտադրվում բոլոր նրանց կողմից, ովքեր տիրապետում են GIMP-ին:

Ինչպես ստեղծել անիմացիոն-g.webp" />

Հետևյալ քայլերը ցույց են տալիս պարզ վեբ դրոշի չափի անիմացիա՝ օգտագործելով մի քանի հիմնական գրաֆիկա, որոշ տեքստ և պատկերանշան:

Այս հոդվածի հրահանգները վերաբերում են GIMP 2.10.12 տարբերակին.

  1. Բացեք նոր փաստաթուղթ: Այս օրինակում մենք ընտրել ենք Վեբ դրոշի մեծ շարժական 320x100 նախադրված ձևանմուշը։

    Ձեր անիմացիայի համար կարող եք ընտրել նախադրված չափը կամ սահմանել հատուկ չափսեր՝ կախված նրանից, թե ինչպես եք օգտագործելու ձեր վերջնական անիմացիա:

    Այս ձեռնարկի համար անիմացիան բաղկացած կլինի յոթ կադրից և յուրաքանչյուր կադր կներկայացվի առանձին շերտով, ինչը նշանակում է, որ վերջնական GIMP ֆայլը կունենա յոթ շերտ, ներառյալ ֆոնը:

  2. Set Frame One: Շարժապատկերը կսկսվի դատարկ տարածությունից, այնպես որ անհրաժեշտ չէ փոխել իրական Ֆոնային շերտը, քանի որ այն արդեն պարզ սպիտակ է:

    Սակայն անհրաժեշտ է փոխել շերտի անվանումը Layers գունապնակում: Աջ սեղմեք ներկապնակի Ֆոնային շերտի վրա և ընտրեք Խմբագրել շերտի հատկանիշները:

    Image
    Image
  3. Խմբագրել շերտի հատկանիշները երկխոսություն, որը բացվում է, ավելացրեք (250ms) շերտի անվան վերջում: Սա սահմանում է այս կադրի ցուցադրման ժամանակը անիմացիայի մեջ: MS-ը նշանակում է միլիվայրկյաններ, և յուրաքանչյուր միլիվայրկյանը վայրկյանի հազարերորդականն է: Այս առաջին կադրը կցուցադրվի մեկ քառորդ վայրկյան:

    Image
    Image
  4. Սահմանել շրջանակ երկու: Ուսուցման համար այս շրջանակի համար օգտագործվում է ոտնահետքի գրաֆիկա: Գնացեք Ֆայլ > Բացեք որպես շերտեր և ընտրեք գրաֆիկական ֆայլը: Սա տեղադրում է ոտնահետքը նոր շերտի վրա, որը կարող է տեղադրվել ըստ պահանջի՝ օգտագործելով Move Tool:

    Image
    Image
  5. Ինչպես ֆոնային շերտի դեպքում, այս նոր շերտը պետք է վերանվանվի՝ շրջանակի ցուցադրման ժամանակը նշանակելու համար: Այս դեպքում՝ 750 մս։

    Շերտեր գունապնակում, նոր շերտի նախադիտումը, կարծես, ցույց է տալիս սև ֆոն գրաֆիկայի շուրջ, բայց իրականում այս տարածքը թափանցիկ է:

    Image
    Image
  6. Սահմանել շրջանակներ երեք, չորս և հինգ: Հաջորդ երեք շրջանակները ավելի շատ հետքեր են, որոնք կանցնեն դրոշի վրայով: Դրանք տեղադրվում են այնպես, ինչպես երկրորդ շրջանակը, օգտագործելով այդ նույն գրաֆիկան և մեկ այլ գրաֆիկա մյուս ոտքի համար: Ինչպես նախկինում, ժամանակը սահմանված է որպես 750 ms յուրաքանչյուր կադրի համար:

    Որքանչյուր շերտի կարիք ունի սպիտակ ֆոն, որպեսզի տեսանելի լինի միայն մեկ շրջանակ. ներկայումս յուրաքանչյուրն ունի թափանցիկ ֆոն: Մենք կարող ենք դա անել՝ ստեղծելով նոր շերտ անմիջապես ոտնահետքի շերտի տակ, լրացնելով նոր շերտը սպիտակով, այնուհետև աջ սեղմելով ոտնահետքի շերտի վրա և սեղմելով Merge Down

  7. Set Frame Six: Այս շրջանակը պարզապես սպիտակ շրջանակ է, որը լցված է սպիտակով, որը կտա վերջնական հետքի տեսքը, որն անհետանում է մինչև վերջնական շրջանակի հայտնվելը: Մենք այս շերտը անվանել ենք «Interval» և ընտրել ենք այս ցուցադրումը ընդամենը 250 մվ:

    Պետք չէ շերտեր անվանել, բայց դա կարող է հեշտացնել շերտավոր ֆայլերի հետ աշխատելը:

    Image
    Image
  8. Set Frame Seven: Սա վերջնական շրջանակն է և ցուցադրում է որոշ տեքստ Lifewire.com-ի պատկերանշանի հետ միասին: Այստեղ առաջին քայլը սպիտակ ֆոնով մեկ այլ շերտ ավելացնելն է:

    Image
    Image
  9. Հաջորդ, օգտագործեք Text Tool տեքստը ավելացնելու համար: Սա կիրառվում է նոր շերտի վրա, սակայն մենք կզբաղվենք դրա հետ, երբ ավելացնեք լոգոն կամ նոր պատկեր, ինչը կարող է արվել այնպես, ինչպես նախկինում ավելացվել է ոտնահետքի գրաֆիկան:

    Image
    Image
  10. Երբ մենք դրանք դասավորենք ըստ ցանկության, մենք կարող ենք օգտագործել Merge Down լոգոն և տեքստի շերտերը համադրելու համար, այնուհետև միավորել այդ համակցված շերտը ավելացված սպիտակ շերտի հետ: նախկինում. Սա արտադրում է մեկ շերտ, որը կձևավորի վերջնական շրջանակը, և մենք ընտրեցինք այն ցուցադրել 4000 մվ:

    Image
    Image
  11. Նախադիտել անիմացիան Անիմացիոն GIF-ը պահելուց առաջ GIMP-ն հնարավորություն ունի նախադիտել այն գործողության մեջ՝ անցնելով Զտիչներ >Անիմացիա > Նվագարկում Սա բացում է նախադիտման երկխոսություն՝ ինքնաբացատրվող կոճակներով՝ անիմացիան նվագարկելու համար: Եթե ինչ-որ բան ճիշտ չի թվում, այն կարող է փոփոխվել այս պահին: Հակառակ դեպքում, այն կարող է պահպանվել որպես անիմացիոն GIF:

    Շարժապատկերների հաջորդականությունը սահմանվում է այն հաջորդականությամբ, որ շերտերը հավաքվում են Շերտեր գունապնակում՝ սկսած ֆոնից կամ ամենացածր շերտից և աշխատելով դեպի վեր: Եթե ձեր անիմացիան խաղում է ոչ հաջորդականությամբ, ապա ձեզ հարկավոր է կարգավորել ձեր շերտերի հերթականությունը՝ կտտացնելով շերտի վրա՝ ընտրելու համար և օգտագործելով «Շերտեր» ներկապնակի ներքևի բարում գտնվող վեր ու վար սլաքները՝ դրա դիրքը փոխելու համար:

    Image
    Image
  12. Պահպանել անիմացիոն GIF: Անիմացիոն GIF-ի պահպանումը բավականին պարզ վարժություն է: Նախ, գնացեք Ֆայլ > Պահպանեք պատճենը և տվեք ձեր ֆայլին համապատասխան անուն և ընտրեք, թե որտեղ եք ուզում պահել ձեր ֆայլը:

    Image
    Image
  13. Հաջորդ, անցեք Ֆայլ > Export As՝ այն որպես անիմացիոն-g.webp" />

    Image
    Image
  14. Export Image, որը բացվում է երկխոսության մեջ, ընտրեք Ընտրեք Ֆայլի տեսակը և ոլորեք դեպի-g.webp" />. Եթե նախազգուշացում ստանաք պատկերի իրական սահմաններից դուրս ձգվող շերտերի մասին, ընտրեք Crop կոճակը:

    Image
    Image
  15. Այժմ սա կհանգեցնի Պահպանել որպես GIF երկխոսության Անիմացիոն-g.webp" /> բաժնի հետ: Դուք կարող եք դրանք թողնել իրենց լռելյայնությամբ, սակայն եթե ցանկանում եք, որ անիմացիան միայն մեկ անգամ նվագարկվի, ապա նշեք Loop forever:

    Image
    Image
  16. Այժմ դուք կարող եք կիսվել ձեր անիմացիոն GIF-ով:

Եզրակացություն

Այստեղ ցուցադրված քայլերը ձեզ կտան հիմնական գործիքներ՝ ձեր սեփական պարզ անիմացիաներ ստեղծելու համար՝ օգտագործելով տարբեր գրաֆիկա և փաստաթղթերի չափսեր: Թեև վերջնական արդյունքը բավականին հիմնական է անիմացիայի առումով, դա շատ հեշտ գործընթաց է, որը կարող է հասնել GIMP-ի հիմնական գիտելիքներ ունեցող յուրաքանչյուր ոք:

Խորհուրդ ենք տալիս: