Kaip pritaikyti SVG filtrus „Illustrator CC“.

Efektai, kaip ir visur esantis šešėlis, yra esminis kiekvieno dizainerio įrankių rinkinio elementas. Galbūt pastebėjote, kad „ Adobe Illustrator CC “ efektų meniu yra didelis SVG filtrų submeniu. Galimas filtrų rinkinys plečiasi, kai „Illustrator“ tobulėja, kad teiktų daugiau SVG palaikymo.

Beje, jei daugelį metų naudojote „Illustrator“, galite prisiminti, kad efektų ir filtrų sąrašas buvo naudojamas meniu „Efektas“. Filtrai buvo kaip efektai, išskyrus tai, kad pritaikius jų nebuvo lengva redaguoti. Tačiau SVG filtrai nėra šių filtrų atgaivinimas; SVG filtrai vadinami filtrais, nes kodavimo tinklalapiuose jie veikia per SVG filtro elementą.

Štai dar vienas puikus dalykas apie SVG filtrus: kaip netrukus sužinosite, galite importuoti ir net sukurti savo SVG filtrus.

Kai taikote SVG filtrą, jis gali atrodyti panašus į ne SVG efektą. Pavyzdžiui, šiame paveikslėlyje pavaizduoti du identiški kvadratai, tačiau kairiajame taikomas rastrinio šešėlio efektas , o dešinėje – vektorinis (SVG) šešėlių filtras .

Šešėlių efektas (kairėje) ir SVG filtras (dešinėje).

Kai pasirenku stačiakampį su SVG filtru, tas filtras pasirodo skydelyje Išvaizda, kaip parodyta.

iliustratorius – šešėlių filtras

Įvairūs būdai, kuriais efektai ir SVG filtrai keičia objekto kelią, turi subtilių, bet realių padarinių. Kai kurios iš šių pasekmių yra svarbios tik žiniatinklio ir programų kūrėjams, tačiau darbo eigos pabaigoje svarbu nepamiršti, kad projektuose nebūtų maišomi SVG filtrai ir rastriniai efektai, nes jie skirtingai veikia objektus.

Beje, negaliu nepasidalyti čia, kad kvadratas su rastriniu šešėliu šiose figūrose yra beveik septynis kartus didesnis nei su SVG filtru. Tik trumpas viešas SVG pramonės pranešimas apie tai, kaip galite numesti svorio naudodami SVG.

Ir kaip jau spėjote, rastriniai efektai nėra programuojami. Kai juos perduosite animatoriui arba HTML koduotojui, jūsų komandos draugas kūrėjas neturės tokios pat laisvės kontroliuoti, kaip rastriniai efektai veikia animacijoje ar perėjime.

Galiausiai, kai SVG meno kūriniams taikote SVG filtrus, o ne rastrinius efektus, jums nereikia jaudintis, kad šie filtrai pablogės, kai naršyklėje pakeičiamas meno kūrinio mastelis.

Kaip pritaikyti SVG filtrus

Kai tik įmanoma, SVG meno kūriniuose stengiausi taikyti SVG filtrus. Pažiūrėkime, kaip tai vyksta:

Pasirinkite objektą (-us), kuriam (-iems) taikote filtrą.

Pasirinkite Efektas → SVG filtrai ir pasirinkite filtrą.
SVG filtrų submeniu turi sąrašą filtrų, kurių pavadinimai geriausiu atveju yra tik pusiau intuityvūs (pvz., AI_Shadow_1, kuris yra nuleidžiamas šešėlis) ir dažniausiai tiesiog paslaptingi (pvz., AI_Dilate_6). Turėsite eksperimentuoti, kol pajusite, kaip veikia šie filtrai.

Pasirinkę objektą, kuriam pritaikėte filtrą, peržiūrėkite skydelį Išvaizda (pasirinkite Langas → Išvaizda).

Užveskite pelės žymeklį ant pritaikyto filtro ir spustelėkite jį, kad būtų parodytas čia rodomas laukelis Taikyti SVG filtrą.

SVG filtrų redagavimas.

Čia galite pakeisti pritaikytą filtrą ir naudoti žymės langelį Peržiūra, kad pamatytumėte, kaip filtras atrodys. Taip pat galite pasirinkti ir ištrinti SVG filtrą išvaizdos skydelyje, kaip parodyta.

SVG filtro ištrynimas.

Kaip importuoti SVG filtrus

„Illustrator“ filtrų rinkinys yra naudingas, tačiau vargu ar peržengia SVG filtrų naudojimo ribas. Jei koduosite HTML, svetainėje w3schools rasite prieinamą mokymo programą, kaip sukurti savo SVG filtrus .

Taip pat galite įsigyti papildomų filtrų rinkinių internete ir netgi rasti gražių nemokamų SVG SVG filtrų rinkinių . Norėdami įdiegti šį filtrų rinkinį ar kitus filtrus, atlikite šiuos veiksmus:

Pasirinkite Efektas → SVG filtrai → Importuoti SVG filtrą.

Atsidariusiame dialogo lange eikite į atsisiųstą SVG filtrų failą ir dukart spustelėkite jį.
Failas tikriausiai bus SVG failas.

Pasirinkite Efektas–>SVG filtrai, kad pasirinktiems objektams pritaikytumėte naujus filtrus.
Kai importuojate naujus filtrus, jie rodomi submeniu SVG filtrai.