Kuinka käyttää SVG-suodattimia Illustrator CC:ssä

Tehosteet, kuten kaikkialla näkyvä varjot, ovat olennainen osa jokaisen suunnittelijan työkalupakkia. Olet ehkä huomannut, että Adobe Illustrator CC :n Effect-valikko sisältää suuren alivalikon SVG-suodattimille. Saatavilla olevat suodattimet laajenevat Illustratorin kehittyessä tarjoamaan enemmän tukea SVG:lle.

Muuten, jos olet käyttänyt Illustratoria vuosia, saatat muistaa, että Tehoste-valikossa oli aiemmin lueteltu tehosteita ja suodattimia. Suodattimet olivat kuin tehosteita, paitsi että niitä ei voitu helposti muokata käytön jälkeen. Mutta SVG-suodattimet eivät ole tämän tyyppisten suodattimien elvytys; SVG-suodattimia kutsutaan suodattimiksi, koska ne toimivat SVG-suodatinelementin kautta koodaavilla verkkosivuilla.

Tässä on toinen hieno asia SVG-suodattimissa: Kuten pian huomaat, voit tuoda ja jopa luoda omia SVG-suodattimia.

Kun käytät SVG-suodatinta, se voi näyttää samanlaiselta kuin ei-SVG-tehoste. Esimerkiksi, tämä luku osoittaa kaksi identtistä neliöt, mutta yksi vasemmalla on rasteri varjon vaikutusta sovellettu ja toinen oikealla on vektori (SVG) varjo suodatin soveltaa.

Varjotehoste (vasemmalla) ja SVG-suodatin (oikealla).

Kun valitsen suorakulmion SVG-suodattimella, suodatin tulee näkyviin Ulkoasu-paneeliin kuvan mukaisesti.

kuvittaja-varjo-suodatin

Eri tavoilla, joilla tehosteet ja SVG-suodattimet muuttavat kohteen polkua, on hienovaraisia ​​mutta todellisia seurauksia. Jotkut näistä vaikutuksista koskevat vain verkko- ja sovelluskehittäjiä, mutta työnkulun lopussa on tärkeää muistaa välttää SVG-suodattimien ja rasteritehosteiden sekoittamista projekteissa, koska ne vaikuttavat objekteihin eri tavalla.

Muuten, en voi olla kertomatta tänne, että näissä kuvissa oleva rasterivarjon neliö on lähes seitsemän kertaa suurempi kuin SVG-suodattimella varustettu neliö. Vain lyhyt julkinen ilmoitus SVG-teollisuudesta siitä, kuinka voit pudottaa painoa SVG-laitteiden avulla.

Ja kuten olet jo arvannut, rasteritehosteet eivät ole ohjelmoitavia. Kun luovutat ne animaattorille tai HTML-kooderille, kehittäjäryhmätoverillasi ei ole samanlaista vapautta hallita rasteritehosteiden toimintaa animaatiossa tai siirtymässä.

Lopuksi, kun käytät SVG-suodattimia rasteritehosteiden sijaan SVG-kuvitukseen, sinun ei tarvitse huolehtia siitä, että suodattimet heikkenevät, kun kuvitus skaalataan uudelleen selaimessa.

Kuinka käyttää SVG-suodattimia

Olen pyrkinyt käyttämään SVG-suodattimia aina kun mahdollista SVG-kuvituksessa. Käydään läpi, miten se tapahtuu:

Valitse objekti(t), joihin käytät suodatinta.

Valitse Tehoste → SVG-suodattimet ja valitse suodatin.
SVG-suodattimet-alivalikossa on luettelo suodattimista, joiden nimet ovat parhaimmillaan vain puoliintuitiivisia (kuten AI_Shadow_1, joka on varjo) ja useammin vain salaperäisiä (kuten AI_Dilate_6). Sinun on kokeiltava, kunnes saat käsityksen näiden suodattimien toiminnasta.

Kun objekti, johon käytit suodatinta, on edelleen valittuna, tarkastele Ulkoasu-paneelia (valitse Ikkuna→Ulkoasu).

Vie hiiren osoitin käytetyn suodattimen päälle ja napsauta sitä, niin näet tässä näkyvän Käytä SVG-suodatinta -ruudun.

SVG-suodattimien muokkaaminen.

Täällä voit muuttaa käytettyä suodatinta ja käyttää Esikatselu-valintaruutua nähdäksesi miltä suodatin näyttää. Voit myös valita ja poistaa SVG-suodattimen Ulkoasu-paneelista kuvan osoittamalla tavalla.

SVG-suodattimen poistaminen.

Kuinka tuoda SVG-suodattimia

Illustratorin suodatinsarja on hyödyllinen, mutta se tuskin ylittää rajoja, mitä voit tehdä SVG-suodattimilla. Jos koodaat HTML-kielellä, w3schoolsissa on helppokäyttöinen opetusohjelma omien SVG-suodattimien luomiseen .

Voit myös ostaa lisää suodattimia verkosta ja jopa löytää mukavia sarjoja SVG- ilmaisia ​​SVG-suodattimia . Asenna tämä suodatinsarja tai muita suodattimia seuraavasti:

Valitse Tehoste → SVG-suodattimet → Tuo SVG-suodatin.

Siirry avautuvassa valintaikkunassa lataamaasi SVG-suodatintiedostoon ja kaksoisnapsauta sitä.
Tiedosto on todennäköisesti SVG-tiedosto.

Valitse Tehoste–>SVG-suodattimet, jos haluat käyttää uusia suodattimia valittuihin objekteihin.
Kun olet tuonut uusia suodattimia, ne näkyvät SVG-suodattimet-alivalikossa.