Կարո՞ղ եք GIF ստեղծել Adobe Illustrator-ում:

Ճշմարտությունն այն է, որ միայնակ չեք կարող GIF ստեղծել Adobe Illustrator-ում : Այո, նախնական քայլերը կարելի է անել Adobe Illustrator-ում: Նշանակում է, որ դուք կարող եք պատրաստել գեղարվեստական ​​տախտակները անիմացիոն GIF-ի համար Adobe Illustrator-ում, բայց դուք պետք է արտահանեք գեղարվեստական ​​տախտակները GIF ստեղծող կամ օգտագործեք Photoshop՝ իրական GIF-ը պատրաստելու համար:

Այս ձեռնարկում դուք կսովորեք, թե ինչպես ստեղծել անիմացիոն GIF ֆայլեր Adobe Illustrator-ում և Photoshop-ում: Ես կբաժանեմ ձեռնարկները երկու մասի.

1-ին մասում կներկայացվեն այն քայլերը, որոնք պետք է կատարվեն Adobe Illustrator-ում, իսկ 2-րդ մասը ցույց կտա ձեզ, թե ինչպես փոխակերպել գեղարվեստական ​​տախտակները անիմացիոն GIF-ների Photoshop-ում: Եթե ​​դուք Photoshop-ի օգտատեր չեք, մի անհանգստացեք, ես ձեզ ցույց կտամ նաև, թե ինչպես պատրաստել GIF՝ օգտագործելով առցանց GIF ստեղծողները:

Նշում. այս ձեռնարկի սքրինշոթները վերցված են Adobe Illustrator CC 2022 Mac տարբերակից և Photoshop CC 2022 Mac տարբերակից: Windows-ը կամ այլ տարբերակները կարող են տարբեր տեսք ունենալ:

Մաս 1. GIF-ի ստեղծում Adobe Illustrator-ում

Եթե Adobe Illustrator-ը չի անիմատավորում, ինչո՞ւ ենք մենք օգտագործում այն ​​GIF-ի ստեղծման համար: Պարզ պատասխան. Քանի որ դուք պետք է ստեղծեք վեկտորներ GIF-ի համար Adobe Illustrator-ում, և գլխավորը տարբեր շրջանակներ/գործողություններ տարբեր գեղարվեստական ​​տախտակների բաժանումն է:

Որքան էլ շփոթեցնող թվա, դուք կհասկանաք, քանի որ ես ձեզ օրինակ եմ ցույց տալիս այստեղ՝ մանրամասն քայլերով:

Քայլ 1. Ստեղծեք նոր AdobeIllustrator ֆայլը և գեղարվեստական ​​տախտակի չափը սահմանեք 400 x 400px (Ուղղակի իմ առաջարկն է, ազատ զգալ կարգավորեք ցանկացած այլ չափ, որը ցանկանում եք):

Քանի որ այն GIF է լինելու, ես խորհուրդ չեմ տալիս մեծ ֆայլ ունենալ, և լավագույնն այն է, որ գեղարվեստական ​​տախտակը քառակուսի է:

Քայլ 2. Ստեղծեք պատկերակ կամ նկարազարդում, որը ցանկանում եք կենդանացնել: Օրինակ, ես պատրաստվում եմ պատրաստել անձրևի GIF, այնպես որ ես կստեղծեմ ամպի ձև և անձրևի մի քանի կաթիլ:

Բոլոր ձևերն այժմ գտնվում են նույն գեղարվեստական ​​տախտակի վրա, ուստի հաջորդ քայլը դրանք տարբեր գեղարվեստական ​​տախտակների բաժանելն է` անիմացիոն շրջանակներ ստեղծելու համար:

Քայլ 3. Ստեղծեք նոր գեղարվեստական ​​տախտակներ: Այս գեղարվեստական ​​տախտակները հետագայում կլինեն Photoshop-ի շրջանակները, ուստի գեղարվեստական ​​տախտակների քանակը կախված է այն շրջանակների/գործողությունների քանակից, որոնք ցանկանում եք ունենալ GIF-ը:

Օրինակ, ես ավելացրեցի հինգ լրացուցիչ գեղարվեստական ​​տախտակ, այնպես որ այժմ ես ընդհանուր առմամբ ունեմ վեց գեղանկարչական տախտակ:

Մի լարվեք, եթե այս պահին վստահ չեք, միշտ կարող եք ավելի ուշ ավելացնել կամ ջնջել գեղարվեստական ​​տախտակները:

Քայլ 4. Պատճենեք և տեղադրեք ձևերը նոր գեղարվեստական ​​տախտակների վրա: Եթե ​​դուք խմբագրում եք նույն ձևի վրա, կարող եք պատճենել ձևը բոլոր գեղանկարչական տախտակներում և կատարել խմբագրումները յուրաքանչյուր գեղանկարչական տախտակի վրա:

Նշում. շատ կարևոր է, որ ձևերը տեղադրվեն նոր գեղարվեստական ​​տախտակների վրա, երբ GIF-ը պատրաստում եք: Պատճենված օբյեկտը նույն տեղում տեղադրելու համար ստեղնաշարի դյուրանցումն է՝ Command + F ( Ctrl + F Windows-ի օգտվողների համար):

Տարրերը վրաartboards-ը պետք է հետևի GIF-ի ցուցադրման հաջորդականությանը:

Օրինակ, ամպի ձևը կցուցադրվի GIF-ի վրա ամբողջ ժամանակ, այնպես որ պատճենեք ամպի ձևը բոլոր նոր գեղարվեստական ​​տախտակներում: Դուք կարող եք նաև տարրեր ավելացնել ձեր նոր գեղարվեստական ​​տախտակին մեկ առ մեկ: Քո հայեցողությամբ.

Որոշեք, թե որ մասը կցուցադրվի հաջորդը, և կազմակերպեք գեղանկարչական տախտակները՝ հետևելով այն շրջանակի հաջորդականությանը, որը ցուցադրվելու է GIF-ում:

Իմ դեպքում, ես ուզում եմ, որ առաջինը ցույց տա անձրևի միջին կաթիլը, այնպես որ ես այն կդնեմ Artboard 2-ի ամպի ձևի հետ: Այնուհետև հաջորդ շրջանակների վրա (artboards) ես կավելացնեմ անձրևի կաթիլները: կողմերի վրա մեկ առ մեկ:

Երբ ես ստեղծեցի բոլոր գեղարվեստական ​​տախտակները, ես որոշեցի հեռացնել անձրևի կաթիլները առաջին գեղարվեստական ​​տախտակից, այնպես որ այժմ իմ գեղարվեստական ​​տախտակները այսպիսի տեսք ունեն, և դրանք պատրաստ են:

Քայլ 5. Անվանեք գեղանկարչական տախտակները և դրեք դրանք հաջորդականությամբ, թե ինչպես եք ցանկանում, որ դրանք GIF-ի վրա նայվեն: Ես դրանք կանվանեմ շրջանակ 1-ից մինչև շրջանակ 6, որպեսզի ավելի հեշտ ճանաչվեն Photoshop-ում:

Քայլ 6. Արտահանել գեղարվեստական ​​տախտակները: Գնացեք վերին մենյու Ֆայլ > Արտահանում > Արտահանում էկրանների համար և ընտրեք Արտահանել գեղարվեստական ​​տախտակներ :

Դուք պետք է տեսնեք ձեր գեղարվեստական ​​տախտակները պահված որպես առանձին պատկերներ անուններով:

Դուք ավարտել եք աշխատանքը Adobe Illustrator-ում, եկեք շարունակենք անիմացիայի գործընթացը Photoshop-ում:

Մաս 2. GIF-ի պատրաստում Photoshop-ում

Հենց որ բոլոր շրջանակները պատրաստ լինեն, այն միայնPhotoshop-ում անիմացիոն GIF ստեղծելու համար տևում է մի քանի րոպե:

Քայլ 1. Ստեղծեք նոր փաստաթուղթ Photoshop-ում, նույն չափի, ինչ Adobe Illustrator ֆայլը Մաս 1-ից: Իմ դեպքում այն ​​կլիներ 400 x 400px:

Քայլ 2. Քաշեք պատկերները, որոնք արտահանել եք Adobe Illustrator-ից Photoshop, և դրանք կցուցադրվեն որպես շերտեր:

Քայլ 3. Գնացեք վերին մենյու Պատուհան > Ժամանակացույց , կամ կարող եք ուղղակիորեն փոխել աշխատանքային տարածքը Շարժում :

Դուք պետք է տեսնեք Timeline աշխատանքային տարածք ձեր Photoshop պատուհանի ներքևում:

Քայլ 4. Սեղմեք Ստեղծել շրջանակի անիմացիա Timeline-ի աշխատանքային տարածքում, և կտեսնեք վերին շերտը, որը ցուցադրվում է Timeline-ի աշխատանքային տարածքում:

Քայլ 5. Սեղմեք Ժամանակացույցի պատուհանի վերին աջ անկյունում` ծալված ընտրացանկը բացելու համար և ընտրեք Ստեղծել շրջանակներ շերտերից :

