Opprette og jobbe med vektorgrafik i Photoshop

Opprette og jobbe med vektorgrafik i Photoshop / Kreativ

Adobe Illustrator er bransjestandardprogrammet for grafisk design. Det er det beste verktøyet for å jobbe med vektorbaserte filer.

Dessverre ikke alle har Illustrator, men mange mennesker har Photoshop. Og Photoshop har grunnleggende støtte for vektorbilder. I denne veiledningen tar vi en titt på hvordan du arbeider med vektorgrafik i Photoshop som Illustrator-erstatning.

Hva er et vektorgrafik?

Photoshop er primært designet for rasterbilder. Disse er polygonale bilder tegnet piksel etter piksel. De støtter store mengder detaljer, så brukes til bilder. Filstørrelsene kan imidlertid være store, og du kan ikke forstørre uten tap av kvalitet.

Vektorbilder er linjer og kurver generert av matematiske formler. Dette betyr at du kan endre størrelsen på dem uendelig, og filstørrelsene er ofte svært små. Vektorer er gode for grafisk design arbeid, inkludert design av logoer og ikoner.

Et stykke vektorkunst består av flere objekter. Hvert objekt er en linje eller form hvis kant er definert av en bane. I Photoshop vises banen som en tynn blå linje (selv om den er teknisk usynlig).

Du kan bruke to typer farger til hvert objekt.

  • EN Stroke er en linje som følger banen.
  • EN Fylle legger til en solid farge eller et mønster til plassen omgitt av banen.

Du angir begge i alternativfeltet øverst på skjermen. Du kan også sette enten til Ingen farge hvis du vil at de skal være tomme. For slaget kan du også sette tykkelsen i piksler og stilen. En solid linje er standard.

I Photoshop tegner du vektorbilder med former, linjer og tekst.

Tegn vektformer og linjer

Photoshop kommer med verktøy for å tegne flere vanlige former. Som standard er Rektangelverktøy er uthevet. Klikk og hold på det ikonet for å avsløre hele settet med verktøy:

  • Rektangelverktøy
  • Avrundet rektangelverktøy
  • Ellipseverktøy
  • Polygonverktøy
  • Linjeverktøy
  • Tilpasset formverktøy

Du kan alltid velge det uthevede verktøyet ved å trykke U på tastaturet ditt. Du kan også trykke på Skift + U å sykle gjennom verktøyene til du finner den du vil ha. Tastaturgenveier Adobe Photoshop Tastaturgenveier 101: De mest nyttige kommandoene Adobe Photoshop Tastaturgenveier 101: De mest nyttige kommandoene Uansett om du er nybegynner eller proff, vil disse shortcutene i Photoshop spare deg for timer. Klikk her for hele listen! Les mer er en god måte å raskt navigere i Photoshop.

Tegn grunnleggende vektorgrader

Velg verktøyet for formen du vil tegne, og legg deretter til Fylle og Stroke farger.

Klikk nå og dra i lerretet ditt. Formen trekkes fra hjørnet i hvilken retning du drar. For å lage en symmetrisk form, for eksempel en sirkel eller en firkant, hold nede Skift-tasten.

For å tegne en trekant, velg Polygonverktøy. Klikk en gang på lerretet for å åpne Lag Polygon innstillingsboks. Sett Antall sider til 3.

Endre og rediger vektorgrader

Du er ikke begrenset til grunnleggende former når du lager vektorgrafikk i Photoshop. De kan endres veldig raskt.

Velg først formen. Dette vil markere formen og vise ankerpunkter langs banen. Dette er poeng hvor formen har hjørner eller kurver.

Velg Direkte utvalgsverktøy fra verktøylinjen (klikk og hold på Path Selection Tool ikon for å finne det). Klikk på et av ankerpunktene og dra det i en hvilken som helst retning for å deformere formen.

For mer avanserte endringer, flytt to eller flere ankerpunkter samtidig. Klikk på en for å markere den, da Skift + klikk en annen. Bruk nå piltastene på tastaturet for å flytte begge punktene samtidig.

Merge og kombinere vektorgrader

For enda mer komplekse former, kan du bruke Banoperasjoner. Dette lar deg kombinere flere former til enkelt nye.

Begynn med å tegne en form på lerretet ditt. Deretter klikker du på Banoperasjoner knappen i alternativfeltet øverst på skjermen. Normalt går hver ny sti eller form på sitt eget lag. Endre det ved å klikke Kombiner former.

Tegn nå en annen form. Dette vil gå på samme lag som din første form. Når du trenger å flytte objektene individuelt, bruker du Path Selection Tool.

