Oprettelse og arbejde med vektorgrafik i Photoshop

Reklame

Adobe Illustrator er branchens standard applikation til grafisk design. Det er det bedste værktøj til at arbejde med vektorbaserede filer.

Desværre ikke alle har Illustrator, men mange mennesker har Photoshop. Og Photoshop har grundlæggende support til vektorbilleder. I denne vejledning tager vi et kig på, hvordan man arbejder med vektorgrafik i Photoshop som en Illustrator-udskiftning.

Hvad er et vektorbillede?

Photoshop er primært designet til rasterbilleder. Disse er polygonale billeder tegnet pixel efter pixel. De støtter enorme mængder detaljer, så bruges til fotos. Filstørrelserne kan dog være store, og du kan ikke forstørre uden tab af kvalitet.

Vektorbilleder er linjer og kurver genereret af matematiske formler. Det betyder, at du kan ændre størrelsen på dem uendeligt, og filstørrelserne er ofte meget små. Vektorer er gode til grafisk design arbejde, herunder design af logoer og ikoner.

Et stykke vektor kunst består af flere objekter. Hvert objekt er en linje eller form, hvis kant er defineret af en sti. I Photoshop vises stien som en tynd blå linje (selv om den er teknisk usynlig).

Du kan anvende to typer farver til hvert objekt.

• Et slag er en linje, der følger stien.
• En Fill tilføjer en solid farve eller mønster til rummet omgivet af stien.

Du indstiller begge i optionslinjen øverst på skærmen. Du kan også indstille enten til Nej Farve, hvis du vil have dem forblive tomme. Til strejken kan du også indstille tykkelsen i pixels og stilen. En solid linje er standard.

I Photoshop tegner du vektorbilleder med figurer, linjer og tekst.

Tegn vektorformer og linjer

Photoshop leveres med værktøjer til tegning af flere almindelige former. Som standard er rektangelværktøjet fremhævet. Klik og hold på det ikon for at afsløre det fulde sæt af værktøjer:

• Rektangelværktøj
• Afrundet rektangelværktøj
• Ellipse Tool
• Polygon Værktøj
• Line Tool
• Brugerdefineret formværktøj

Du kan altid vælge det fremhævede værktøj ved at trykke på U på tastaturet. Du kan også trykke på Skift + U for at cykle gennem værktøjerne, indtil du finder den ønskede. Tastaturgenveje Genvejstaster til genvejstaster i Adobe Photoshop 101: De mest nyttige kommandoer Adobe Photoshop-tastaturgenveje 101: De mest nyttige kommandoer Uanset om du er nybegynder eller proffes, vil disse shortcut-kort i Photoshop spare dig tid. Klik her for den fulde liste! Læs mere er en god måde at hurtigt navigere i Photoshop.

Tegn grundlæggende vektorformer

Vælg værktøjet til den form, du vil tegne, og tilføj derefter dine Fill and Stroke farver.

Klik nu og træk i dit lærred. Formen er trukket fra hjørnet i hvilken retning du trækker. For at skabe en symmetrisk form, såsom en cirkel eller firkant, skal du holde nede skiftetasten.

For at tegne en trekant skal du vælge Polygon Tool . Klik en gang på dit lærred for at åbne indstillingsboksen Opret polygon . Indstil Antal sider til 3 .

Rediger og rediger vektorformer

Du er ikke begrænset til grundlæggende former, når du opretter vektorgrafik i Photoshop. De kan ændres meget hurtigt.

Vælg først formen. Dette vil fremhæve formen og vise ankerpunkter langs sin sti. Disse er punkter, hvor formen har hjørner eller kurver.

Vælg værktøjet Direkte markering fra værktøjslinjen (klik og hold på ikonet Markeringsværktøj- ikon for at finde det). Klik på et af ankerpunkterne og træk det i en hvilken som helst retning for at deformere formen.

For mere avancerede redigeringer skal du flytte to eller flere ankerpunkter samtidig. Klik på en for at fremhæve den, og tryk derefter på Skift + klik på en anden. Brug nu markørtasterne på tastaturet til at flytte begge punkter samtidigt.

Flette og kombinere vektorformer

For endnu mere komplekse figurer kan du bruge Path Operations . Dette giver dig mulighed for at kombinere flere former til enkelt nye.

Start med at tegne en form på dit lærred. Klik derefter på knappen Banedrift i indstillingslinjen øverst på skærmen. Normalt går hver ny vej eller form på sit eget lag. Skift det ved at klikke på Kombiner formularer .

Træk nu en anden form. Dette vil gå på samme lag som din første form. Når du skal flytte objekterne individuelt, skal du bruge værktøjet til valg af sti .

Træk den anden form, så den overlapper den første. De to fusioner sammen i en enkelt form, selvom de forbliver som separate objekter. Klik på Merge Shape Components i Path Operations for at kombinere dem til en enkelt objekt.

Brug værktøjet til valg af sti til at vælge den anden form, du tegnede. Nu vælger du i Path Operations Subtraher Front Shape . Formen er nu slettet sammen med det område, hvor det overlapper med den første form.

Fremhæv begge former. I vejoperationer vælg Intersect Shape Areas . Dette fjerner begge former, bortset fra de områder, hvor de overlapper hinanden. Vi bruger denne mulighed for at oprette en halvcirkel.

Endelig fremhæv begge former og vælg Undgå overlappende figurer . Dette fjerner området, hvor de to former overlapper hinanden og efterlader alt andet i takt.

Disse værktøjer er en effektiv måde at opbygge nye former på, eller at dele eller skære stykker ud af eksisterende. De arbejder også med Pen Tool og Text.

Tegn vektor linjer

Der er to andre formrelaterede værktøjer til at vide om. Først er linjeværktøjet .

Vælg værktøjet, og indstil højden i indstillingslinjen. Dette angiver tykkelsen af ​​linjen. Klik derefter og træk i dit dokument for at tegne det. Hold nede skift nøglen for at snappe linjen til nul eller 90 grader.

Dette værktøj har nogle få skjulte funktioner, men for det meste vil du bruge det til at tegne en lige linje.

Tegn Custom Vector Shapes

Endelig er det Custom Shape Tool . Indstil fylde- og slagfarverne, og klik derefter på Form- indstillingen i optionslinjen. Her kan du vælge en af ​​utallige forudindstillede brugerdefinerede former, som Photoshop giver.

For at tilføje flere figurer ud over det oprindelige valg, skal du klikke på indstillingerne og vælge en kategori, der skal tilføjes. Der er former for alle anvendelses-ikoner, talebobler, pile, teksturer og meget mere. Du kan også indlæse tredjepartsformer.

Klik og træk for at tilføje formen til dit billede. Du kan også klikke på lærredet for at angive en nøjagtig bredde og højde.

Tegningsvektorer med penværktøjet

Hvis du har erfaring med Illustrator, ved du, at du bruger Paintbrush Tool til frihåndstegning. Photoshop har et børsteværktøj, der gør et lignende arbejde. Men i Photoshop er værktøjet ikke vektorbaseret, så du bør ikke bruge det til tegning. Du skal bruge Pen Tool i stedet.

Penværktøjet er en af ​​de mest kraftfulde funktioner i Photoshop. Du bruger det meget i fotoredigering i Photoshop Lær fotoredigering i Photoshop: Få det grundlæggende i 1 time Lær fotoredigering i Photoshop: Få det grundlæggende i 1 time Photoshop er et skræmmende program, men med kun en time, du kan lære alt det grundlæggende. Tag et billede, du vil redigere, og lad os komme i gang! Læs mere, da det giver dig mulighed for at oprette meget præcise valg. Det er også fantastisk til tegning og vektor kunst.

Kom i gang med penværktøjet

Penværktøjet virker ved at tegne en sti mellem ankerpunkter, du opretter, når du klikker på lærredet. Tilføj et slag til stien, og du kan tegne en omrids; Tilføj en udfyldning, og du kan tegne et solidt objekt. For mere, se vores fulde guide til brug af Pen Tool Sådan bruges Photoshop Pen Tool Sådan bruges Photoshop Pen Tool Læs mere.

Her er en hurtig primer for at komme i gang:

1. Vælg Pen Tool (P) . Klik på billedfarven for at tabe et ankerpunkt.
2. Flyt markøren et par tommer og klik igen for at slippe et andet ankerpunkt. En sti vil blive oprettet for at forbinde de to. Sæt stroke til 5px, sort, for at hjælpe dig med at se det bedre.
3. Klik et par gange til at udvikle stien. Klik og træk for at oprette en buet sti. Dette vil også tilføje styret til ankerpunktet. Træk disse for at styre kurvens vinkel og dybde.
4. Klik på Enter for at oprette en åben sti (en linje), eller klik på det første ankerpunkt for at oprette en lukket sti (en form).

Hvad gør Penværktøjet så nyttigt er, at du kan til enhver tid gå tilbage og redigere din form:

• Få direkte markeringsværktøj (A) . Vælg et ankerpunkt på stien og træk det til en ny position. Brug dette værktøj med et ankerpunkts håndtag til at redigere en kurve også.
• Vælg værktøjet Tilføj ankerpunkt ved at klikke og holde på penneværktøjet. Klik et eller andet sted på stien for manuelt at tilføje et nyt ankerpunkt, og træk det på plads. Dette gør det muligt at finjustere din form.

Tre Penværktøjer

Photoshop tilbyder tre forskellige penne til tegning.

Penværktøjet er standard og mest fleksible valgmulighed. For begyndere vil vi anbefale at bruge dette primært til at tegne lige linjer. Når du bliver mere avanceret, kan du finde dig selv ved at bruge den til alt.

Freeform Pen Tool giver dig mulighed for at tegne frihånd, der ligner børsteværktøjet. Det skaber stadig en sti, som du kan tilpasse og redigere senere. Ankerpunkterne genereres automatisk, når du tegner. Dette er et godt værktøj, hvis du bruger en grafisk tablet De bedste grafiske tabletter og programmer, der skal bruges, hvis du vil bryde ind i digital tegneseriedesign De bedste grafiske tabletter og programmer, der skal bruges, hvis du vil bryde ind i digital tegneseriedesign Vi har afrundet de bedste grafiske design tabletter og software til brug, hvis du vil bryde ind i tegnefilm og andre former for digital kunst. Læs mere .

Curvature Pen Tool gør det nemt at tegne kurver uden at skulle lege med styrene, som du gør med det vigtigste Pen Tool.

Spor et billede som en vektor i Photoshop

Når du har lært, hvordan du bruger de forskellige penværktøjer, kan du bruge dem til at spore billeder. Sådan skifter du en skitse, du har scannet, eller et objekt i et billede til et vektorbillede.

Åbn billedet i Photoshop og zoom ind. Nu skal du vælge Pen Tool og placere dit første ankerpunkt på grænsen til det objekt, du vil spore. Din nye tegning vil automatisk gå på sit eget lag. Fortsæt med at klikke rundt om kanterne for at oprette din sti.

Hvis objektet du sporer er imod en almindelig baggrund, kan du prøve Freeform Pen Tool med den magnetiske indstilling aktiveret i optionslinjen. Dette snaps din sti til kanten af ​​objektet.

Arbejde med vektortekst i Photoshop

Brug af tekst i Photoshop er ret selvforklarende. Vælg det horisontale tekstværktøj (T), klik på billedfarven for at oprette en tekstboks og skriv derefter. Du kan justere skrifttypen, størrelsen, vægten og alt andet, ligesom du ville i en anden app.

Ved normal tekst skal du sætte en fyldfarve, men ingen slagtilfælde. Anvend kun et slagtilfælde for stærkt stiliseret tekst.

Når du er færdig kan du konvertere teksten til et vektorobjekt. Vælg teksten og gå til Type> Konverter til Form . Dette giver dig mulighed for at få adgang til ankerpunkterne på hvert tegn, så du kan tilpasse dem individuelt. Det er godt at ændre farven på et enkelt bogstav eller tilpasse udseendet af skrifttypen.

Når den er konverteret, er teksten ikke længere redigerbar. Det er en god idé at duplikere og derefter gemme det originale tekstlag, bare hvis du har brug for en sikkerhedskopi.

Administrere Vectorobjekter

For at skabe dit kunstværk skal alle disse objekter være i den rigtige position og i den rigtige størrelse. Sådan gør du det.

• Flyt objekter ved at markere dem med stedsvalgværktøjet (A) og trække dem på plads.
• Ændre størrelsen på objekter ved at vælge dem med valg af sporvalg og derefter trykke Ctrl + T på Windows eller Cmd + T på Mac. Dette viser en boks omkring objektet. Tag et håndtag langs kanten og træk ind eller ud for at ændre størrelsen. Hold Shift- tasten nede for at bevare det oprindelige billedforhold.
• Drej et objekt ved at holde musen lige udenfor et af styrene, indtil markøren bliver til et rotationsikon. Klik nu og træk.
• Omorganiser objekter ved at klikke på et lag og trække det over eller under et andet lag.
• Juster objekter ved at markere dem alle med Move Tool (V) (eller hold Shift og klik på flere lag), og brug derefter justeringsknapperne i optionslinjen.

Vektorgrafik i Photoshop: Sæt det hele sammen

Nu ved du, hvordan du bruger alle værktøjerne, du kan sætte dem sammen for at lave dine egne stykker vektor kunst.

Photoshop er ikke et ægte alternativ til Illustrator Den bedste vektor software til Mac-designere på et budget Den bedste vektor software til Mac-designere på et budget Adobe Illustrator kan være guldstandarden når det kommer til vektor software til Mac, men du don ' t har altid brug for en formue på design software. Læs mere for alle, der er seriøse om grafisk design. Men for enkle ting som logoer, ikoner og små billeder, du vil bruge i andre dokumenter, er det mere end godt nok.

Bruger du Photoshop til vektorgrafik? Hvilke andre tip har du til at oprette vektorer i Photoshop? Del dine tanker nedenfor!