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.
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.
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.
Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti.
Kako izvoziti datoteke JPEG in PNG iz dokumenta Adobe InDesign CS6. Koraki za uspešno izvoz potrebnih slikovnih formatov za tiskanje in spletno uporabo.
Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.
Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]
Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]
Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]
Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]
Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]
InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]
Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]