Dra den andre formen slik at den overlapper den første. De to går sammen i en enkelt form, selv om de forblir som separate objekter. Klikk Merge Shape Components i Banoperasjoner å kombinere dem til et enkelt objekt.

Bruke Path Selection Tool for å velge den andre formen du tegnet. Nå i Banoperasjoner velge Trekk forfra. Formen er nå slettet, sammen med området der det overlapper med den første formen.

Fremhev begge former. I Banoperasjoner å velge Intersect Shape Areas. Dette fjerner begge former, bortsett fra områdene hvor de overlapper. Vi bruker dette alternativet til å lage en halvcirkel.

Endelig markere begge figurene og velg Unntatt overlappende former. Dette fjerner området der de to figurene overlapper, og etterlater alt annet i takt.

Disse verktøyene er en effektiv måte å bygge nye former på, eller å dele eller kutte stykker ut av eksisterende. De jobber også med pennverktøyet og teksten.

Tegn vektord

Det er to andre formrelaterte verktøy å vite om. Først er det Linjeverktøy.

Velg verktøyet, og sett inn Høyde i alternativfeltet. Dette setter tykkelsen på linjen. Klikk deretter og dra i dokumentet for å tegne det. Hold nede skift-tasten for å snipe linjen til null eller 90 grader.

Dette verktøyet har noen skjulte funksjoner, men for det meste vil du bruke den til å tegne en rett linje.

Tegn tilpassede vektorgrader

Endelig, den Tilpasset formverktøy. Sett fyll- og strekkfargene, og klikk deretter på Form alternativet i alternativfeltet. Her kan du velge en av utallige forhåndsinnstilte tilpassede former som Photoshop gir.

For å legge til flere former utover det opprinnelige valget, klikk på innstillinger cog og velg en kategori å legge til. Det finnes former for alle bruks-ikoner, talebobler, piler, teksturer og mer. Du kan også laste inn tredjepartsformer.

Klikk og dra for å legge til formen på bildet ditt. Du kan også klikke på lerretet for å angi en nøyaktig bredde og høyde.

Tegningsvektorer med pennverktøyet

Hvis du har noen erfaring med Illustrator, vet du at du bruker Paintbrush Tool for frihånds tegning. Photoshop har et penselverktøy som gjør en lignende jobb. Men i Photoshop er verktøyet ikke vektorbasert, så du bør ikke bruke det til tegning. Du bør bruke Pennverktøy i stedet.

Pennverktøyet er en av de kraftigste funksjonene i Photoshop. Du vil bruke det mye i fotoredigering i Photoshop Lær fotoredigering i Photoshop: Få grunnleggende ned i 1 time Lær fotoredigering i Photoshop: Få grunnleggende om 1 time Photoshop er et skremmende program, men med bare en time, du kan lære alt det grunnleggende. Ta tak i et bilde du vil redigere, og la oss komme i gang! Les mer, siden det lar deg lage svært presise valg. Det er også flott for tegning og vektorkunst.

Kom i gang med pennverktøyet

Pennverktøyet fungerer ved å tegne en sti mellom ankerpunkter du lager når du klikker på lerretet. Legg til et slag på banen, og du kan tegne en disposisjon; legg til en fylling og du kan tegne et solidt objekt. For mer, se vår fullstendige guide til bruk av pennverktøyet. Slik bruker du Photoshop Pen Tool Slik bruker du Photoshop Pen Tool Les mer .

Her er en rask primer for å komme i gang:

  1. Velg Pennverktøyet (P). Klikk på bildeteserviet for å slippe et ankerpunkt.
  2. Flytt markøren et par tommer og klikk igjen for å slippe et annet ankerpunkt. En sti vil bli opprettet for å koble de to. Still slaget til 5px, svart, for å hjelpe deg med å se det bedre.
  3. Klikk noen få ganger for å utvikle banen. Klikk og dra for å lage en buet sti. Dette vil også legge til styrer til ankerpunktet. Dra disse for å kontrollere kurvens vinkel og dybde.
  4. Klikk Tast inn å opprette en åpen bane (en linje), eller klikk på det første ankerpunktet for å lage en lukket bane (en form).

Det som gjør Pen Tool så nyttig, er at du kan når som helst gå tilbake og redigere formen din:

  • Hent Direkte utvalgsverktøy (A). Velg et ankerpunkt på banen og dra det til en ny posisjon. Bruk dette verktøyet med et ankerpunkts styrer for å redigere en kurve også.
  • Velg Legg til Anchor Point Tool ved å klikke og holde på pennverktøyet. Klikk et sted på banen for å manuelt legge til et nytt ankerpunkt, og dra det på plass. Dette gjør det mulig å finjustere figuren.

Tre pennverktøy

Photoshop tilbyr tre forskjellige penner for tegning.

