Dodavanje uzoraka iz stvarnog života vašem dizajnerskom radu dodaje elemente realizma na ono što može biti prezasićeno digitalno tržište. Nažalost, skeniranje ili fotografiranje uzoraka teksture obično rezultira neskalabilnim rasterskim slikama koje se pikseliraju kada se preuređuju.
Srećom, pomoću Photoshopa i Illustratora možete stvoriti skalabilne vektore stvarnih tekstura poput vodenih boja, boja ili markera. Evo kako.
Kako stvarne teksture pretvoriti u vektore
Na vama je hoćete li sami izraditi teksturu ili pronaći uzorak na internetu koji ćete pretvoriti u vektor. Možete koristiti bilo koji umjetnički medij s teksturom, poput flomastera, tuša ili mrljica boje.
Korak 1: Otvorite uzorak teksture u Photoshopu
Ako ste sami izradili teksturu, trebate je skenirati u računalo na 300 DPI. To osigurava najvišu kvalitetu koja daje najbolje rezultate.
Preuzeli smo fotografiju uzorka akvarela s
Unsplash pretvoriti u vektor. Preuzmite istu fotografiju koju ćete izravno slijediti ili možete koristiti upute kao vodič na vlastitoj slici uzorka.Otvorite svoju sliku u Photoshopu i izrežite je blizu uzorka koji koristite. Ako slika već nema 300 DPI, mora biti. Ići Slika > Veličina slike i tip 300 u Rezolucija kutija. Izaberi u redu.
Sada imate sliku visoke kvalitete koja će se kasnije prikazati u detaljan vektor. Također možete promijeniti DPI u drugim programima ako ne koristite Photoshop.
Korak 2: Očistite pozadinu
Sam uzorak potrebno je izolirati od pozadine. Ako ste skenirali svoj uzorak ili upotrijebili fotografiju s običnom bijelom ili jednobojnom pozadinom, to će vam biti puno lakše.
Napravite novi sloj na paleti slojeva, zatim ga povucite ispod sloja slike. Odaberite sloj slike.
Ići Izaberi > Raspon boja. Odaberite ekapaljka iz dijaloškog okvira i koristite ga za odabir bilo kojeg dijela pozadine na radnoj ploči. Koristiti Zamućenost klizač kako biste bili sigurni da je odabir tijesan prema vašem uzorku. Zatim pritisnite u redu.
Kada se vratite na radnu ploču, područje raspona boja imat će trčeće mrave koji će pokazati odabir. Pogoditi Izbrisati za uklanjanje pozadine. Zatim poništite odabir pritiskom Cmd + D (Mac) ili Ctrl + D (Windows). Ako je vaša pozadina čista bez sjene ili teksture, to je sve što trebate učiniti.
Ako je vaša pozadina višebojna, ima sjene ili druge teksture, možda ćete morati ponoviti ovaj postupak nekoliko puta. u Raspon boja dijaloški okvir odaberite različite dijelove pozadine pomoću ekapaljka i igrati se s Zamućenost klizač za odabir što većeg dijela pozadine. Izaberi u redu i udario Izbrisati.
Poništi odabir udarcem Cmd + D (Mac) ili Ctrl + D (Windows). Ako je ostalo još pozadine, ponovno izvršite postupak raspona boja, upotrijebite Gumica za brisanje alat (E) za uklanjanje tvrdoglavih piksela ili upotrijebite Laso alat (L) kako biste pažljivo odabrali svoj uzorak, a zatim Izbrisati izbor.
Postavite pravokutnik kontrastne boje pomoću Pravokutnik alat (U) ispod sloja s uzorkom kako biste otkrili sve dodatne piksele koje je potrebno ukloniti. Uklonite ih pomoću Gumica za brisanje. Ne zaboravite izbrisati pravokutnik prije spremanja slike.
Nakon što završite, imat ćete izolirani uzorak boje s prozirnom pozadinom koja ga okružuje. Spremite svoj uzorak kao PNG.
Ako nemate Photoshop, postoji alternativa načini kako pozadinu slike učiniti prozirnom. Zatim tu sliku možete unijeti ravno u Illustrator i nastaviti odavde.
Korak 3: Otvorite sliku u Illustratoru
Otvorite svoj novi uzorak PNG u Illustratoru. Možete odabrati i povući svoju sliku s radne ploče kako biste provjerili je li pozadina još uvijek prozirna. Iako, to neće ostati tako u sljedećem koraku. U ovom trenutku vaš je uzorak još uvijek raster, pa će se pikselizirati ako se skalira.
Kombinacija Photoshopa i Illustratora za jedan projekt izvrstan je način korištenja Adobe Creative Clouda. Postoje mnogi drugi značajke u cijelom Creative Cloudu da možete pokušati.
Korak 4: Vektorizirajte sliku
Otvorite ploču Svojstva tako da odete na Prozor > Svojstva. Ploču možete povećati ili minimizirati tako da je odaberete na desnoj okomitoj alatnoj traci.
Odaberite svoju sliku, a zatim se pomaknite do dna Svojstva ploča i odaberite Trag slike > Fotografija visoke kvalitete. Ako odaberete Trag slike iz izbornika Objekt, zadano će biti crno-bijeli trag, koji neće sačuvati teksturu vašeg uzorka. Funkciju Image Trace možete koristiti na mnoge načine vektorizirati slike u Illustratoru.
Korak 5: Očistite i uklonite pozadinu
Otvorite ploču Trag slike odabirom ikone pored padajućeg izbornika Trag slike na ploči Svojstva. Pod, ispod Boja, pomaknite klizač udesno, negdje između 85% i 98%. Ovo povećava detalje boja u vašem teksturiranom uzorku, dajući mu realističniji rezultat.
Otvori Napredna postavke i pomaknite Staze pomaknite udesno. Opet, idealno je postaviti ovo između 85% i 98%. Što je više putanja, to je više detalja iscrtano u vašem vektoru. Ako ima manje staza, slika će izgledati isprekidano i poput crtića.
Minimizirajte ploče Trag slike i Svojstva i vaš će uzorak biti prekriven plavim linijama putanje. Ako želite premjestiti svoj vektor uzorka, morat ćete upotrijebiti Izbor alat (V) kako bi se osiguralo da se kreće kao cjelina. Ali možete pomicati pojedinačne staze, ako je potrebno, pomoću Izravni odabir alat.
Odaberite Izravni odabir alat (A) i kliknite na radnu ploču da poništite odabir slike. Zatim odaberite bijelu pozadinu koja okružuje vaš uzorak. Pogoditi Izbrisati na tipkovnici kako biste vratili prozirnu pozadinu. Možete dodati obojeni pravokutnik ispod svog uzorka da provjerite prozirnost.
Korak 6: Koristite svoj Swatch Vector
Sada imate gotov uzorak teksture. Bilo da ste odlučili izraditi komad akvarela kao što je naš vodič, ili ste možda napravili uzorak olovke u boji, sada imate potpuno skalabilan uzorak teksture u stvarnom životu.
Nažalost, zbog svih zamršenih staza, bilo bi teško - ali ne i nemoguće - ponovno obojati svoj uzorak. Da biste koristili vektor, trebali biste zadržati istu boju. Ako ga želite ponovno obojiti, prvo ćete ga morati obojiti u Photoshopu prije nego što svoj uzorak unesete u Illustrator.
Svoj vektor možete koristiti kao bilo koji drugi vektor. Povećajte ili smanjite ga, koristite ga kao slojeviti element u dizajnu, a na njega možete čak primijeniti i filtre kao što su iskrivljenje i iskrivljenje.
Spremite svoj vektor kao PNG kako biste osigurali da ostane transparentan. Pogledajte naš vodič za stvaranje prozirne pozadine u Illustratoru za više.
Stvorite vektore iz stvarnih tekstura pomoću Photoshopa i Illustrator
Korištenje vektora u vašem dizajnu poboljšava produktivnost i kvalitetu vaših konačnih dizajna. Ne samo da ovaj jedan vektor ima više namjena, nego korištenje vektorske grafike umjesto rasterske grafike znači da više nikada ne morate brinuti o pikselizaciji.
Vektorizacija stvarnih tekstura znači da možete dodati uzorke boje bilo kojem elementu dizajna, čineći ga kao pravi. Vratite se na ovaj vodič za pretvaranje stvarnih tekstura u digitalne vektore.