GIMP անիմացիոն GIF դասընթաց

Ինչպես ստեղծել GIMP- ի անիմացիոն GIF- ը

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

Մուլտիպլիկացիոն GIF- ները պարզ անիմացիաներ են, որոնք դուք կտեսնեք բազմաթիվ վեբ էջերում, եւ նրանք շատ ավելի բարդ են, քան Ֆլեշ անիմացիաները , նրանք շատ հեշտ են արտադրել GIMP- ի հիմնական պատկերացումները:

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

01-ը 09

Բացեք նոր փաստաթուղթ

Այս օրինակում ես պատրաստվում եմ օգտագործել GIMP- ը `շատ հիմնական անիմացիոն GIF վեբ-դրոշակ արտադրելու համար: Ես ընտրեցի նախադրված ձեւանմուշը վեբ բաններների ընդհանուր 468x60 : Ձեր անիմացիայի համար դուք կարող եք ընտրել նախադրված չափը կամ սահմանել մաքսային չափսեր, կախված այն բանից, թե ինչպես պետք է օգտագործեք ձեր վերջնական անիմացիան:

Իմ անիմացիան կազմված կլինի յոթ շրջանակից, եւ յուրաքանչյուր շրջանակ կներկայացնի անհատական ​​շերտով, ինչը նշանակում է, որ իմ վերջնական GIMP ֆայլը կունենա յոթ շերտ, ներառյալ ֆոն:

02-ը 09

Շրջանակի մեկը տեղադրեք

Ես ուզում եմ, որ իմ անիմացիան սկսվի դատարկ տարածքով, ուստի ես որեւէ փոփոխություն չեմ արել փաստացի Background շերտին, որն արդեն սպիտակ է:

Այնուամենայնիվ, պետք է փոխել շերտերի անունը շերտերի գունապնակում: Պիտակների մեջ աջ սեղմեք « Պատկերի շերտի» վրա եւ ընտրեք Խմբագրել շերտային հատկանիշները : Խմբագրման շերտի հատկանիշների երկխոսությունում, որը բացում է, ես ավելացնում (250ms) շերտի անվան վերջը: Սա սահմանում է այն ժամանակը, որ այս շրջանակը կցուցադրվի անիմացիայում: Ms- ը հասանելի է միլիոնավոր վայրկյաններով եւ յուրաքանչյուր միլիազիսորդը երկրորդն է հազարից: Այս առաջին շրջանակը կցուցադրվի երկրորդ եռամսյակի համար:

03-ը 09

Շրջանակի երկուսը

Ես ուզում եմ օգտագործել այս ոտնահետքի գրաֆիկական պատկերը, այնպես որ ես գնում եմ File > Open as Layers եւ ընտրեք իմ գրաֆիկական ֆայլը: Սա տեղադրում է ոտնահետքը նոր շերտի վրա, որը կարող եմ աշխատել, ինչպես պահանջվում է տեղափոխել գործիքը : Ինչպես ֆոնային շերտով, ես պետք է վերանայի շերտը, որպեսզի սահմանեն ցուցադրման ժամանակը շրջանակի համար: Այս դեպքում ես ընտրեցի 750 ֆունտ:

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

04-ին 09

Կառուցեք երեք, չորս եւ հինգերորդ շրջանակները

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

Ցանցերի յուրաքանչյուր հատվածը պետք է սպիտակ ֆոնի վրա, որպեսզի միայն տեսանելի լինի մեկ շրջանակ `ներկայումս յուրաքանչյուրն ունի թափանցիկ ֆոն: Ես կարող եմ դա անել, ստեղծելով նոր շերտ `գրեթե ցածր ստորջրյա շերտի ներքո, լրացնելով նոր շերտը սպիտակներով, ապա աջ սեղմելով ոտնահետքի շերտի վրա եւ սեղմելով Merge Down- ը :

05-ից 09-ը

Կառուցեք վեցը

Այս շրջանակն ընդամենը սպիտակներով լցված դատարկ շրջանակ է, որը կտա վերջնական ոտնահետքի հայտնությունը `անհետանալով, մինչեւ վերջնական շրջանակը հայտնվի: Ես այս շերտը անվանեցի Ինտերվալ եւ ընտրեցի այս ցուցադրությունը ընդամենը 250 մմ: Ձեզ հարկավոր չէ շերտեր անվանել, բայց դա կարող է հեշտությամբ աշխատել ավելի հեշտությամբ:

06-ից 09-ը

Կառուցեք յոթը

Սա վերջնական շրջանակ է եւ ցուցադրում է որոշ տեքստ, ինչպես նաեւ, ltd.tk logo. Առաջին քայլն այն է, ավելացնել սպիտակ ֆոնի հետ մեկ այլ շերտ:

Հաջորդը, ես օգտագործում եմ տեքստը, տեքստը ավելացնելու համար: Սա կիրառվում է նոր շերտի վրա, բայց ես կզբաղվեմ այն ​​բանից հետո, երբ ես ավելացրել եմ այն ​​լոգոն, որը ես կարող եմ անել այնպես, ինչպես որ ավելի վաղ գրել եմ ոստայնի գրաֆիկան: Երբ ես ստացել եմ դրանք, ցանկության դեպքում կազմակերպված եմ, կարող եմ օգտագործել Merge Down- ը , համատեղելու լոգոն եւ տեքստի շերտերը եւ միացրեք այդ համակցված շերտը, նախկինում ավելացված սպիտակ շերտով: Սա արտադրում է մեկ շերտ, որը կստեղծի վերջնական շրջանակ, եւ ես ընտրեցի այն 4000մ-ի համար:

07-ից 09-ը

Նախադիտում անիմացիա

Նախքան անիմացիոն GIF- ը փրկելու համար, GIMP- ն ունի այն, նախընտրելով այն գործելիս ` Filterers > Animation > Playback- ին : Սա բացում է նախադիտման երկխոսություն, ինքնատիրապետման կոճակներով `անիմացիոն խաղալ:

Եթե ​​ինչ-որ բան ճիշտ չէ, այն կարող է փոփոխվել այս պահին: Հակառակ դեպքում այն ​​կարող է պահպանվել որպես անիմացիոն GIF:

Նշում. Անիմացիոն հաջորդականությունը սահմանվում է այն կարգով, որ շերտերը շերտավորվում են շերտերի գունապնակից, սկսած ֆոնային կամ ստորին շերտից եւ մինչեւ վերեւ: Եթե ​​ձեր անիմացիան խաղում է հաջորդականությունից, ապա ձեզ հարկավոր է հարմարեցնել ձեր շերտերի կարգը, սեղմելով շերտը շերտերի գունապնակից ներքեւի սանդղակում ընտրելու եւ օգտագործելու համար:

08-ը 09

Պահպանեք անիմացիոն GIF- ը

Անիմացիոն GIF- ը փրկելը բավականին ուղիղ առաջընթաց է: Նախ ` Պատկեր > Պահպանել Պատկերը եւ ձեր ֆայլը համապատասխան անուն տալ եւ ընտրել այն վայրը, որտեղ ցանկանում եք ֆայլը պահել: Նախքան սեղմելուց առաջ սեղմել Ընտրեք Ֆայլի տիպը (ըստ ընդլայնման) դեպի ներքեւի ձախ կողմը եւ բացվող ցանկից ընտրեք GIF պատկեր : Արտահանման Ֆայլի երկխոսության մեջ բացվում է սեղմեք Save as Animation ռադիո կոճակը եւ սեղմեք « Արտահանման» կոճակը: Եթե ​​դուք նախազգուշացնում եք պատկերի փաստացի սահմաններից դուրս գտնվող շերտերի մասին, սեղմեք կոճակը կոճակը:

Սա հիմա կհանգեցնի Պահպանել որպես GIF երկխոսություն անիմացիոն GIF Ընտրանքներ բաժնում: Դուք կարող եք թողնել դրանք իրենց նախապատվություններով, չնայած, եթե միայն ուզում եք անիմացիայի անցկացնել մեկ անգամ, դուք պետք է ապացուցեք, որ Loop ընդմիշտ :

09-ին 09

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

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