De Pennverktøy er standard og mest fleksibelt alternativ. For nybegynnere anbefaler vi at du bruker dette først og fremst for å tegne rette linjer. Når du blir mer avansert, kan du finne deg selv å bruke den til alt.

De Freeform Pen Tool lar deg tegne frihånd, likt Brush Tool. Den skaper fortsatt en sti som du kan justere og redigere senere. Ankerpunktene genereres automatisk når du tegner. Dette er et flott verktøy hvis du bruker en grafikkbrett De beste grafikkablettene og grafikkprogrammene for digital design De beste grafikkablettene og grafikkprogrammene for digital design Vi har avrundet de beste grafikkdesigntablettene og programvaren som skal brukes hvis du vil bryte inn i tegneserier og andre former for digital kunst. Les mer .

De Curvature Pen Tool gjør det enkelt å tegne kurver uten å måtte leke med styrene som du gjør med hovedpennverktøyet.

Spor et bilde som en vektor i Photoshop

Når du har lært hvordan du bruker de forskjellige pennverktøyene, kan du bruke dem til å spore bilder. Slik gjør du en skisse du har skannet, eller et objekt i et bilde, til et vektorbilde.

Åpne bildet i Photoshop og zoom inn. Velg nå Pennverktøy og plasser ditt første ankerpunkt på grensen til objektet du vil spore. Din nye tegning vil automatisk gå på sitt eget lag. Fortsett å klikke rundt kantene for å lage banen.

Hvis objektet du sporer er mot en vanlig bakgrunn, kan du prøve Freeform Pen Tool med magnetisk alternativet aktivert i alternativfeltet. Dette klikker veien til kanten av objektet.

Arbeid med Vector Text i Photoshop

Bruk av tekst i Photoshop er ganske selvforklarende. Velg Horisontalt tekstverktøy (T), klikk på bildeskjermen for å lage en tekstboks, og skriv deretter inn. Du kan justere skriftstørrelsen, størrelsen, vekten og alt annet, akkurat som du ville i noen annen app.

For vanlig tekst angi en fyllfarge, men ingen strekk. Bruk bare et slag for tung stilisert tekst.

Når du er ferdig kan du konvertere teksten til et vektorobjekt. Velg teksten og gå til Skriv> Konverter til form. Dette gjør det mulig å få tilgang til ankerpunktene på hvert tegn, slik at du kan tilpasse dem individuelt. Det er bra å endre fargen på et enkelt brev eller justere utseendet på skrifttypen.

Når konverteringen er omgjort, kan teksten ikke redigeres lenger. Det er en god ide å kopiere og skjule det opprinnelige tekstlaget, bare hvis du trenger en sikkerhetskopi.

Administrere vektorobjekter

For å lage kunstverket trenger du alle disse objektene til å være i riktig posisjon og i riktig størrelse. Slik gjør du det.

  • Flytt objekter ved å velge dem med Path Selection Tool (A) og dra dem på plass.
  • Endre størrelse på objekter ved å velge dem med Path Selection Tool så treffer Ctrl + T på Windows eller Cmd + T på Mac. Dette viser en boks rundt objektet. Ta tak i styret langs kanten og dra inn eller ut for å endre størrelsen. Hold Skifte nøkkel for å opprettholde det opprinnelige aspektforholdet.
  • Roter en gjenstand ved å holde musen rett utenfor en av styrene til markøren blir et rotasjonsikon. Klikk og dra nå.
  • Omordne gjenstander ved å klikke på et lag og dra det over eller under et annet lag.
  • Juster objekter ved å velge dem alle med Flytt verktøyet (V) (eller holder Skifte og klikk på flere lag), og bruk deretter justeringskontrollene i alternativfeltet.

Vektorgrafikk i Photoshop: Sett alt sammen

Nå vet du hvordan du bruker alle verktøyene, du kan sette dem sammen for å lage dine egne stykker vektorgrafik.

Photoshop er ikke et ekte alternativ til Illustrator Den beste vektorprogramvaren for Mac-designere på et budsjett Den beste vektorprogramvaren for Mac-designere på et budsjett Adobe Illustrator kan være gullstandarden når det gjelder vektorprogramvare for Mac, men du don ' t må alltid bruke en formue på designprogramvare. Les mer for alle som er seriøse om grafisk design. Men for enkle ting som logoer, ikoner og små bilder du vil bruke i andre dokumenter, er det mer enn bra nok.

Bruker du Photoshop for vektorgrafik? Hvilke andre tips har du for å lage vektorer i Photoshop? Del dine tanker nedenfor!

Utforsk mer om: Adobe Photoshop, Photoshop Tutorial, Vector Graphics.