Dodajanje vzorcev iz resničnega življenja vašemu oblikovalskemu delu doda elemente realizma na digitalnem trgu, ki je lahko prenasičen. Na žalost skeniranje ali fotografiranje vzorcev tekstur običajno povzroči nerazširljive rastrske slike, ki postanejo slikovne pike, če jih preuredite.
Na srečo lahko s programom Photoshop in Illustrator ustvarite razširljive vektorje resničnih tekstur, kot so akvarel, barve ali pisalo. Evo kako.
Kako spremeniti prave teksture v vektorje
Na vas je, da ustvarite teksturo sami ali poiščete vzorec na spletu, da ga spremenite v vektor. Uporabite lahko kateri koli umetniški medij s teksturo, kot je flomaster, tuš ali madeži barve.
1. korak: Odprite Texture Swatch v Photoshopu
Če ste teksturo ustvarili sami, jo morate skenirati v računalnik pri 300 DPI. To zagotavlja najvišjo kakovost, ki daje najboljše rezultate.
Prenesli smo fotografijo vzorca akvarela iz
Unsplash pretvoriti v vektor. Prenesite isto fotografijo, ki ji sledite neposredno, lahko pa uporabite navodila kot vodilo na lastni vzorčni sliki.Odprite svojo sliko v Photoshopu in jo obrežite blizu vzorca, ki ga uporabljate. Če slika še ni 300 DPI, mora biti. Pojdi do Slika > Velikost slike in tip 300 v Resolucija škatla. Izberite v redu.
Zdaj imate visokokakovostno sliko, ki bo pozneje upodobljena v podroben vektor. Lahko tudi spremenite DPI v drugih programih če ne uporabljate Photoshopa.
2. korak: Očistite ozadje
Sam vzorec mora biti izoliran od ozadja. Če ste skenirali svoj vzorec ali uporabili fotografijo z navadnim belim ali enobarvnim ozadjem, bo to za vas veliko lažje.
Ustvarite novo plast na paleti plasti in jo povlecite pod plast slike. Izberite plast slike.
Pojdi do Izberite > Barvni obseg. Izberite eyedropper v pogovornem oknu in ga uporabite za izbiro katerega koli dela ozadja na risalni plošči. Uporabi mehkost drsnik, da zagotovite tesno izbiro glede na vaš vzorec. Nato pritisnite v redu.
Ko se vrnete na umetniško ploščo, bodo na območju barvnega razpona tekale mravlje, ki bodo prikazovale izbiro. Hit Izbriši da odstranite ozadje. Nato prekličite izbiro s pritiskom Cmd + D (Mac) oz Ctrl + D (Windows). Če je vaše ozadje čisto brez senc ali teksture, je to vse, kar morate storiti.
Če je vaše ozadje večbarvno, ima sence ali druge teksture, boste morda morali ta postopek nekajkrat ponoviti. V Barvni obseg pogovornem oknu izberite različne dele ozadja z eyedropper in se igraj z mehkost drsnik, da izberete čim več ozadja. Izberite v redu in udaril Izbriši.
Prekličite izbor z udarcem Cmd + D (Mac) oz Ctrl + D (Windows). Če je ostalo še več ozadja, znova izvedite postopek barvnega obsega in uporabite Radirka orodje (E), da odstranite trdovratne slikovne pike, ali uporabite Laso orodje (L), da natančno izberete svoj vzorec, in nato Izbriši izbor.
Postavite pravokotnik kontrastne barve z uporabo Pravokotnik orodje (U) pod plastjo vzorca, da izpostavite vse dodatne slikovne pike, ki jih je treba odstraniti. Odstranite jih z Radirka. Ne pozabite izbrisati pravokotnika, preden shranite sliko.
Ko končate, boste imeli izoliran vzorec barve s prozornim ozadjem, ki ga obdaja. Shranite svoj vzorec kot PNG.
Če nimate Photoshopa, obstaja alternativa načine, kako narediti ozadje slike prosojno. Nato lahko to sliko prenesete naravnost v Illustrator in nadaljujete od tukaj.
3. korak: Odprite sliko v Illustratorju
Odprite svoj novi vzorec PNG v Illustratorju. Svojo sliko lahko izberete in povlečete z umetniške plošče, da preverite, ali je ozadje še vedno prosojno. Čeprav v naslednjem koraku ne bo ostalo tako. Na tej točki je vaš vzorec še vedno raster, tako da bo pikseliziran, če ga prilagodite.
Združevanje Photoshopa in Illustratorja za en projekt je odličen način za uporabo Adobe Creative Cloud. Obstaja veliko drugih funkcije v celotnem Creative Cloudu da lahko poskusiš.
4. korak: Vektorizirajte sliko
Odprite ploščo Lastnosti tako, da obiščete Okno > Lastnosti. Ploščo lahko povečate ali pomanjšate tako, da jo izberete v desni navpični orodni vrstici.
Izberite svojo sliko in se nato pomaknite na dno Lastnosti ploščo in izberite Sled slike > Fotografija visoke ločljivosti. Če izberete Image Trace v meniju Object, bo privzeta črno-bela sled, ki ne bo ohranila teksture vašega vzorca. Funkcijo Image Trace lahko uporabite na več načinov vektorizirajte slike v Illustratorju.
5. korak: Očistite in odstranite ozadje
Odprite ploščo Image Trace tako, da izberete ikono poleg spustnega menija Image Trace na plošči Properties. Spodaj barva, premaknite drsnik v desno, nekje med 85% in 98%. To poveča podrobnosti barv v vašem teksturiranem vzorcu, kar daje bolj realističen rezultat.
Odprite Napredno nastavitve in premaknite Poti drsnik v desno. Še enkrat, nastavitev med 85 % in 98 % je idealna. Več kot je poti, več podrobnosti je narisanih v vašem vektorju. Če je poti manj, bo slika videti raztrgana in podobna risanki.
Zmanjšajte plošči Image Trace in Properties in vaš vzorec bo pokrit z modrimi potnimi črtami. Če želite premakniti svoj vzorčni vektor, boste morali uporabiti Izbira orodje (V), da se zagotovi premikanje kot celota. Lahko pa premikate posamezne poti, če je potrebno, z uporabo Neposredna izbira orodje.
Izberite Neposredna izbira orodje (A) in kliknite na slikovno ploščo, da prekličete izbor slike. Nato izberite belo ozadje, ki obkroža vaš vzorec. Hit Izbriši na tipkovnici, da povrnete svoje prosojno ozadje. Pod vzorcem lahko dodate barvni pravokotnik, da preverite prosojnost.
6. korak: Uporabite svoj Swatch Vector
Zdaj imate končan vzorec teksture. Ne glede na to, ali ste se odločili narediti akvarel, kot je naša vadnica, ali pa ste morda naredili vzorec barvnega svinčnika, imate zdaj popolnoma razširljiv vzorec teksture v resničnem življenju.
Na žalost bi bilo zaradi vseh zapletenih poti težko – vendar ne nemogoče – prebarvati vaš vzorec. Če želite uporabiti vektor, morate ohraniti barvo enako. Če ga želite prebarvati, ga boste morali najprej pobarvati v Photoshopu, preden vzorec vnesete v Illustrator.
Svoj vektor lahko uporabljate tako kot kateri koli drug vektor. Povečajte ali zmanjšajte ga, uporabite ga kot večplastni element v dizajnih in zanj lahko uporabite celo filtre, kot sta nagib in popačenje.
Shranite svoj vektor kot PNG, da zagotovite, da ostane pregleden. Oglejte si naš vodnik za ustvarjanje prosojnih ozadij v Illustratorju za več.
Ustvarite vektorje iz pravih tekstur s Photoshopom in Illustratorjem
Uporaba vektorjev pri oblikovanju izboljša produktivnost in kakovost vaših končnih modelov. Ne samo, da ima ta en sam vektor več uporab, ampak uporaba vektorske grafike namesto rastrske grafike pomeni, da vam nikoli več ni treba skrbeti za pikselizacijo.
Vektorizacija resničnih tekstur pomeni, da lahko vsakemu elementu oblikovanja dodate vzorce barve, tako da bo videti kot pravi. Za pretvorbo resničnih tekstur v digitalne vektorje si oglejte ta vodnik.