Kako uporabiti filtre SVG v Illustratorju CC

Učinki, kot je vseprisotna padajoča senca, so bistven element v kompletu orodij vsakega oblikovalca. Morda ste opazili, da meni Effect programa Adobe Illustrator CC vključuje velik podmeni za filtre SVG. Razpoložljivi nabor filtrov se širi, ko se Illustrator razvija, da bi zagotovil večjo podporo za SVG.

Mimogrede, če ste Illustrator uporabljali leta, se morda spomnite, da je meni Učinek uporabljal seznam učinkov in filtrov. Filtri so bili kot učinki, le da jih po uporabi ni bilo mogoče enostavno urejati. Toda filtri SVG niso oživitev teh vrst filtrov; Filtri SVG se imenujejo filtri, ker delujejo skozi element filtra SVG v kodiranju spletnih strani.

Tukaj je še ena zanimiva stvar o filtrih SVG: kot boste kmalu ugotovili, lahko uvozite in celo ustvarite svoje filtre SVG.

Ko uporabite filter SVG, je lahko podoben učinku, ki ni SVG. Na primer, ta slika prikazuje dva enaka kvadrata, toda tisti na levi ima uporabljen rastrski učinek padajoče sence, tisti na desni pa ima uporabljen vektorski (SVG) filter padajoče sence .

Učinek padajoče sence (levo) in filter SVG (desno).

Ko izberem pravokotnik s filtrom SVG, se ta filter prikaže na plošči Videz, kot je prikazano.

ilustrator-drop-shadow-filter

Različni načini, kako učinki in filtri SVG spremenijo pot predmeta, imajo subtilne, a resnične posledice. Nekatere od teh posledic so pomembne samo za razvijalce spletnih in aplikacij, toda na koncu delovnega procesa je pomembno, da se spomnite, da se izogibate mešanju filtrov SVG in rastrskih učinkov v projektih, ker drugače vplivajo na predmete.

Mimogrede, tukaj ne morem, da ne povem, da je kvadrat z rastrsko senco na teh slikah skoraj sedemkrat večji od kvadrata s filtrom SVG. Samo kratko obvestilo javne službe iz industrije SVG o tem, kako lahko izgubite (datoteko) težo s SVG.

In kot ste morda že domnevali, rastrskih učinkov ni mogoče programirati. Ko jih predate animatorju ali kodirniku HTML, vaš soigralec razvijalec ne bo imel enake svobode pri nadzoru delovanja rastrskih učinkov v animaciji ali prehodu.

Nazadnje, ko uporabite filtre SVG namesto rastrskih učinkov za umetniška dela SVG, vam ni treba skrbeti, da bi se ti filtri poslabšali, ko se umetniško delo spremeni v brskalniku.

Kako uporabiti filtre SVG

Zavzel sem se za uporabo filtrov SVG, kadar koli je to mogoče, v umetniških delih SVG. Oglejmo si, kako se to zgodi:

Izberite objekt(e), na katerega(-e) uporabljate filter.

Izberite Učinek→ Filtri SVG in izberite filter.
Podmeni Filtri SVG ima seznam filtrov z imeni, ki so v najboljšem primeru le napol intuitivna (kot je AI_Shadow_1, ki je senca) in pogosteje samo skrivnostna (kot je AI_Dilate_6). Morali boste eksperimentirati, dokler ne dobite občutka, kako ti filtri delujejo.

Ko je predmet, na katerega ste uporabili filter, še vedno izbran, si oglejte ploščo Videz (izberite Okno→ Videz).

Premaknite kazalec miške nad uporabljeni filter in ga kliknite, da se prikaže polje Uporabi filter SVG, prikazano tukaj.

Urejanje SVG filtrov.

Tukaj lahko spremenite uporabljeni filter in uporabite potrditveno polje Predogled, da vidite, kako bo filter videti. Filter SVG lahko izberete in izbrišete tudi na plošči Videz, kot je prikazano.

Brisanje filtra SVG.

Kako uvoziti filtre SVG

Illustratorjev nabor filtrov je uporaben, vendar skoraj ne premika meja tega, kar lahko storite s filtri SVG. Če kodirate v HTML, boste na w3schools našli dostopno vadnico za ustvarjanje lastnih filtrov SVG .

Na spletu lahko kupite tudi dodatne komplete filtrov in celo najdete nekaj lepih naborov brezplačnih SVG filtrov . Za namestitev tega nabora filtrov ali drugih filtrov sledite tem korakom:

Izberite Učinek → Filtri SVG → Uvozi filter SVG.

V pogovornem oknu, ki se odpre, se pomaknite do in dvokliknite datoteko filtrov SVG, ki ste jo prenesli.
Datoteka bo verjetno datoteka SVG.

Izberite Učinek–>Filtri SVG, da uporabite nove filtre za izbrane predmete.
Ko uvozite nove filtre, se prikažejo v podmeniju Filtri SVG.