Si të aplikoni filtrat SVG në Illustrator CC

Efektet, si hija e kudondodhur, janë një element thelbësor në paketën e veglave të çdo stilisti. Ju mund të keni vënë re se menyja Efekte e Adobe Illustrator CC përfshin një nënmenu të konsiderueshme për filtrat SVG. Grupi i disponueshëm i filtrave po zgjerohet ndërsa Illustrator evoluon për të ofruar më shumë mbështetje për SVG.

Meqë ra fjala, nëse e keni përdorur Illustrator për vite, mund të mbani mend se menyja Effect përdorej për të renditur efektet dhe filtrat. Filtrat ishin si efekte, përveçse nuk mund të modifikoheshin lehtësisht pasi të aplikoheshin. Por filtrat SVG nuk janë një ringjallje e atyre llojeve të filtrave; Filtrat SVG quhen filtra sepse funksionojnë përmes elementit të filtrit SVG në kodimin e faqeve të internetit.

Këtu është një tjetër gjë interesante për filtrat SVG: Siç e zbuloni së shpejti, mund të importoni dhe madje të krijoni filtrat tuaj SVG.

Kur aplikoni një filtër SVG, ai mund të duket i ngjashëm me një efekt jo-SVG. Për shembull, kjo figurë tregon dy katrorë identikë, por ai në të majtë ka një efekt hijesh raster të aplikuar dhe ai në të djathtë ka një filtër hije vektori (SVG) të aplikuar.

Një efekt hijesh (majtas) dhe filtër SVG (djathtas).

Kur zgjedh drejtkëndëshin me filtrin SVG, ai filtër shfaqet në panelin Paraqitja, siç tregohet.

ilustrator-drop-hije-filter

Mënyrat e ndryshme që efektet dhe filtrat SVG ndryshojnë rrugën e një objekti kanë implikime delikate, por reale. Disa nga këto implikime janë të rëndësishme vetëm për zhvilluesit e uebit dhe aplikacioneve, por që nga fundi i rrjedhës së punës, gjëja e rëndësishme që duhet mbajtur parasysh është të shmangni përzierjen e filtrave SVG dhe efekteve raster në projekte, sepse ato ndikojnë në objekte ndryshe.

Meqë ra fjala, nuk mund të mos ndaj këtu se katrori me hijen e rasterit në këto figura është pothuajse shtatë herë më i madh se ai me filtrin SVG. Vetëm një njoftim i shkurtër i shërbimit publik nga industria SVG se si mund të humbni peshë me SVG.

Dhe siç mund ta keni menduar deri tani, efektet raster nuk janë të programueshme. Kur i dorëzoni ato te një animator ose një kodues HTML, shoku juaj i ekipit zhvilluesi nuk do të ketë të njëjtën liri për të kontrolluar se si funksionojnë efektet raster në një animacion ose një tranzicion.

Së fundi, kur aplikoni filtra SVG në vend të efekteve raster në veprat artistike SVG, nuk duhet të shqetësoheni për degradimin e këtyre filtrave kur vepra artistike rishkallëzohet në një shfletues.

Si të aplikoni filtrat SVG

Unë kam bërë rastin për aplikimin e filtrave SVG kurdoherë që është e mundur në veprat artistike SVG. Le të shohim se si ndodh kjo:

Zgjidhni objektin(et) në të cilat po aplikoni filtrin.

Zgjidhni Effect→ Filters SVG dhe zgjidhni një filtër.
Nënmenyja SVG Filters ka një listë filtrash me emra që në rastin më të mirë janë vetëm gjysmë-intuitiv (si p.sh. AI_Shadow_1, që është një hije në rënie) dhe më shpesh thjesht të fshehtë (si p.sh. AI_Dilate_6). Do t'ju duhet të eksperimentoni derisa të kuptoni se si funksionojnë këta filtra.

Me objektin në të cilin keni aplikuar filtrin ende të zgjedhur, shikoni panelin e Paraqitjes (zgjidhni Dritarja → Pamja).

Zhvendosni kursorin mbi filtrin e aplikuar dhe klikoni atë për të zbuluar kutinë Apliko filtrin SVG, e paraqitur këtu.

Redaktimi i filtrave SVG.

Këtu mund të ndryshoni filtrin e aplikuar dhe të përdorni kutinë e kontrollit Parapamje për të parë se si do të duket filtri. Ju gjithashtu mund të zgjidhni dhe fshini një filtër SVG në panelin e Paraqitjes, siç tregohet.

Fshirja e një filtri SVG.

Si të importoni filtra SVG

Grupi i filtrave të Illustrator është i dobishëm, por vështirë se i shtyn kufijtë e asaj që mund të bëni me filtrat SVG. Nëse kodoni në HTML, do të gjeni një tutorial të aksesueshëm për krijimin e filtrave tuaj SVG në w3schools .

Ju gjithashtu mund të blini grupe shtesë filtrash në internet dhe madje të gjeni disa grupe të këndshme të filtrave SVG pa pagesë SVG . Për të instaluar këtë grup filtrash ose filtra të tjerë, ndiqni këto hapa:

Zgjidhni Efekt → Filtra SVG → Importoni filtrin SVG.

Në dialogun që hapet, lundroni te skedari i filtrave SVG që keni shkarkuar dhe klikoni dy herë.
Skedari ndoshta do të jetë një skedar SVG.

Zgjidhni Effect–>SVG Filters për të aplikuar filtra të rinj në objektet e zgjedhura.
Pasi të importoni filtra të rinj, ato shfaqen në nënmenynë SVG Filters.