Photoshop- ում անիմացիա ստեղծելուց հետո անհրաժեշտ է այն պահպանել առկա ձևաչափերից մեկում, դրանցից մեկը GIF. Այս ձևաչափի առանձնահատկությունն այն է, որ այն նախատեսված է զննարկիչում ցուցադրման (նվագարկման) համար:
Եթե ձեզ հետաքրքրում են անիմացիան խնայելու այլ տարբերակներ, խորհուրդ ենք տալիս կարդալ այս հոդվածը.
Դաս. Ինչպե՞ս պահպանել տեսանյութը Photoshop- ում
Ստեղծման գործընթացը GIF անիմացիան նկարագրվել է նախորդ դասերից մեկում, և այսօր մենք կխոսենք այն մասին, թե ինչպես կարելի է ֆայլը պահպանել ձևաչափով GIF և օպտիմիզացման պարամետրերի մասին:
Դաս. Ստեղծեք մի պարզ անիմացիա Photoshop- ում
GIF խնայողություն
Նախ, եկեք կրկնում ենք նյութը և ծանոթանանք պահպանման պարամետրերի պատուհանին: Այն բացվում է ՝ կտտացնելով նյութը: Խնայեք համացանցի համար ընտրացանկում Ֆայլ.
Պատուհանը բաղկացած է երկու մասից ՝ նախադիտման բլոկ
և կարգավորումների արգելափակում:
Նախադիտման բլոկ
Դիտման ընտրանքների քանակի ընտրությունն ընտրվում է բլոկի վերևում: Կախված ձեր կարիքներից, կարող եք ընտրել ցանկալի կարգավորումը:
Յուրաքանչյուր պատուհանում պատկերը, բացառությամբ բնօրինակից, կազմաձևվում է առանձին: Դա արվում է այնպես, որ դուք կարողանաք ընտրել լավագույն տարբերակը:
Բլոկի վերին ձախ մասում կա գործիքների փոքր շարք: Մենք կօգտագործենք միայն «Ձեռք» և «Մասշտաբ».
Հետ Ձեռքեր Պատկերը կարող եք տեղափոխել ընտրված պատուհանի մեջ: Ընտրությունը կատարվում է նաև այս գործիքի միջոցով: «Մասշտաբ» կատարում է նույն գործողությունը: Բլոկի ներքեւի մասում գտնվող կոճակներով կարող եք խոշորացնել և դուրս գալ:
Ստորև ներկայացված է կոճակը ՝ մակագրությամբ Տեսարան. Այն բացում է ընտրված տարբերակը լռելյայն բրաուզերում:
Զննարկչի պատուհանում, մի շարք պարամետրերից բացի, մենք կարող ենք նաև ստանալ HTML կոդ GIF- ներ
Պարամետրերի արգելափակում
Այս բլոկում պատկերի պարամետրերը ճշգրտվում են, մենք դա ավելի մանրամասն կդիտարկենք:
- Գույնի սխեման: Այս կարգաբերումը որոշում է, թե որ ինդեքսավորված գունային աղյուսակը կկիրառվի պատկերի վրա օպտիմիզացման ընթացքում:
- Ընկալիչ, բայց պարզապես «ընկալման սխեմա»: Կիրառելիս Photoshop- ը ստեղծում է գունային աղյուսակ ՝ առաջնորդվելով պատկերի ներկայիս գույներով: Ըստ մշակողների ՝ այս աղյուսակը հնարավորինս մոտ է այն բանի, թե ինչպես է մարդու աչքը տեսնում գույները: Plus - բնօրինակին ամենամոտ պատկերն առավելագույնս պահպանված է գույներով:
- Ընտրովի Սխեման նման է նախորդին, բայց այն հիմնականում օգտագործում է գույներ, որոնք անվտանգ են համացանցի համար: Շեշտը դրված է նաև բնօրինակին մոտ ստվերների ցուցադրման վրա:
- Հարմարվողական. Այս դեպքում աղյուսակը ստեղծվում է գույներից, որոնք ավելի տարածված են պատկերով:
- Սահմանափակ է. Այն բաղկացած է 77 գույնից, որոնց մի մասը փոխարինվում է սպիտակով ՝ կետի (հացահատիկի) տեսքով:
- Պատվերով. Այս սխեման ընտրելիս հնարավոր է դառնում ստեղծել ձեր սեփական պալիտրա:
- Սև և սպիտակ. Այս աղյուսակում օգտագործվում են միայն երկու գույներ (սև և սպիտակ) ՝ օգտագործելով նաև հացահատիկի չափը:
- Մոխրագույն մասում. Այստեղ օգտագործվում են մոխրագույնի ստվերների 84 մակարդակ:
- MacOS- ը և Windows- ը. Այս աղյուսակները կազմվում են `հիմնվելով այս գործող համակարգերը գործարկող զննարկիչներում պատկերների ցուցադրման առանձնահատկությունների վրա:
Ահա միացման մի քանի օրինակներ:
Ինչպես տեսնում եք, առաջին երեք նմուշները բավականին ընդունելի որակի են: Չնայած այն հանգամանքին, որ տեսողականորեն դրանք գրեթե չեն տարբերվում միմյանցից, այս սխեմաները տարբեր կերպ կաշխատեն տարբեր պատկերների վրա:
- Գույների առավելագույն քանակը գունային աղյուսակում:
Պատկերի ստվերների քանակը ուղղակիորեն ազդում է դրա քաշի վրա, և, համապատասխանաբար, բրաուզերում բեռնման արագությունը: Առավել հաճախ օգտագործվող արժեքը 128, քանի որ նման պարամետրը գրեթե չի ազդում որակի վրա, միևնույն ժամանակ նվազեցնելով գիֆի ծանրությունը:
- Վեբ գույներ: Այս պարամետրը սահմանում է այն հանդուրժողականությունը, որով ստվերները վերածվում են համարժեք վեբ պալիտրա համարժեքի: Ֆայլի ծանրությունը որոշվում է սլայդերի կողմից սահմանված արժեքով. Արժեքն ավելի բարձր է, ֆայլը ավելի փոքր է: Վեբ գույները ստեղծելիս մի մոռացեք նաև որակի մասին:
Օրինակ:
- Dithering- ը թույլ է տալիս հարթել գույների միջև անցումները `ընտրելով ինդեքսավորման աղյուսակում պարունակվող երանգները:
Բացի այդ, ճշգրտումը կօգնի հնարավորինս պահպանել մոնոֆոնիկ հատվածների գրադիենտներն ու ամբողջականությունը: Երբ ջրահեռացումը կիրառվում է, ֆայլի քաշը մեծանում է:
Օրինակ:
- Թափանցիկություն Ձևաչափ GIF աջակցում է միայն բացարձակապես թափանցիկ կամ բացարձակապես անթափանց պիքսելներին:
Այս պարամետրը, առանց լրացուցիչ ճշգրտման, վատ է ցուցադրում կոր գծերը ՝ թողնելով պիքսելային սանդուղքներ:
Նուրբ կարգաբերումը կոչվում է «Մեթ» (որոշ հրատարակություններում «Սահման») Իր օգնությամբ կազմաձևված է նկարի պիքսելները էջի ֆոնի վրա, որի վրա այն գտնվում է: Լավագույն ցուցադրման համար ընտրեք մի գույն, որը կհամապատասխանի կայքի ֆոնի գույնին:
- Փոխկապակցված: Վեբ պարամետրերի համար առավել օգտակարներից մեկը: Այդ դեպքում, եթե ֆայլը ունի զգալի քաշ, այն թույլ է տալիս անմիջապես ցույց տալ էջը նկարը ՝ բարելավելով դրա որակը, քանի որ այն բեռնում է:
- SRGB- ի փոխարկումը օգնում է պահպանել պահպանելիս պատկերի բնօրինակ գույների առավելագույն քանակը:
Անհատականացում «Թափանցիկության շեղում» զգալիորեն քայքայում է պատկերի որակը և պարամետրի մասին «Կորուստներ» մենք կխոսենք դասի գործնական մասում:
Photoshop- ում GIF- ի խնայողությունների տեղադրման գործընթացը ավելի լավ պատկերացնելու համար հարկավոր է զբաղվել:
Պրակտիկա
Ինտերնետի համար պատկերները օպտիմիզացնելու նպատակը որակի պահպանման ընթացքում ֆայլերի քաշի նվազագույնի հասցնելն է:
- Պատկերը մշակելուց հետո անցեք ցանկի Ֆայլ - Պահպանել Վեբ.
- Մենք սահմանում ենք դիտման ռեժիմը «4 տարբերակ».
- Հաջորդը, դուք պետք է կատարել տարբերակներից մեկը, որքան հնարավոր է բնօրինակը: Թող որ դա նկարը լինի աղբյուրի աջ կողմում: Դա արվում է, որպեսզի ֆայլի չափը առավելագույն որակով գնահատվի:
Պարամետրերի պարամետրերը հետևյալն են.
- Գույնի սխեման «Ընտրողական».
- «Գույներ» - 265.
- Չորացնելը - «Պատահական», 100 %.
- Մենք դուրս ենք բերում լուսաբացը պարամետրի դիմաց Փոխկապակցված, քանի որ պատկերի վերջնական ծավալը կլինի բավականին փոքր:
- Վեբ գույներ և «Կորուստներ» - զրո:
Արդյունքը համեմատեք բնօրինակի հետ: Նմուշի հետ պատուհանի ստորին մասում մենք կարող ենք տեսնել GIF- ի ներկայիս չափը և դրա ներբեռնման արագությունը նշված Ինտերնետային արագությամբ:
- Գնալ դեպի ներքևում գտնվող նկարը հենց կազմաձևված: Փորձենք օպտիմիզացնել այն:
- Մենք սխեմն անփոփոխ ենք թողնում:
- Գույների քանակը կրճատվում է մինչև 128:
- Արժեք Չորացնելը կրճատել մինչև 90%:
- Վեբ գույներ մենք չենք դիպչում, քանի որ այս դեպքում դա մեզ չի օգնի պահպանել որակը:
GIF- ի չափը նվազել է 36.59 KB- ից մինչև 26.85 KB:
- Քանի որ նկարում արդեն կան որոշակի հատիկություն և փոքր թերություններ, մենք կփորձենք ավելացնել «Կորուստներ». Այս պարամետրը սահմանում է սեղմման ընթացքում տվյալների կորստի ընդունելի մակարդակը: GIF. Փոխեք արժեքը 8-ին:
Մեզ հաջողվեց հետագայում կրճատել ֆայլի չափը ՝ միևնույն ժամանակ կորցնելով մի փոքր որակ: GIF- ն այժմ կշռում է 25.9 կիլոբայթ:
Ընդհանուր առմամբ, մենք կարողացանք իջեցնել պատկերի չափը մոտ 10 ԿԲ-ով, ինչը ավելի քան 30% է: Շատ լավ արդյունք:
- Հետագա գործողությունները շատ պարզ են: Կտտացրեք կոճակը Խնայել.
Ընտրեք պահպանելու տեղ, տվեք gif- ի անունը և կրկին կտտացրեք "Պահպանել ».
Խնդրում ենք նկատի ունենալ, որ դրա հետ հավանականություն կա GIF ստեղծել և HTML փաստաթուղթ, որում կներառվի մեր նկարը: Դա անելու համար ավելի լավ է ընտրել դատարկ պանակ:
Արդյունքում մենք ստանում ենք էջ և թղթապանակ պատկերով:
Հուշում. Ֆայլ անվանելիս փորձեք չօգտագործել կիրիլային նիշ, քանի որ ոչ բոլոր դիտարկիչներն են կարողանում կարդալ դրանք:
Սա պատկերն ձևաչափով պահելու դաս է GIF ավարտվեց: Դրա վրա մենք պարզեցինք, թե ինչպես օպտիմիզացնել ֆայլը ինտերնետում տեղադրելու համար: