Լոգոյի անիմացիա

Լոգոյի անիմացիան լոգոյի տեսողական տարրերի շարժման կամ փոփոխության գործընթացն է՝ այն ավելի դինամիկ և գրավիչ դարձնելու համար: Այն կարող է կիրառվել տարբերանշանի տարբեր մասերի վրա, ինչպիսիք են տեքստը, պատկերները, գույները և ձևերը, և այն կարող է ունենալ տարբեր աստիճանի բարդություն՝ սկսած պարզ անիմացիաներից, ինչպիսիք են տեքստի թարթող կամ խամրող գույները, մինչև բարդ անիմացիաներ, որոնք ներառում են շարժվող կամ ինտերակտիվ առարկաներ: էֆեկտներ։

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

Ինչպե՞ս ընտրել ճիշտ գույնը ձեր լոգոյի համար:

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

 

Լոգոյի անիմացիա After Effects-ում -

Քայլ 1. Պատրաստեք ձեր պատկերանշանի ֆայլը:

Մենք իրականում կսկսենք մեր ձեռնարկն այն մասին, թե ինչպես անիմացիոն լոգոն Adobe Illustrator-ում (կամ լոգոների նախագծման նմանատիպ ծրագրաշարում): Սա անհրաժեշտ է ապահովելու համար, որ մեր ֆայլը լոգոն ստեղծվել է անիմացիայի համար.

Լոգոյի գրանցում

Չնայած անիմացիոն ծրագրակազմն ինքնին ռաստեր է, լոգոյի բնօրինակ ֆայլերը պետք է լինեն վեկտորային ձևաչափով: Սա թույլ է տալիս փոխել դրանք առանց վնաս պատկերի որակի համար (օրինակ, ռաստերային լոգոյի մասշտաբի մեծացումը հանգեցնում է պիքսելացման), և դա ավելի ուշ օգտակար կլինի ձևի շերտերի հետ աշխատելիս:

Լոգոտիպը նույնպես պետք է լինի բազմաշերտ, այլ ոչ թե խմբավորվի մեկ օբյեկտի մեջ: Սա հեշտացնում է ավելի բարդ անիմացիաներ ստեղծելը լոգոյի առանձին մասերի անիմացիայի միջոցով: Դուք կարող եք ստեղծել նոր շերտեր՝ օգտագործելով «  Ավելացնել նոր շերտ" Շերտերի վահանակի ներքևում, այնուհետև պատճենեք և տեղադրեք ձեր պատկերանշանի մասերը դրանց մեջ:

Վերջապես, քանի որ անիմացիան թվային է, մենք աշխատում ենք նաև RGB գույներով: Եթե ​​ձեր Illustrator ֆայլը դրված է CMYK-ի, կարող եք փոխել դա՝ ընտրելով ձեր պատկերանշանը և նավարկելով Խմբագրել > Խմբագրել գույները > Փոխարկել RGB-ի:

Երբ պատրաստ լինեք, արտահանեք ձեր պատկերանշանը որպես ամբողջովին շերտավորված վեկտորային ֆայլ: Քանի որ After Effects ֆայլերի տեսակները Adobe ծրագրային ապահովման ընտանիքի մաս են կազմում, ես պատրաստվում եմ պահպանել իմ ստեղծած պատկերանշանը որպես AI ֆայլ (Adobe Illustrator), բայց կան մի քանի տարբեր տեսակի վեկտորային ֆայլեր, որոնցից կարելի է ընտրել, եթե օգտագործում եք այլ ծրագրեր:

Քայլ 2. Ներմուծեք ձեր պատկերանշանը After Effects-ում: Լոգոյի անիմացիա

Բացեք After Effects-ը: Ինտերֆեյսը կարող է առաջին հայացքից բարդ թվալ, ուստի եկեք բաժանենք հիմունքները.

 

1. Գործիքադարակ Այստեղ դուք կարող եք մուտք գործել հիմնական գրաֆիկական գործիքներինչպիսիք են Գրիչ գործիքը, Տիպի գործիքը և այլն:
2. Ծրագրի վահանակ Այստեղ դուք կառավարում և կազմակերպում եք մեդիա ֆայլեր ամբողջ նախագծի համար:
3. Կոմպոզիցիայի պատուհան Սա տեսանյութի նախադիտման պատուհան է, որտեղ կարող եք նախադիտել անիմացիան ընթացիկ կոմպոզիցիայի համար (հաճախ կոչվում է կոմպոզիցիա), որի վրա աշխատում եք: Կոմպոզիցիաները հիմնականում տեսարաններ են, որոնցից յուրաքանչյուրն ունի իր առանձին անիմացիոն ժամանակացույցը: Կոմպոզիցիաները ավելի մանրամասն կքննարկենք հաջորդ բաժնում:
4. Ժամանակացույց Այստեղ դուք կստեղծեք ձեր անիմացիան: Այն բաղկացած է և՛ բառացի ժամանակացույցից՝ աջ կողմում (որտեղ դուք կարգավորելու եք անիմացիոն իրադարձությունները՝ ժամանակացույցի վրա աշխատելու համար), և՛ դասավորության տարածքից՝ ձախ կողմում (որտեղ դուք կվերածեք և կխմբագրեք ձեր մեդիա ակտիվների ատրիբուտները):
5. Կառավարման վահանակ Այստեղ դուք կարող եք մուտք գործել տարբեր օժանդակ գործառույթներ, ինչպիսիք են լրատվամիջոցների տեղեկատվությունը, պարբերության և հավասարեցման ընտրանքները, ինչպես նաև նախապես կառուցված անիմացիայի և տեսողական էֆեկտների գրադարանները, որոնք ներկառուցված են After Effects-ում:

Եթե ​​վստահ չեք գործիքի կամ կոճակի մասին, մկնիկը սավառնելով դրա վրա՝ ձեզ նկարագրություն կտա:

Լոգոյի ֆայլ ներմուծելու համար պարզապես քաշեք այն Ծրագրի վահանակ կամ ընտրեք  Ֆայլ »  > «  Ներմուծել »  > «  Ֆայլ » . Հաջորդ երկխոսության վանդակում ընտրեք Ներմուծել մեդիա որպես  կադրեր և միաձուլված շերտեր .

Քայլ 3. Ստեղծեք ձեր կազմը: Լոգոյի անիմացիա.

Կոմպոզիցիան (comp) կոնտեյներ է, որը թույլ է տալիս ստեղծել, խմբագրել և կիրառել անիմացիա մեդիա ֆայլերի վրա: Ավելի մեծ արտադրություն, ինչպիսին է ֆիլմը, կպարունակի բազմաթիվ հետքեր, որոնք կազմակերպված են նախագծի վահանակում: Այսպիսով, դուք կարող եք համարել հետքերը որպես մեկ տեսարան այդ ֆիլմում, և յուրաքանչյուր թրեք կունենա իր առանձին ժամանակացույցը: Մեր դեպքում հինգ վայրկյանից պակաս տևողությամբ լոգոյի անիմացիան շատ քիչ կոմպոզիցիաներ է պահանջում:

Սկսենք պարզ նախապատմությունից: Աջ սեղմեք դասավորության վահանակի վրա և ընտրեք « Ստեղծել »  > «  Պինդ» . Քանի որ իմ լոգոն սպիտակ է, ես ընտրեցի ամուր սեւ գույնը, բայց կարող եք ընտրել ցանկացած գույն։ Հաջորդ պատուհանում անվանեք կոշտը (իմ դեպքում «BG»), սեղմեք «  Դարձրեք չափը  համակարգիչ» և ընտրեք «  ԼԱՎ" . Այժմ քաշեք ձեր պատկերանշանի ֆայլը Ծրագրի վահանակից դեպի «Ժամանակացույց» վահանակ, և դուք պետք է տեսնեք ձեր պատկերանշանը նախադիտված կոմպոզիցիայի պատուհանում: Եթե ​​ոչ, համոզվեք, որ վերադասավորեք շերտերը` քարշ տալով ամուր ֆոնը պատկերանշանի ֆայլի տակ:

Աջ սեղմեք լոգոյի ֆայլը դասավորության վահանակում և ընտրեք Ստեղծել » > « Փոխակերպել բազմաշերտ կոմպոզիցիայի» . Սա ձեր լոգոյի ֆայլը կվերածի այլ կազմի (դուք կտեսնեք, որ պատկերակը փոխվել է): Լոգոյի ֆայլի վրա կրկնակի սեղմումով այժմ կբացվի նոր ներդիր և ձեզ կտանի դեպի այս նոր կոմպոզիցիան, որը պարունակում է բոլոր առանձին շերտերը, որոնք դուք ստեղծել եք Illustrator-ում: Այժմ դուք կարող եք տեսնել, թե ինչպես են աշխատում կոմպսերը. դրանք ըստ էության նման են ենթաթղթապանակների:

Լոգոյի անիմացիա

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

Քանի որ դա բացակայում է, եկեք հասկանանք, թե ինչպես են այս ժամանակացույցերը աշխատում անիմացիայի համար:

Քայլ 4. Անիմացնել պատկերանշանը առանցքային շրջանակների միջոցով

After Effects-ը (և անիմացիոն ծրագրերի մեծ մասը) աշխատում է առանցքային կադրերի միջոցով: Հիմնական կադրերը, ըստ էության, նշիչներ են, որոնք դուք կարող եք սահմանել ժամանակացույցի վրա՝ որոշելու, թե երբ պետք է տեղի ունենան ձեր անիմացիայի սկզբի և վերջի վիճակները:

Օրինակ, եկեք սկսենք շատ պարզ անիմացիայից՝ fading in: Օբյեկտը իրեն կցված է տարբեր ատրիբուտներ, և ատրիբուտները, որոնք փոխվում են որոշակի ժամանակահատվածում, ըստ էության անիմացիա են: Այս հատկանիշները տեսնելու համար սեղմեք «Ընդլայնել» պատկերակը պատկերանշանի կողքին, որին հաջորդում է գույք «Փոխակերպել» .

Գունաթափվող անիմացիայի համար դուք ցանկանում եք աշխատել օբյեկտի տեսանելիությունը չափող հատկանիշի հետ՝ անթափանցիկություն: Անթափանցիկությունը սահմանված է 100%, քանի որ լռելյայնորեն լոգոն լիովին տեսանելի է:

Սեղմեք «Անթափանցիկություն» տարբերակի կողքին գտնվող վայրկյանաչափի պատկերակը և կտեսնեք ադամանդ, որտեղ տեղադրված է նվագարկիչի նշիչը (թույլ կապույտ գիծը հատում է ժամանակացույցը): Սա առանցքային շրջանակ է, հիմնականում նշված հատկանիշի ընթացիկ արժեքի պատկերը: Տեղափոխեք առանցքային շրջանակը՝ սեղմելով և քաշելով այն ժամանակացույցի 2 վայրկյան նշանի վրա: Քաշեք սահիչը դեպի 0 վայրկյան նշանը, այնուհետև ստեղծեք մեկ այլ առանցքային կադր և սահմանեք անթափանցիկությունը 0%: Սեղմեք «Spacebar»՝ կոմպոզիցիայի պատուհանում անիմացիան դիտելու համար:

Էֆեկտներից հետո

Դուք կտեսնեք, որ դուք ստեղծել եք սահուն անիմացիոն անիմացիա՝ փոխելով անթափանցիկությունը 0%-ից մինչև 100% 2 վայրկյանում ընդամենը երկու առանցքային կադրերով: Ահա թե ինչպես է կատարվում ամբողջ անիմացիան After Effects-ում: Դուք կարող եք ստեղծել սկզբնական և ավարտական ​​առանցքային կադրեր տարբեր ընդմիջումներով ժամանակացույցի երկայնքով, և After Effects-ը ավտոմատ կերպով հաշվարկում է շրջանակի անհրաժեշտ անցումները՝ A կետից B կետ հասնելու համար (ավանդաբար կոչվում է tween frames անիմացիոն բիզնեսում):

Դուք կարող եք տեսնել, որ կան մի շարք ատրիբուտներ, որոնց հետ կարող եք աշխատել Փոխակերպել սեփականությունը, որը հակիրճ կբացատրենք այստեղ։ Ազատորեն փորձարկեք առանցքային կադրերի հետ և փոփոխեք յուրաքանչյուրը, որպեսզի զգաք նրանց անիմացիոն հնարավորությունները.

• Դիրք Այս հատկանիշը նկարագրում է պատկերանշանի դիրքը X, Y տարածության վրա դասավորության էկրանին և թույլ է տալիս աշխուժացնել գծային շարժումը:
• Սանդղակ Այս հատկանիշը նկարագրում է լոգոյի չափը (որպես սկզբնական ֆայլի լրիվ չափի տոկոս) և թույլ է տալիս ստեղծել մեծացնելու կամ փոքրացնելու անիմացիաներ:
• Ռոտացիան Այս հատկանիշը նկարագրում է կողմնորոշումը աստիճաններով և թույլ է տալիս ստեղծել պտտվող անիմացիաներ:

Մասնագիտական ​​խորհրդատվություն :

Երբ խոսքը վերաբերում է լոգոների աշխուժացմանը, իմաստ ունի աշխատել հետընթաց (ինչպես մենք արեցինք fade-in-ի դեպքում), քանի որ անիմացիան պետք է ավարտվի ավարտված, ամբողջական պատկերանշանի վրա: Սա նշանակում է, որ դուք պետք է ստեղծեք առանցքային կադրեր, նախքան որևէ բան փոխելը, որպեսզի ունենաք հատկանիշի արժեքների լուսանկարները իրենց լռելյայն վիճակում: Այնուհետև կարող եք այս առանցքային կադրերը տեղափոխել ժամանակացույցի ցանկալի վերջնակետ (որքան էլ որ անիմացիան տևի) և ժամանակացույցի սկզբում փոփոխությունների համար ստեղծել նոր առանցքային կադրեր:

Քայլ 5. Անիմացե՛ք լոգոն՝ օգտագործելով ձևի շերտերը:

Այժմ եկեք անցնենք ավելի հետաքրքիր անիմացիոն տեխնիկայի՝ օգտագործելով ձևի շերտերը: Ձևային շերտերն այնպիսի առարկաներ են, որոնք պարունակում են ուղու տեղեկատվություն, ինչպիսիք են խարիսխի կետերը և միակցիչ գծերը (նման են վեկտորային ծրագրերում), և դրանց մանիպուլյացիաները բացում են անիմացիոն հնարավորությունների մի ամբողջ շարք։ Փոխակերպել հատկությունները .

Ինչպե՞ս ընտրել ճիշտ գույնը ձեր լոգոյի համար:

Սկզբում մենք լոգոն կվերածենք ձևի շերտի: Շերտավոր կազմի վահանակում (3-րդ քայլում ստեղծված շերտերը) ընտրեք ձեր բոլոր շերտերը, աջ սեղմեք և ընտրեք «  Ստեղծել »  > «  Ստեղծեք ձևեր վեկտորային շերտից» . Դուք կտեսնեք, որ յուրաքանչյուր շերտ կրկնօրինակված է աստղի կողքին. սա ձևի շերտ է: Բնադրված ձևի շերտի տակ, դուք կգտնեք Բովանդակության սեփականություն ի լրումն Փոխակերպել սեփականությունը . Դեպի աջ Բովանդակության հատկություններ դուք նույնպես կտեսնեք կոճակը « Ավելացնել " , որը թույլ կտա ձեզ ընտրել էլ ավելի շատ ատրիբուտներ՝ կենդանացնելու համար:

Օբյեկտի չափում Adobe Illustrator-ում

Կտրեք ուղիները

Իմ պատկերանշանի համար ես օգտագործել եմ բավականին տարածված և օգտակար անիմացիա՝ օգտագործելով Trim Paths հատկությունը: Դա անելու համար ես ավելացրեցի «Crop Paths» կոճակը « Ավելացնել " յուրաքանչյուր տառի համար նախատեսված ձևի շերտերի համար սահմանեք End հատկանիշի հիմնական շրջանակը 0% ժամանակացույցի սկզբում և 100% մոտ 1 վայրկյան հետո: Ինչպես տեսնում եք, տառերի ուրվագիծը կարծես իրական ժամանակում գծված է անտեսանելի ձեռքով:

Trim Paths հատկության օգտագործումը թույլ է տալիս անիմատավորել գծերը, որպեսզի նրանք նկարեն իրենց իրական ժամանակում:

Բացի այդ, ես ուզում էի ֆոնին ավելացնել որոշ շեշտադրվող անիմացիա: Քանի որ ես աշխատում եմ սև-սպիտակ գույներով, ես ընտրեցի թունելի էֆեկտ, որը հիշեցնում է Մթնշաղի գոտին: Դա անելու համար ես օգտագործեցի «Գործիքներ» վահանակի պոլիգոն գործիքը՝ իմ կոմպոզիցիայի կենտրոնում ձևավորելու համար՝ ստեղծելով նոր ձևի շերտ:

Այնուհետև ես ավելացրեցի Repeater հատկությունը, կենտրոնացրի դիրքը և ավելացրի պատճենների քանակը: Սա կրկնօրինակում է ձևը՝ ստեղծելով անվերջ թվացող թունել: Սանդղակի ճշգրտումը մեծացնում է յուրաքանչյուր օրինակի միջև ընկած տարածությունը, իսկ պտույտի փոփոխությունը՝ պատճենները տարբեր ուղղություններով կողմնորոշվում տեսողական հետաքրքրության համար:

Վերջապես, այն համեմելու համար, ես ժամանակացույցի սկզբում զրոյացրի 0-ի օֆսեթ, իսկ ավելի ուշ սահմանեցի այն բացասական արժեքի ժամանակացույցի վրա:

Դուք հավանաբար կռահեցիք, որ ձևի շերտերի համար շատ տարբերակներ կան: Ճիշտ է. ինտերնետում կան ամբողջական առցանց դասընթացներ այս թեմայի վերաբերյալ, և դուք պետք է ժամանակ հատկացնեք փորձերի, պրակտիկայի և սովորելու համար:

Ես նաև չեմ կարող ասել, թե որ անիմացիոն ոճը կհամապատասխանի ձեզ լոգոն կամ կոնկրետ ինչ գործիքներ անիմացիաներ, որոնք ձեզ անհրաժեշտ կլինեն այս ոճին հասնելու համար: Այնուամենայնիվ, ես կարող եմ ձեզ խորհուրդ տալ, թե ինչպես բացահայտել այն ինքներդ: Ոգեշնչում փնտրեք այլ անիմացիոն լոգոներից, ինչպիսիք են ձեր մրցակիցները, ապրանքանիշերը, որոնցով հիանում եք և/կամ այնպիսի կայքեր, ինչպիսիք են Pinterest-ը կամ Dribbble-ը, ճիշտ այնպես, ինչպես դա արեցիք, երբ սկզբնապես ստեղծեցիք լոգոն:

Դուք կիմանաք, որ երբ սկսեք վերլուծել դրանք՝ օգտագործելով ձեր նոր գիտելիքները, թե ինչպես անիմացիոն լոգոն ստեղծել, դրանցից շատերը հիմնված են պարզ մանիպուլյացիաներ ձևերով և փոխակերպումներով (նույնիսկ նրանք, որոնք հստակորեն շերտավորված են առաջադեմ ոճավորված էֆեկտներով): Երբ գտնեք ձեզ դուր եկած մի քանիսը, կարող եք հետընթաց աշխատել After Effects-ում՝ փորձելով հակադարձ ինժեներականացնել այդ անիմացիաները պրակտիկայի համար:

Քայլ 6. Սահմանեք ժամանակը:

Եկեք խոսենք ժամանակի մասին, որը նկարագրում է անիմացիոն կադրերի տեմպը ամբողջ անիմացիայի ընթացքում: Դուք կարող եք տեսնել ժամանակի տեսողական պատկերը՝ գնալով Graph Editor: Դա անելու համար կտտացրեք գրաֆիկի պատկերակը (նշվում է Graph Editor, երբ սավառնում եք դրա վրա) ժամանակացույցի վահանակի վերևում, և դա ժամանակացույցը կփոխի գծային գրաֆիկի:

Եթե ​​սեղմեք առանցքային կադրերից մեկի վրա, կտեսնեք ուղիղ գիծ մի առանցքային կադրից մյուսը: Հենց հիմա, քանի որ մենք առանցքային շրջանակում էինք միայն մեկնարկի և վերջի կետերը, մենք թողեցինք After Effects-ը, որպեսզի կատարենք ժամանակացույցը: Առանց ուղղության, After Effects-ը հավասարաչափ տեղաշարժում է անիմացիայի յուրաքանչյուր կադրը, ինչը հանգեցնում է կատարյալ ուղիղ գծի:

Այնուամենայնիվ, ժամանակի նպատակային փոփոխությունն այն է, ինչ անիմացիային տալիս է ռեալիզմի զգացում: Օրինակ, ցատկող գնդակի անիմացիայի մեջ գնդակն ավելի դանդաղ է շարժվում ցատկի բարձրության վրա և ավելի արագ, երբ այն մոտենում է գետնին իմպուլսի և ձգողականության պատճառով: Այսինքն՝ ամբողջ անիմացիայի ընթացքում նա նույն արագությամբ չի շարժվում, իսկ եթե շարժվեր, ապա կառանձնանար որպես ռոբոտ։

Bezier գործիքները, որոնք գտնվում են գրաֆիկի խմբագրիչի ներքևում, թույլ են տալիս կարգավորել գրաֆիկի գծի կորությունը:

Փոխարկել Keyframes-ը Auto Bezier-ի

Graph Editor-ը թույլ է տալիս կարգավորել ձեր սեփական անիմացիայի ժամանակը՝ օգտագործելով այսպես կոչված Bezier բռնակներ՝ գրաֆիկական գիծը կորի վերածելու համար: Գրաֆիկի խմբագրիչի ներքևի աջ անկյունում կտեսնեք մի քանի քառակուսի կետերի պատկերակներ՝ կցված տողերին. սրանք Bezier գործիքներն են:

Սեղմեք հիմնական կադրերից մեկը և սավառնեք Bezier գործիքների վրա, մինչև գտնեք «» պիտակավորվածը:  Փոխարկել առանցքային շրջանակները Auto Bezier-ի» . Երբ սեղմում եք սրա վրա, կտեսնեք, որ գծապատկերում հայտնվում է դեղին մարկեր: Այս բռնակը քաշելով՝ գիծը կծկվի, և դա կփոխի ձեր անիմացիայի ժամանակը: Այնտեղ, որտեղ կորն ավելի ցայտուն է, շրջանակները կխաղան ավելի արագ, իսկ որտեղ կորը ավելի հարթ է, շրջանակները կխաղան ավելի դանդաղ:

Սեփական ժամանակի ճշգրտման նրբությունները իսկապես հասկանալու համար անհրաժեշտ է անիմացիոն փորձ, այդ իսկ պատճառով Bezier կորերի ձեռքով կարգավորումն ավելի առաջադեմ թեմա է: Սկսնակների համար այս ուղեցույցում ես խորհուրդ եմ տալիս օգտագործել Bezier գործիքը Հեշտ հեշտություն (որը կիրառում է ավտոմատ կորը ձեր ընտրած առանցքային կադրի վրա) անիմացիայի բոլոր ժամանակային ընդմիջումների համար: Դուք կարող եք դիմել  Հեշտ հեշտություն  գծապատկերի խմբագրիչից դուրս առանցքային կադր՝ ընտրելով հիմնական կադրը և սեղմելով աջը:

Քայլ 7. Արտահանեք ձեր պատկերանշանը:

Երբ պատրաստ լինեք արտահանել ձեր պատրաստի անիմացիոն պատկերանշանը, ընտրեք « Ֆայլ » > «  Արտահանում»  > «  Ավելացնել Adobe Media Encoder հերթում» . After Effects-ը լռելյայն արտահանվում է ֆայլը ձևաչափով mp4, որը հարմար է տեսանյութի համար։ Քանի որ մենք ցանկանում ենք ստեղծել մեր պատկերանշանի համօգտագործվող պատկերի ֆայլ, մենք այն կարտահանենք որպես անիմացիոն GIF: Media Encoder պատուհանում սեղմեք «Format» բառի տակ գտնվող տեքստի ընդգծված կապույտ տողի կողքին գտնվող սլաքը և ընտրեք «  Անիմացիոն GIF» . Կարող եք նաև սահմանել ձեր պատրաստի ֆայլի նպատակակետ թղթապանակը՝ սեղմելով «Արտադրման ֆայլ» բառերի տակ գտնվող կապույտ տեքստը:

Կրկնակի սեղմեք նախադրվածի տակ ընդգծված կապույտ տեքստի վրա՝ Արտահանման ընտրանքների պատուհանը բացելու համար: Կան մի քանի տարբերակներ, որոնք դուք կցանկանայիք դիտել՝ ձեր ֆայլի չափը նվազեցնելու համար՝ որակ (ես դրել եմ այն ​​20-ի), Կադրերի արագություն (ես սահմանել եմ այն ​​10, թեև տեսանյութի համար խորհուրդ է տրվում ավելի բարձր կադրերի արագություն (fps) և Տևողությունը, որը նախադիտման տակ գտնվող կապույտ տողն է (ես կրճատեցի իմը մինչև 4 վայրկյան): Ընտրել  ԼԱՎ,  այս պատուհանը փակելու համար:

Ավարտելուց հետո ընտրեք կանաչ Play պատկերակը Media Encoder-ի վերևի աջ անկյունում և ձեր ֆայլը կցուցադրվի ձեր ընտրած նպատակակետ թղթապանակում: Վերջ. ավարտված լոգոյի անիմացիա:

Կյանքի կոչեք ձեր ապրանքանիշը լոգոյի անիմացիայի միջոցով:
-

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

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

 АЗБУКА

 

Վեբ դիզայնի սահմանումներ և տերմիններ