Å legge til virkelige fargeprøver til designarbeidet ditt legger til elementer av realisme i det som kan være et overmettet digitalt marked. Dessverre resulterer skanning eller fotografering av teksturprøver vanligvis i uskalerbare rasterbilder som piksler når de overredigeres.
Heldigvis kan du lage skalerbare vektorer av ekte teksturer som akvarell, maling eller tusj ved hjelp av Photoshop og Illustrator. Dette er hvordan.
Hvordan gjøre ekte teksturer til vektorer
Det er opp til deg å lage teksturen selv eller finne en fargeprøve på nettet for å lage en vektor. Du kan bruke et hvilket som helst teksturert kunstmedium, for eksempel en tusj, indisk blekk eller malingsklatter.
Trinn 1: Åpne teksturprøven i Photoshop
Hvis du har laget teksturen selv, må du skanne den inn i en datamaskin med 300 DPI. Dette sikrer den høyeste kvaliteten som gir best resultat.
Vi har lastet ned et bilde av en akvarellprøve fra Unsplash å gjøre til en vektor. Last ned det samme bildet for å følge direkte, eller du kan bruke instruksjonene som en veiledning på et eget fargeprøvebilde.
Åpne bildet i Photoshop og beskjær det i nærheten av fargeprøven du bruker. Hvis bildet ikke allerede er 300 DPI, må det være det. Gå til Bilde > Bildestørrelse og type 300 inn i det Vedtak eske. Plukke ut OK.
Nå har du et bilde av høy kvalitet som vil gjengis til en detaljert vektor senere. Du kan også endre DPI i andre programmer hvis du ikke bruker Photoshop.
Trinn 2: Rydd opp i bakgrunnen
Selve fargeprøven må isoleres fra bakgrunnen. Hvis du har skannet fargeprøven eller brukt et bilde med en vanlig hvit eller ensfarget bakgrunn, vil dette være mye enklere for deg.
Lag et nytt lag på lagpaletten, og dra det deretter under bildelaget ditt. Velg bildelaget.
Gå til Plukke ut > Fargeskala. Velg eyedropper fra dialogboksen og bruk den til å velge hvilken som helst del av bakgrunnen på tegnebrettet. Bruke Uklarhet glidebryteren for å sikre at utvalget er tett mot fargeprøven. Trykk deretter OK.
Når du er tilbake til tegnebrettet, vil fargeområdet ha løpende maur for å vise utvalget. Truffet Slett for å fjerne bakgrunnen. Deretter fjerner du valget ved å trykke Cmd + D (Mac) eller Ctrl + D (Windows). Hvis bakgrunnen din er ren uten skygge eller tekstur, er det alt du trenger å gjøre.
Hvis bakgrunnen din er flerfarget, har skygger eller andre teksturer, må du kanskje gjenta denne prosessen noen ganger. I Fargeskala dialogboksen, velg forskjellige deler av bakgrunnen med eyedropper og lek med Uklarhet glidebryteren for å velge så mye av bakgrunnen du kan. Plukke ut OK og treffer Slett.
Fjern markeringen ved å trykke Cmd + D (Mac) eller Ctrl + D (Windows). Hvis det fortsatt er mer av bakgrunnen igjen, kan du enten gjøre Color Range-prosessen igjen, bruke Viskelær verktøy (E) for å fjerne gjenstridige piksler, eller bruk Lasso verktøy (L) for å velge tett rundt fargeprøven, og deretter Slett utvalget.
Plasser et rektangel i kontrastfarge ved å bruke Rektangel verktøy (U) under fargeprøvelaget for å eksponere eventuelle ekstra piksler som må fjernes. Fjern dem med Viskelær. Husk å slette rektangelet før du lagrer bildet.
Når du er ferdig, vil du ha en isolert malingsprøve med en gjennomsiktig bakgrunn rundt den. Lagre fargeprøven som en PNG.
Hvis du ikke har Photoshop, finnes det alternativer måter å gjøre en bildebakgrunn gjennomsiktig. Du kan deretter ta bildet rett inn i Illustrator og fortsette herfra.
Trinn 3: Åpne bildet i Illustrator
Åpne din nye fargeprøve PNG i Illustrator. Du kan velge og dra bildet fra tegnebrettet for å sjekke at bakgrunnen fortsatt er gjennomsiktig. Selv om det ikke forblir slik i neste trinn. På dette tidspunktet er fargeprøven din fortsatt et raster, så den piksler hvis den skaleres.
Å kombinere både Photoshop og Illustrator for ett prosjekt er en fin måte å bruke Adobe Creative Cloud på. Det er mange andre funksjoner på tvers av Creative Cloud som du kan prøve.
Trinn 4: Vektoriser bildet
Åpne Egenskaper-panelet ved å gå til Vindu > Egenskaper. Du kan maksimere eller minimere panelet ved å velge det fra den vertikale verktøylinjen til høyre.
Velg bildet ditt, og bla til bunnen av Egenskaper panel og velg Bildesporing > High Fidelity-bilde. Hvis du velger Bildesporing fra Objekt-menyen, vil det som standard være et svart-hvitt-spor, som ikke kommer til å bevare teksturen til fargeprøven din. Du kan bruke Image Trace-funksjonen på mange måter vektorisere bilder i Illustrator.
Trinn 5: Rydd opp og fjern bakgrunnen
Åpne Image Trace-panelet ved å velge ikonet ved siden av Image Trace-rullegardinmenyen i Egenskaper-panelet. Under Farge, flytt glidebryteren til høyre, et sted mellom 85 % og 98 %. Dette øker detaljene i fargene i din teksturerte fargeprøve, og gir den et mer realistisk resultat.
Åpne Avansert innstillinger og flytt stier skyve over til høyre. Igjen, å sette dette mellom 85% og 98% er ideelt. Jo flere stier det er, jo flere detaljer er tegnet i vektoren din. Hvis det er færre stier, vil bildet se hakkete og tegneserieaktig ut.
Minimer Bildesporing og Egenskaper-panelene og fargeprøven din vil bli dekket av blå banelinjer. Hvis du vil flytte fargeprøvevektoren din, må du bruke Utvalg verktøy (V) for å sikre at den beveger seg som en helhet. Men du kan flytte individuelle stier, om nødvendig, ved å bruke Direkte valg verktøy.
Velg Direkte valg verktøy (EN) og klikk av tegnebrettet for å velge bort bildet. Velg deretter den hvite bakgrunnen som omgir fargeprøven. Truffet Slett på tastaturet for å få tilbake den gjennomsiktige bakgrunnen. Du kan legge til et farget rektangel under fargeprøven for å sjekke gjennomsiktigheten.
Trinn 6: Bruk din fargeprøvevektor
Nå har du en ferdig teksturprøve. Enten du bestemte deg for å lage et akvarellstykke som veiledningen vår, eller kanskje du laget en fargeblyantprøve, har du nå en fullt skalerbar teksturprøve fra virkeligheten.
Dessverre, på grunn av alle de intrikate stiene, ville det være vanskelig – men ikke umulig – å farge fargeprøven din på nytt. For å bruke vektoren bør du beholde fargen den samme. Hvis du vil fargelegge det på nytt, må du fargelegge det i Photoshop først før du tar fargeprøven inn i Illustrator.
Du kan bruke vektoren din akkurat som enhver annen vektor. Skaler den opp eller ned, bruk den som et lagdelt element i design, og du kan til og med bruke filtre på den, for eksempel skjevhet og forvrengning.
Lagre vektoren din som en PNG for å sikre at den forblir gjennomsiktig. Se vår guide til lage gjennomsiktige bakgrunner i Illustrator for mer.
Lag vektorer fra ekte teksturer med Photoshop og Illustrator
Bruk av vektorer i designarbeidet forbedrer produktiviteten og kvaliteten på de endelige designene dine. Ikke bare har denne ene vektoren flere bruksområder, men å bruke en vektorgrafikk i stedet for en rastergrafikk betyr at du aldri trenger å bekymre deg for pikselisering igjen.
Vektorisering av ekte teksturer betyr at du kan legge til fargeprøver til ethvert designelement, slik at det ser ut som ekte vare. Se tilbake til denne veiledningen for å gjøre ekte teksturer til digitale vektorer.