Այնուհետև բոլոր շերտերը կցուցադրվեն որպես շրջանակներ:

Ինչպես տեսնում եք, առաջին կադրը դատարկ է, քանի որ այն ավելի ուշ ֆոնն է: Դուք կարող եք ջնջել առաջին շրջանակը՝ ընտրելով շրջանակը և սեղմելով «Ժամանակացույց» պատուհանի Ջնջում է ընտրված շրջանակները կոճակը:

Քայլ 6. Սեղմեք ներքև սլաքի վրա յուրաքանչյուր կադրի տակ՝ համապատասխանաբար յուրաքանչյուր կադրի արագությունը փոխելու համար: Օրինակ, ես փոխել եմ բոլոր կադրերի արագությունը մինչև 0,2 վրկ:

Դուք կարող եք սեղմել նվագարկման կոճակը` տեսնելու, թե ինչպես է GIF-ի տեսքը: Երբ դուք գոհ եք արդյունքից: Վերջին քայլըայն արտահանելն է որպես GIF:

Քայլ 7. Գնալ դեպի վերին մենյու Ֆայլ > Արտահանել > Պահել վեբի համար (Ժառանգություն) :

Կարգավորումների ընտրացանկից ամենակարևորն է ընտրել GIF որպես ֆայլի տեսակ և ընտրել Ընդմիշտ որպես Lopping Options: Դուք համապատասխանաբար փոխում եք այլ կարգավորումներ:

Սեղմեք Պահպանել և շնորհավորում ենք: Դուք հենց նոր անիմացիոն GIF եք ստեղծել:

Ինչպե՞ս ստեղծել GIF առանց Photoshop-ի

Ծանոթ չեք Photoshop-ին: Դուք, անշուշտ, կարող եք ստեղծել GIF առանց Photoshop-ի: Կան շատ առցանց գործիքներ, որոնք թույլ են տալիս անվճար GIF ստեղծել:

Օրինակ, EZGIF-ը հայտնի GIF ստեղծող է և հեշտ է օգտագործել: Ձեզ անհրաժեշտ է միայն վերբեռնել ձեր պատկերները, ընտրել նվագարկման արագությունը, և այն ավտոմատ կերպով GIF-ը կդարձնի ձեզ համար:

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

Adobe Illustrator-ն այն վայրն է, որտեղ դուք ստեղծում եք անիմացիայի տարրերը, իսկ Photoshop-ը այնտեղ է, որտեղ դուք ստեղծում եք անիմացիոն GIF:

Ավելի հեշտ տարբերակ կլինի առցանց GIF ստեղծողի օգտագործումը: Առավելությունն այն է, որ դա ձեզ շատ ժամանակ կխնայի, հատկապես, եթե ծանոթ չեք Photoshop-ին: Այնուամենայնիվ, ես նախընտրում եմ Photoshop-ի ճկունությունը, քանի որ ավելի շատ եմ վերահսկում շրջանակները: