Flash ֆայլի ձևաչափը (SWF) հիմնված է վեկտորային գրաֆիկաև նախատեսված է համացանցի համար մասշտաբային, կոմպակտ գրաֆիկայի համար: Քանի որ այս ֆայլի ձևաչափը հիմնված է վեկտորային գրաֆիկայի վրա, օբյեկտը պահպանում է պատկերի որակը ցանկացած լուծաչափով և իդեալական է անիմացիոն շրջանակներ ստեղծելու համար: Illustrator-ում դուք կարող եք ստեղծել առանձին անիմացիոն շրջանակներ շերտերի վրա, այնուհետև արտահանել պատկերի շերտերը որպես առանձին շրջանակներ՝ ձեր կայքում օգտագործելու համար: Կարող եք նաև սահմանել խորհրդանիշներ Illustrator ֆայլում՝ անիմացիայի չափը նվազեցնելու համար: Երբ արտահանում եք, յուրաքանչյուր նշան սահմանվում է միայն մեկ անգամ SWF ֆայլում:

Արտահանման հրաման (SWF)

Ապահովում է առավելագույն վերահսկողություն անիմացիայի և բիթերի սեղմման վրա:

Ապահովում է ավելի շատ վերահսկողություն SWF-ի և bitmap ձևաչափերի խառնուրդի վրա՝ մասնատված դասավորության մեջ: Այս հրամանն առաջարկում է ավելի քիչ պատկերի ընտրանքներ, քան Export (SWF) հրամանը, բայց օգտագործում է ամենավերջին օգտագործված Export հրամանի տարբերակները (տես):

SWF ձևաչափով պահելու օբյեկտ պատրաստելիս նկատի ունեցեք հետևյալ ուղեցույցները:

Օգտագործելով Device Central-ը, դուք կարող եք տեսնել, թե ինչ տեսք կունենա Illustrator-ի նկարը հավելվածում: Flash Playerտարբեր ձեռքի սարքերի վրա:

Illustrator Artwork-ի տեղադրում

Illustrator-ում ստեղծված նկարները կարող են արագ, հեշտությամբ և հեշտությամբ պատճենվել և տեղադրվել Flash-ում:

Հետևյալ ատրիբուտները պահպանվում են, երբ դուք տեղադրում եք Illustrator արվեստը Flash-ում:

Եզրագծեր և ձևեր

• Գծի հաստությունը

  Գրադիենտների սահմանում

  Տեքստ (ներառյալ OpenType տառատեսակները)

  Առնչվող պատկերներ

• Միաձուլման ռեժիմներ

Բացի այդ, Illustrator-ը և Flash-ն աջակցում են հետևյալը` գեղարվեստական ​​գործ տեղադրելիս:

Illustrator-ի նկարներում շերտեր ընտրելիս բարձր մակարդակև դրանք Flash-ի մեջ տեղադրելը պահպանում է շերտերը և դրանց հատկությունները (տեսանելիությունը և արգելափակումը):

Illustrator-ի ոչ RGB գունային ձևաչափերը (CMYK, մոխրագույն և հատուկ ձևաչափեր) փոխարկվում են RGB-ի Flash-ի միջոցով: RGB գույները կպչում են սովորական ձևով:

Illustrator-ի գեղարվեստական ​​գործը ներմուծելիս կամ տեղադրելու ժամանակ կարող եք օգտագործել տարբեր ընտրանքներ՝ որոշակի էֆեկտներ պահպանելու համար (օրինակ՝ ստվերը, որը գցվում է տեքստով) որպես Flash զտիչներ:

Flash-ը պահպանում է Illustrator-ի դիմակները:

SWF ֆայլերի արտահանում Illustrator-ից

Illustrator-ից արտահանված SWF ֆայլերը համապատասխանում են Flash-ից արտահանված SWF ֆայլերի որակին և սեղմման հարաբերակցությանը:

Արտահանելիս դուք կարող եք ընտրել մի շարք նախապես սահմանված ոճերից օպտիմալ արդյունքի համար և նշել, թե ինչպես են օգտագործվում մի քանի գեղանկարչական տախտակներ, ինչպես են փոխակերպվում նշանները, շերտերը, տեքստը և դիմակները: Օրինակ, դուք կարող եք արտահանել Illustrator սիմվոլները որպես ֆիլմեր կամ գրաֆիկա, և ստեղծել SWF սիմվոլներ Illustrator-ի շերտերից:

Illustrator ֆայլերի ներմուծում Flash-ի մեջ

Illustrator-ում ամբողջական դասավորություն ստեղծելու և այն Flash-ում մեկ քայլով ներմուծելու համար դուք կարող եք պահպանել նկարը Illustrator Native ձևաչափով (AI) և այն ներմուծել բարձր ճշգրտությամբ Flash՝ օգտագործելով File> Import To: աշխատանքային տարածքԿամ Ֆայլ> Ներմուծել գրադարան:

Եթե ​​ձեր Illustrator ֆայլը պարունակում է մի քանի գեղանկարչական տախտակներ, ընտրեք նկարչական տախտակը, որը պետք է ներմուծվի Flash Import երկխոսության վանդակում և նշեք կարգավորումներ այդ գեղանկարչական տախտակի յուրաքանչյուր շերտի համար: Ընտրված գրատախտակի բոլոր օբյեկտները ներմուծվում են Ֆլեշ ծրագիրորպես մեկ շերտ: Երբ դուք ներմուծում եք տարբեր գեղարվեստական ​​տախտակ նույն AI ֆայլից, այդ գեղարվեստական ​​տախտակի օբյեկտները ներմուծվում են Flash՝ որպես նոր շերտ:

Illustrator-ի գեղարվեստական ​​գործերը ներմուծելիս որպես AI, EPS կամ PDF հավելված Flash-ը պահպանում է նույն հատկանիշները, ինչ մածուկի վրա գրաֆիկական օբյեկտներՆկարազարդող. Բացի այդ, եթե ձեր ներմուծած Illustrator ֆայլը պարունակում է շերտեր, կարող եք դրանք ներմուծել հետևյալ եղանակներից մեկով:

Փոխակերպեք Illustrator-ի շերտերը Flash շերտերի:

Փոխակերպեք Illustrator-ի շերտերը Flash շրջանակների:

Փոխակերպեք Illustrator-ի բոլոր շերտերը մեկ Flash շերտի:

Հիմա եկեք մի փոքր բարդացնենք խնդիրը՝ կպատրաստենք անիմացիոն Flash-banner։ Խոսեք լիարժեք Flash անիմացիայի մասին, in այս դեպքումիհարկե անհրաժեշտ չէ, դրա համար կան մասնագիտացված փաթեթներ: Բայց դուք կարող եք նաև օգտագործել Illustrator-ը պարզ, սիրողական տեսանյութ ստեղծելու համար:

Adobe Illustrator-ում չկան հատուկ գործիքներ և ինտերֆեյսի գործիքներ, ինչպիսիք են ժամանակացույցը, որոնք բնորոշ են անիմացիայի զարգացման ծրագրերին: Բայց կա մեկ նրբություն՝ դուք կարող եք օգտագործել շերտերը որպես շրջանակ:

Ստեղծեք պաստառ միայն տեքստով:

1. Խմբավորել նիշերը հրամանով Օբյեկտ ›Խումբ(Օբյեկտ ›Խումբ):
2. Հաջորդ խնդիրը տառատեսակի նիշերից ուրվագծային օբյեկտներ պատրաստելն է, հակառակ դեպքում շերտերի ճիշտ ձևավորումը չի աշխատի։ Դա անելու համար ընտրեք խումբը և ընտրեք Տեսակ ›Ստեղծել ուրվագծեր(Տառատեսակ › Հետք):
3. Դրանից հետո բացեք ներկապնակի ընտրացանկը Շերտեր(Շերտեր)՝ սեղմելով գունապնակում գտնվող սլաքի կոճակը (Նկար 8.11):

Բրինձ. 8.11... Շերտերի պալիտրա մենյու

Մեզ հետաքրքրում է այս ընտրացանկի հրամանը Ազատում շերտին (հաջորդականություն)(Convert to Layers (Sequentially)), որը յուրաքանչյուր առանձին օբյեկտ թարգմանում է նոր շերտի: Խնդրում ենք նկատի ունենալ, որ հրամանն օգտագործելիս այն խումբն է, որը պետք է ընտրվի: Խումբ, ոչ մի շերտ Շերտ 1.

Ինչպես պետք է լինի ներկապնակը Շերտեր(շերտեր) կատարումից հետո Ազատում շերտին (հաջորդականություն)(Փոխակերպեք շերտերի (հաջորդական)), ցույց է տրված Նկ. 8.12.

Բրինձ. 8.12... Շերտերի պալիտրա Release to Layer (հաջորդականություն) գործարկումից հետո

Սա ավարտում է նախապատրաստումը, կարող եք խնայել Պահպանել համարՎեբ(Save for Web) SWF-ում: SWF Flash-ի վրա հիմնված գրաֆիկայի հիմնական ձևաչափն է: Ավելի ճիշտ կլինի ասել, որ սա Flash ֆորմատն է (նկ. 8.13):

Հավանաբար, այսօր բոլոր օգտատերերն արդեն քիչ թե շատ ծանոթ են Flash-ին։ Ներկայումս այն համացանցում ամենահայտնի անիմացիոն ձևաչափն է և օգտագործվում է մուլտիմեդիա ինտերնետ էջերի ճնշող մեծամասնությունը կառուցելու համար:

Իհարկե, Flash-ի հնարավորությունների նույնիսկ տասներորդը չի ներդրված Adobe Illustrator-ում, քանի որ ծրագիրը նախատեսված չէ դրա համար։ Այնուամենայնիվ, դրանում դուք կարող եք ստեղծել կամ ստատիկ նկար կամ պարզ անիմացիա:

Բրինձ. 8.13... SWF ձևաչափի օպտիմալացման կարգավորումներ

Գոյություն ունեն հետևյալ պարամետրերը.

• Միայն կարդալու համար(Միայն կարդալով): Եթե ​​նշեք վանդակը, ֆայլը կգրվի այնպես, որ այլևս հնարավոր չի լինի բացել այն որևէ ծրագրում խմբագրելու համար։ Սա մի կողմից նվազեցնում է ֆայլերի չափը, իսկ մյուս կողմից՝ պաշտպանում ձեր հեղինակային իրավունքները։
• Պարամետրը նշված է 1-ով: Պահպանման տեսակը սահմանող պարամետրը պատկեր կամ անիմացիա է:
• Եթե ​​ընտրում եք տարբերակը AI ֆայլ դեպի SWF ֆայլ(Illustrator ֆայլը SWF ֆայլ), պատկերը կպահվի որպես ստատիկ պատկեր, որն ամբողջությամբ կրկնում է այն, ինչ տեսնում եք էկրանին Illustrator-ում աշխատելիս:
• Շերտեր դեպի SWF շրջանակներ(Շերտերը դեպի SWF Շրջանակներ) թույլ է տալիս աշխուժացնել գոյություն ունեցող շերտերը, որոնք պետք է ցուցադրվեն որպես շրջանակներ: Մենք պետք է ընտրենք այս կոնկրետ տարբերակը:
• Curve Quality(Կորի որակ): Ֆայլի կորերի ճշգրտությունը բնօրինակ պատկերի կորերը կրկնելու համար: Այս պարամետրի նվազումը զգալիորեն նվազեցնում է որակը, հատկապես փոքր մանրամասների ոլորտում, բայց ֆայլի չափը նվազում է: Մեր դեպքում օպտիմալ արժեքը «7» է:
• Շրջանակի արագություն(Շրջանակի հետաձգում): Կադրերի արագությունը և, որպես հետևանք, անիմացիայի արագություն: Որպեսզի էֆեկտը ճիշտ լինի, դրեք այն վայրկյանում 4 կադրից ոչ ավելի:
• Օղակ(Կրկնել). Մի քանի անգամ նվագարկեք անիմացիա: Հարմար է անիմացիայի համար, որտեղ կրկնվող օղակը կարևոր է: Վահանակը այս տեսակի է.

Adobe Illustrator և After Effects
Ներմուծում և պարզ անիմացիա

Բարեւ Ձեզ. Այսօր մենք վերանայում ենք պարզ անիմացիան After Effects-ում:

Ռեսուրսներ Adobe Illustrator CC
Adobe After Effects CC

Սկսենք սովորելով նկարել Illustrator-ում:

Ոչ ոքի
1) Եկեք նկարենք դեղին ուղղանկյուն ֆոնի համար

Նկար 1 - ուղղանկյուն

2) Շրջանակ գծեք և այն լրացրեք գրադիենտով
Եկեք մի փոքր աշխատենք շրջանագծի վրա.
- հանեք եզրագծի ստորին կետը, մենք աղեղ ենք ստանում;
- ուղիղ գիծ գծեք՝ փակելով աղեղի հատակը, ստանում ենք կիսաշրջան

Նկար 2 - 1) շրջանագիծ նկարել; 2) գրադիենտ; 3) ջնջել կետը

3) Նկարի՛ր ուղղանկյուն և կրկնօրինակի՛ր այն
- մեկ մոխրագույն ուղղանկյուն;
- մեկ այլ ուղղանկյուն մուգ մոխրագույն է
4) Աստղանիշից գծե՛ք եռանկյուն՝ սահմանելով ճառագայթների թիվը՝ 3

Նկար 3 - 1) ուղիղ լույս; 2) ուղիղ մութ; 3)եռանկյուն

5) Գրիչով և պարզ ձևերով նկարեք կատու

Նկար 4 - 1) գլուխ; 2) պարանոց; 3) մարմին; 4) ոտք; 5) պոչ

Իսկ հիմա ամենաշատը ՀԻՄՆԱԿԱՆպահ
Եկեք նկարները բաժանենք շերտերի (ինչը անիմացիոն կլինի՝ առանձին շերտի վրա) այսպես.

Նկար 5 - բոլոր նկարները (կարմիր նշում են կարևոր շերտերը)

Ամեն ինչ, հիմա մենք խնայում ենք:
Եկեք տեսնենք պահպանման կարգավորումները

Նկար 6 - Պահպանել

Իսկ հիմա հաջորդ քայլը. փակելAdobe Illustrator-ը և բացեք After Effects-ը:

Ներմուծեք After Effects-ում
Ֆայլ - Ներմուծում - Ֆայլ - ընտրեք մեր պահպանված ֆայլըՆկարազարդող.
Եկեք ընտրենք Illustrator-ից շերտեր ներմուծել, եթե կադրեր դնենք, միաձուլված շերտերով նկար կստանանք, բայց դա մեզ պետք չէ։

Նկար 7 - Ներմուծում որպես կոմպոզիցիա

Ամեն ինչ ներկրված էր։
Հիմա տեսնենք, թե ինչ ունենք։ Կրկնակի սեղմեք կազմի վրա ինչ կբացվեր, և մենք կտեսնեինք շերտերը (եթե ամեն ինչ ճիշտ արվի, կլինեն մի քանի շերտեր): Մենք ստանում ենք սա, տես նկարը

Նկար 8 - Բաց կոմպոզիցիա

Եվ հիմա այն, ինչի համար մենք այսօր այստեղ ենք, անիմացիա է:

Անիմացիա՝ After Effects
Սահմանեք առանցքային կետը վերևի սլաքի վրա՝ օգտագործելով Pan Behind Tool-ը ( դյուրանցման ստեղն- Y): Պարզապես վերցրեք մի կետ և տեղափոխեք այն ուր ուզում եք: Արդյունքում այն ​​կունենա այսպիսի տեսք..

Նկար 9 - Տապակի գործիք և շերտեր

Լավ, հիմա անցնենք անիմացիոն շերտերին:
Մեզ անհրաժեշտ է Arrow շերտ և Head_cat շերտ:
Սկսենք սլաքից։
Եկեք ընդլայնենք ցանկը, գտնենք այն և սեղմենք ժամացույցի վրա: Այսպես մենք առաջին կետը դնում ենք զրոյական վայրկյանում։ Անիմացիան ընդհանուր առմամբ կտևի 2 վայրկյան։
Այսպիսով, սրանք այն կարգավորումներն են, որոնք դուք պետք է կատարեք (ընդհանուր 3 միավոր դրեք)

Երկրորդ	0	1	2
	+66	- 70	+66

Ահա թե ինչպիսի տեսք կունենա.

Նկար 10 - Պտտման սլաք

Հիմա եկեք կենդանացնենք կատվի գլուխը:
Եկեք ընդլայնենք head_cat-ը և գտնենք Դիրք.
Կլինի 4 միավոր.
Այն կփոխի միայն վերջին կոորդինատը` չդիպչելով մնացածին:

Երկրորդ	0.1	0.17	1.12	2.0
Դիրք	689.3	729.3	729.3	689.3

Մենք նայում ենք նկարին.

Նկար 11 - Գլխի դիրքը

Այսպիսով, անիմացիայի սկզբունքն այսպիսին էր. Սլաքը կողքից այն կողմ է պտտվում, հենց մոտենում է կատվի ձագին, նրա գլուխը քաշում է իր մեջ, մի փոքր երկարում է այս դիրքում, այնուհետև վերադարձնում է իր տեղը։

Վերջնական փուլ

Արտադրություն
Դուք պետք է պատրաստեք ձեր աշխատանքից պատրաստի արտադրանք:
Մենք գնում ենք մենյու - Ավելացնել Render հերթում
Render վահանակը կբացվի և Output Module-ում (երկու կտտոցով) ընտրեք ելքի ձևաչափը: Ես վերցրեցի * .mov

Նկար 12 - Ներկայացում

Սեղմեք RENDER կոճակը և ստացեք արդյունքը (պարզապես մի մոռացեք նշել ուղին):
Այսքանը:

Ողջույն բոլորին! Այսօր ես կփորձեմ նկարագրել ծրագրի հնարավորությունները Adobe illustratorհամեմատելով այն ողողման հնարավորությունների հետ: Սա կլինի ոչ թե ծրագրի գլոբալ վերլուծություն ըստ ոսկորների, այլ ավելի շուտ որոշ հետաքրքիր չիպերի նկարագրություն, որոնք ես հայտնաբերեցի այս ծրագրում: Տեղեկատվությունն ուսումնասիրելիս մաս առ մաս հավաքեցի՝ ամեն ինչ մեկ գրառման մեջ դնելու համար։ Անմիջապես պետք է խոստովանեմ, որ ես միայն գերփորձառու իլյուստրատոր չեմ վերջին վեց ամիսըԵս այն օգտագործում եմ նկարչության մեջ (մինչ այդ ամեն ինչ նկարում էի ֆլեշով): Շատերը դժգոհում են, որ նկարազարդողը բարդ է, միշտ չէ, որ ինտուիտիվ պարզ է: Որոշ չափով համաձայն եմ, որ flush-ից հետո այս ծրագիրը դժվար է։ Բայց այստեղ գլխավորը ոչ թե թողնելն է, այլ ուսումը շարունակելը։ Եվ մի երկու շաբաթ անց միտք է հայտնվում, թե ինչպես կարող էի առանց նրա նախկինում:

Այսպիսով, այն, ինչ ինձ դուր եկավ նկարազարդողի մեջ, և այն, ինչ ես գտա ինձ համար, որը չկա Flash-ում:
1. Սկսեմ ամենապարզից, բայց միևնույն ժամանակ անհրաժեշտից։ Փորձեք առարկաները շրջանաձև դասավորել մի արագությամբ: Նախկինում էր Deco գործիք, բայց այն հանվեց, ըստ երեւույթին ավելորդ համարվեց։ Մենք որոշեցինք, որ ավելի հաճելի է դա անել գրիչներով: Illustrator-ն ունի այս ֆունկցիան. Էֆեկտ - Խեղաթյուրում և փոխակերպում - Փոխակերպում.

Ամեն ինչ արագ և պարզ է, արժեքները (օբյեկտների միջև հեռավորությունը, պատճենների քանակը) սահմանվում են մեր կողմից պարամետրերում:

2. Զիգ-զագ

Նույնիսկ ավելի պարզ, բայց, այնուամենայնիվ, օգտակար բան. Մանրուք կթվա, բայց ակնթարթում պետք է ձեռքով նկարել, իլյուստրատորում դա վայրկյանների հարց է։

3. Օբյեկտների դեֆորմացիա (Warp)

Չկա նման բան մի ֆլեշ. Ստորև բերված օրինակում ես ցույց տվեցի պարզ ձևերը դեֆորմացնելու ընդամենը 2 եղանակ (Effect - Warp - Arc / Fish): Իրականում դրանք 15-ն են։ Վերջին տարբերակըծրագրերը։

4. Անկյունների ավտոմատ կլորացում (կլոր անկյուններ)

Դուք կարող եք դա անել ձեռքով. գրաֆիկական օբյեկտի վրա, երբ ընտրված է, անկյունում հայտնվում է սպիտակ կետ և կլորացված գծի նշան (բոլոր աչքերում): Մենք մկնիկով քաշում ենք, հարմարեցրեք ձեր ճաշակին:

Բայց սա վերաբերում է միայն ձևերին, մատիտի գծով մի փոքր այլ կերպ. կիրառեք կլորացման էֆեկտը ( Էֆեկտ - ոճավորել - կլոր անկյուններ): Ելքի դեպքում մենք ստանում ենք նույն արդյունքը:

5. Կոշտացում (կոշտացում)

Էֆեկտը կիրառվում է պարզ ձևեր (Էֆեկտ - Խեղաթյուրում և փոխակերպում - կոպտում): Ելքի ժամանակ մենք ստանում ենք մի բան, որը նման է ցածր 3D մոդելի: Իմ կարծիքով՝ թույն :) Եվ ամենակարեւորը՝ շատ պարզ։

6. Pucker & Bloat(ձգում և փքվածություն)
Օրինակ ստորև նկարում.

7. Ձևի ընդլայնում (Offset Path)

Flash-ն ունի Expand Fill ֆունկցիա, այն ընդհանրապես չի աշխատում մատիտի գծերով, ի տարբերություն նկարազարդողի:

8. Վրձիններ (Art Brush, Pattern Brush, Scatter Brush)
Տե՛ս ստորև նկարը՝ օրինակներով.

9. Հյուսվածքային խոզանակ

Illustrator-ը նաև պարունակում է շատ հյուսվածքային վրձիններ, որոնց մասին ես գրել եմ և ինչպես են դրանք հայտնվել նոր տարբերակողողել -. Նկատվել է, որ Adobe Animate-ում վրձինների օգտագործումը չափազանց դանդաղ է: վերջ :(

10. Ես վստահ չեմ, թե արդյոք սա ուղղակի հնարք է, բայց ես ուզում եմ կենտրոնանալ զվարճալի անունով վրձնի վրա: ԲլոբԽոզանակ... Գտնվում է գործիքների տուփի մեջ, շատ գեղեցիկ վրձին է օգտագործման համար: Ունի մի փունջ կարգավորումներ, ինձ սովորականից շատ է դուր գալիս: Դժվար է բառերով բացատրել դրա առավելությունների մասին, ավելի լավ է մեկ անգամ փորձել։

10.Split to Grid

Օգտակար է նաև Split to Grid (Object-Path-Split to Grid) ֆունկցիան, որը թույլ է տալիս կտրել ձևը հավասար հատվածների: Ի՞նչ է սա մեզ հիշեցնում: Ճիշտ է, պատուհանները բարձրահարկ շենքում են։ Ինչ վերաբերում է ինձ, մի թույն բան նկարելու համար, օրինակ, քաղաքային տեսարաններ;)

Եւս մեկ օգտակար գործիքներկայացված է Illustrator-ում, հավանաբար առաջին թողարկումից ի վեր: Այն կարող է օգտագործվել, օրինակ, փայտի հյուսվածքներ ստեղծելու համար.

12. Տեղափոխել (աջ - Փոխակերպել - Տեղափոխել)

Օբյեկտի տեղաշարժը սահմանված հեռավորությամբ: Ցանկության դեպքում կարող եք անմիջապես ստեղծել պատճեն, որը կտեղադրվի ընտրված օբյեկտից ցանկալի հեռավորության վրա հորիզոնական / կամ ուղղահայաց: Flash-ի ավելի վաղ տարբերակն ուներ մի պլագին, որն ուներ այս ֆունկցիան... Ցավոք սրտի, չեմ հիշում նրա անունը։

Շատ հարմար է Illustrator-ում ստեղծել անխափան նախշեր ( Օբյեկտ-Պատտերն-Մեյք): Հիշում եմ, թե ինչպես էի խելահեղորեն հմուտ ստեղծագործության մեջ: CC 2015-ի illustrator տարբերակում ամեն ինչ ավտոմատացված է, մի շարք կարգավորումներ կօգնեն ձևավորել նախշը տասնյակ տատանումների մեջ՝ ձեռքի տակ ունենալով ընդամենը մի քանի գրաֆիկական տարրեր: Ավելի շատ վաղ տարբերակներըբոլոր ծրագրերը պետք է կատարվեին ձեռքով, ինչպես մինչ այժմ ֆլեշում:

(Նշում. օրինաչափությունը կարելի է պատրաստել վեկտորային խմբագրվող օբյեկտ՝ օգտագործելով վերլուծական ֆունկցիան ( Օբյեկտ - Ընդլայնել արտաքին տեսքը).

14. Օբյեկտի խճանկար

Գոյություն ունեցող նկարի հիման վրա գունային գունապնակի ստեղծում: Մեզ դուր եկած նկարը ներմուծում ենք հիվանդ (Բաց), այնուհետև Օբյեկտ - Ստեղծել օբյեկտի խճանկար... Պարամետրերում մենք նշում ենք բարձրության և լայնության բաժանման հաճախականությունը:

Եվ ելքում մենք ստանում ենք.

15.Խառնել

Օգտագործվում է գրադիենտներ ստեղծելու համար: Դուք կարող եք ստեղծել քայլ առ քայլ անցումներ, ինչպես, օրինակ, նկարում: Չեմ ասի, որ հաճախ եմ օգտագործում, բայց ինչ-որ մեկին կարող է օգտակար լինել։ Կարծում եմ, որ այն կարող է օգտագործվել պարզ ֆոնային նկարներ ստեղծելու համար:

Նաև գործիքը կարող է օգտագործվել օբյեկտների կլոնավորման համար: Տեղադրեք երկու օբյեկտ միմյանցից հեռավորության վրա և կիրառեք Blend Options, ընտրեք քայլերի քանակը (կլոնավորված օբյեկտների քանակը):

16. Tool Build Shape Tool.Շատ հարմար բան պրիմիտիվների հետ աշխատելու համար։ Մի ակնթարթում ինձ ավելի քիչ հարմար թվաց։

Alt-ը պահելով և ընտրված հատվածների վրա սեղմելով՝ ջնջեք հատվածները: Եթե ​​մկնիկը պարզապես քաշենք մի քանի ընտրված տարածքների վրա՝ միացումներ:

Հավելվածը գործիք է, որն օգնում է ավտոմատ կերպով կտրել, միանալ և այլն: ընդգծված ձևեր. Ինչ վերաբերում է ինձ, դա այնքան էլ հարմար չէ, ավելի հաճախ եմ օգտագործում ԿառուցելՁևավորումԳործիք.

(արտատախտակներ)

18. Custom Tool Panel

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

Flash-ում արտտախտակներ, մասնավորապես տեսարաններ ( Տեսարան 1,2,3..) գտնվում են առանձին, և դուք պետք է անցեք դրանց միջև (Shift + F2): Illustrator-ում բոլորը կարող եք տեղադրել ձեր աչքի առաջ: Հարմար է, երբ նույն գծագրի մի քանի տարբերակ եք պատրաստում, որպեսզի համեմատության համար բոլոր տարբերակները ձեր աչքի առաջ լինեն։

19 իզոմետրիա հետ օգտագործելով գրաֆիկականՈճեր

Եվ վերջինը իզոմետրիա ստեղծելն է՝ առանց այն օգտագործելու 1 կտտոցով (ավելի ճիշտ՝ 3 կտտոցով, քանի որ ունենք 3 կողմ;) գրաֆիկական ոճերի միջոցով ( Գրաֆիկական ոճեր): Ինչպես է դա արվում, հաջորդ անգամ կստորագրեմ։

Illustrator-ը ընդհանրություն ունի ֆլեշի հետ՝ օբյեկտը սիմվոլում պահելու հնարավորությունը, և նույնքան հեշտությամբ այս նշանը կարող է փոխանցվել ֆլեշի (բացել ֆլեշ .ai ֆայլում, ըստ Ներմուծում - Ներմուծում դեպի բեմ).
Illustrator-ում խորհրդանիշն ունի նույն հատկությունները, ինչ Flash-ում:
Իսկ վերջում գրեմ, որ իլյուստրատորում, իմ կարծիքով, զիջում է ֆլեշին։ Այո, այո, և կա նման բան։ Եվ սա լրացման գործիքն է ( Ներկերի դույլ): Ինչքան էլ փորձեմ ընտելանալ հիվանդ ժամանակ, ֆլեշում ավելի հարմար է։
Եթե ​​իմ գրառումները օգտակար դարձան ձեզ համար, կամ եթե ցանկանում եք ինչ-որ բան ավելացնել ձեզանից, բարի գալուստ մեկնաբանություններում: Հաջողություն բոլորին;)

Այսօր մենք այնքան էլ սովորական չենք Adobe ձեռնարկՆկարազարդող. Որովհետև այս անգամ մենք ոչ թե ստատիկ նկար ենք պատրաստելու, այլ իրական անիմացիա։ Պատկերացրեք, ստացվում է Adobe-ի հետԿարող եք նաև նկարել մուլտֆիլմեր Illustrator-ում :)

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

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

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

Այժմ ստեղծեք երկրորդ շերտը և դրա մեջ պատճենեք ֆիլմի ժապավենը, որի մեջ եզրերի երկայնքով անցքերը շրջված են: Այն նաև պետք է կենտրոնացված լինի:

Այս երկու շերտերից արդեն կարող եք ստանալ շարժվող ֆիլմի անիմացիան։ Բայց հետագայում մեզ շատ ավելի շատ շերտեր են պետք: Այսպիսով, ընտրեք առաջին երկու շերտերը, անցեք վահանակի ընտրանքներ և պատրաստեք շերտերի պատճենը:

Նմանապես, մենք պետք է կուտակենք ֆիլմի 12 շերտ կինոնկարներ:

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

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

Եթե ​​դուք չեղարկեք շրջանակը, ապա այն կունենա մեկ ամբողջություն: Սա հենց այն է, ինչ մեզ անհրաժեշտ է:

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

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

Հաջորդը մենք պետք է հյուսվածք ավելացնենք մեր շերտերին: Միացրեք առաջին շերտը և պատճենեք այնտեղ գտնվող հյուսվածքը բնօրինակ ֆայլից պահեստամասերով:

Հետո հերթով միացրեք հաջորդ շերտերը և այնտեղ պատճենեք նույն հյուսվածքը։ Յուրաքանչյուր շրջանակի վրա այն տարբեր տեսք տալու համար պարզապես պտտեք այն 90 աստիճանով: Ինչպես կռահեցիք, մենք պետք է հյուսվածքներ ավելացնենք բոլոր 12 կադրերին:

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

Այժմ, երբ ֆիլմի անիմացիայի հետ կապված հիմնական օղակը պատրաստ է, մնում է ավելացնել թվերը։ Քանի որ մենք հետ ենք հաշվում 3-ից 1-ին գումարած Go !!! բառը, մեզ էլ ավելի շատ շերտեր են պետք: Ոչ թե 12, այլ 48. Դա անելու համար պետք է պատրաստի շերտերի ևս երեք օրինակ՝ ֆիլմի անիմացիայով։

Եվ հետո ամեն ինչ պարզ է. Միացրեք հենց առաջին շերտը և այնտեղ դրեք երեք թիվը։

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

Այս ամենը անիմացիայի հետ է կապված: Այստեղ գլխավորը չշփոթվելն է։ Շերտերին կարելի է հարմար անուններ տալ, բայց ես ինչ-որ չափով ծույլ էի :) Եվ այնուամենայնիվ, երբ ավարտեք աշխատանքը, անպայման նորից միացրեք բոլոր շերտերը՝ սեղմելով աչքի պատկերակը:

Արտահանման կարգավորումներով պատուհանում համոզվեք, որ դրեք Export As: AI Layers SWF Frames: Հենց այս տարբերակն է նկարազարդող շերտերը վերածում անիմացիոն շրջանակների։ Այնուհետև սեղմեք Ընդլայնված կոճակը:

Կբացվի լրացուցիչ պարամետրեր... Այստեղ դուք պետք է սահմանեք շրջանակի արագությունը Frame Rate: Ես վայրկյանում 12 կադր ունեմ: Looping վանդակը պատասխանատու է անիմացիայի հանգույցի համար: Նրա շնորհիվ տեսահոլովակը կհնչի շրջանաձեւ։ Իսկ Layer Order: Bottom Up տարբերակը վերարտադրում է նկարազարդողի շերտերը ներքևից վերև վահանակում: Հենց այսպես մենք կառուցեցինք մեր անիմացիան։

Ելքի ժամանակ մենք ստանում ենք ֆլեշ տեսանյութ մեր անիմացիայի հետ:

Այժմ դուք կարող եք տեսնել, որ Adobe Illustrator-ում պարզ անիմացիա պատրաստելն այնքան էլ դժվար չէ, որքան թվում է առաջին հայացքից։

Բայց երկար տեսանյութեր կամ ինտերակտիվ հավելվածներ ստեղծելու համար դեռ ավելի լավ է օգտագործել Adobe Flashկամ այլ ֆլեշ խմբագիրներ: Օրինակ, ես այս կատվին պատրաստել եմ հին Macromedia Flash-ով, որը ես փորել եմ իմ աշխատանքի ժամանակ:

Բացի այդ, վերջերս HTML5-ը և CSS3-ն ավելի ու ավելի են օգտագործվում անիմացիաներ ստեղծելու համար: Այս կոդը աջակցվում է ժամանակակից բրաուզերներև չի պահանջում ֆլեշ նվագարկիչ օգտագործել:

Հռոմեական aka dacascasհատկապես բլոգի համար

Բաժանորդագրվեք մեր տեղեկագրին, որպեսզի բաց չթողնեք որևէ նոր բան.