Kā lietot SVG filtrus programmā Illustrator CC

Efekti, piemēram, visuresošā ēna, ir būtisks elements katra dizainera rīku komplektā. Iespējams, esat ievērojuši, ka Adobe Illustrator CC izvēlnē Efekts ir iekļauta ievērojama SVG filtru apakšizvēlne. Pieejamais filtru komplekts tiek paplašināts, Illustrator attīstoties, lai nodrošinātu lielāku atbalstu SVG.

Starp citu, ja esat lietojis Illustrator gadiem ilgi, iespējams, atceraties, ka izvēlnē Efekti tika uzskaitīti efekti un filtri. Filtri bija kā efekti, tikai tos nevarēja viegli rediģēt pēc lietošanas. Taču SVG filtri nav šāda veida filtru atdzimšana; SVG filtrus sauc par filtriem, jo tie darbojas caur SVG filtra elementu kodēšanas tīmekļa lapās.

Šeit ir vēl viena lieliska lieta par SVG filtriem: kā drīz atklājat, varat importēt un pat izveidot savus SVG filtrus.

Lietojot SVG filtru, tas var izskatīties līdzīgi efektam, kas nav SVG. Piemēram, šajā attēlā ir parādīti divi identiski kvadrāti, bet kreisajā pusē ir lietots rastra ēnu efekts, bet labajā pusē ir vektora (SVG) ēnu filtrs .

Ēnu efekts (pa kreisi) un SVG filtrs (pa labi).

Kad es atlasu taisnstūri ar SVG filtru, šis filtrs parādās panelī Izskats, kā parādīts attēlā.

ilustratora ēnu filtrs

Dažādiem veidiem, kā efekti un SVG filtri maina objekta ceļu, ir smalkas, bet reālas sekas. Dažas no šīm sekām attiecas tikai uz tīmekļa un lietotņu izstrādātājiem, taču, sākot ar darbplūsmas beigām, svarīgi ir izvairīties no SVG filtru un rastra efektu sajaukšanas projektos, jo tie atšķirīgi ietekmē objektus.

Starp citu, nevaru nepadalīties, ka kvadrāts ar rastra ēnu šajos attēlos ir gandrīz septiņas reizes lielāks nekā tas, kurā ir SVG filtrs. Tikai īss sabiedrisko pakalpojumu paziņojums no SVG nozares par to, kā jūs varat zaudēt svaru, izmantojot SVG.

Un, kā jūs, iespējams, jau domājāt, rastra efektus nevar programmēt. Nododot tos animatoram vai HTML kodētājam, jūsu izstrādātāja komandas biedram nebūs tādas pašas brīvības kontrolēt rastra efektu darbību animācijā vai pārejā.

Visbeidzot, ja SVG mākslas darbam lietojat SVG filtrus, nevis rastra efektus, jums nav jāuztraucas par to, ka šie filtri pasliktinās, kad mākslas darba mērogs tiek mainīts pārlūkprogrammā.

Kā lietot SVG filtrus

Kad vien iespējams, SVG mākslas darbos esmu izmantojis SVG filtrus. Apskatīsim, kā tas notiek:

Atlasiet objektu(-us), kam lietojat filtru.

Izvēlieties Efekts → SVG filtri un atlasiet filtru.
Apakšizvēlnē SVG filtri ir filtru saraksts ar nosaukumiem, kas labākajā gadījumā ir tikai daļēji intuitīvi (piemēram, AI_Shadow_1, kas ir nolaižamā ēna) un biežāk tikai noslēpumaini (piemēram, AI_Dilate_6). Jums būs jāeksperimentē, līdz sapratīsit, kā šie filtri darbojas.

Kad objekts, kuram lietojāt filtru, joprojām ir atlasīts, apskatiet paneli Izskats (izvēlieties Logs → Izskats).

Novietojiet kursoru virs lietotā filtra un noklikšķiniet uz tā, lai atvērtu lodziņu Lietot SVG filtru, kas parādīts šeit.

SVG filtru rediģēšana.

Šeit varat mainīt lietoto filtru un izmantot izvēles rūtiņu Priekšskatījums, lai redzētu, kā filtrs izskatīsies. Varat arī atlasīt un dzēst SVG filtru panelī Izskats, kā parādīts attēlā.

SVG filtra dzēšana.

Kā importēt SVG filtrus

Illustrator filtru komplekts ir noderīgs, taču diez vai pārsniedz ierobežojumus tam, ko varat darīt ar SVG filtriem. Ja kodējat HTML, vietnē w3schools atradīsit pieejamu pamācību savu SVG filtru izveidei .

Varat arī iegādāties papildu filtru komplektus tiešsaistē un pat atrast dažus jaukus SVG bezmaksas SVG filtru komplektus . Lai instalētu šo filtru komplektu vai citus filtrus, veiciet šīs darbības:

Izvēlieties Efekts → SVG filtri → Importēt SVG filtru.

Atvērtajā dialoglodziņā pārejiet uz lejupielādēto SVG filtru failu un veiciet dubultklikšķi uz tā.
Fails, iespējams, būs SVG fails.

Izvēlieties Efekts–>SVG filtri, lai atlasītajiem objektiem lietotu jaunus filtrus.
Pēc jaunu filtru importēšanas tie tiek parādīti apakšizvēlnē SVG filtri.