Oprettelse og arbejde med vektorgrafik i Adobe Photoshop

Oprettelse og arbejde med vektorgrafik i Adobe Photoshop

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





Desværre har ikke alle Illustrator, men masser af mennesker har Photoshop. Og Photoshop har grundlæggende understøttelse af vektorbilleder. I denne vejledning tager vi et kig på, hvordan du laver vektorkunst i Photoshop som en Illustrator -erstatning.



Hvad er et vektorbillede?

Photoshop er primært designet til rasterbilleder. Disse er polygonale billeder tegnet pixel for pixel. De understøtter enorme mængder detaljer og bruges til fotos. Filstørrelserne kan dog være store, og du kan ikke forstørre dem 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 designarbejde, herunder design af logoer og ikoner. Du kan endda konvertere billeder til vektorgrafik i Adobe Illustrator .

Et stykke vektorkunst 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 (selvom den er teknisk usynlig).



Du kan anvende to farvetyper på hvert objekt:

  • TIL Slag er en linje, der følger stien.
  • TIL Fylde tilføjer en ensfarvet farve eller et mønster til rummet omgivet af stien.

Du indstiller begge i indstillingslinjen øverst på skærmen. Du kan også indstille enten til Ingen farve hvis du vil have dem til at forblive tomme. For stregen kan du også indstille tykkelsen i pixels og stilen. En solid linje er standard.



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

Tegn vektorformer og linjer

Photoshop leveres med værktøjer til at tegne flere almindelige former. Som standard er Rektangelværktøj er fremhævet. Klik og hold på ikonet for at afsløre det fulde sæt værktøjer:



  • Rektangelværktøj
  • Afrundet rektangelværktøj
  • Ellipseværktøj
  • Polygonværktøj
  • Line værktøj
  • Brugerdefineret formværktøj

Du kan altid vælge det fremhævede værktøj ved at trykke på U på dit tastatur. Alternativt kan du trykke på Skift + U at cykle gennem værktøjerne, indtil du finder den, du ønsker.

For at arbejde hurtigere er det en god idé at lære mere Photoshop tastaturgenveje .

Tegn grundlæggende vektorformer

Vælg værktøjet til den form, du vil tegne, og tilføj derefter din Fylde og Slag farver.

Klik nu og træk i dit lærred. Formen tegnes fra hjørnet i den retning, du trækker. For at oprette en symmetrisk form, f.eks. En cirkel eller en firkant, skal du holde Flytte nøgle.

For at tegne en trekant, vælg Polygonværktøj . Klik én gang på dit lærred for at åbne Opret polygon indstillingsboks. Sæt 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.

sim ikke klargjort mm 2 fix

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

Vælg Direkte markeringsværktøj fra værktøjslinjen (klik og hold på Værktøj til valg af stier ikonet for at finde det, eller tryk på Skift + A. ). Klik nu 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 forankringspunkter samtidigt.

Klik derefter på en for at markere den Skift + klik en anden. Brug nu markørtaster på dit tastatur for at flytte begge punkter samtidigt.

Flet og kombiner vektorformer

For endnu mere komplekse former kan du bruge Stioperationer . 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å Stioperationer knappen i indstillingslinjen øverst på skærmen. Normalt går hver ny vej eller form på sit eget lag. Skift det ved at klikke Kombiner former .

Tegn nu en anden form. Dette vil gå på det samme lag som din første form.

Når du skal flytte objekterne individuelt, skal du bruge Værktøj til valg af stier .

Træk den anden form, så den overlapper den første. De to smelter sammen til en enkelt form, selvom de forbliver som separate objekter. Klik på Flet formkomponenter i Stioperationer at kombinere dem til et enkelt objekt.

hvordan man gendanner slettede beskeder fra facebook

Brug Værktøj til valg af stier for at vælge den anden form, du tegnede. Nu, ind Stioperationer vælge Træk den forreste form . Formen bliver slettet, sammen med det område, hvor den overlapper med den første form.

Fremhæv begge former. I Stioperationer Vælg Kryds formområder . Dette fjerner begge former bortset fra de områder, hvor de overlapper hinanden. Vi bruger denne mulighed til at oprette en halvcirkel.

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

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 med Pen værktøj og Tekst såvel.

Tegn vektorlinjer

Der er to andre formrelaterede værktøjer at kende til. Først er Line værktøj .

Vælg værktøjet, og indstil Højde i indstillingslinjen. Dette indstiller tykkelsen af ​​linjen. Klik derefter på og træk i dit dokument for at tegne det. Hold nede Flytte tasten 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 brugerdefinerede vektorformer

Endelig er Brugerdefineret formværktøj . Indstil påfyldnings- og stregerfarver, og klik derefter på Form indstilling i indstillingslinjen. Her kan du vælge en af ​​utallige forudindstillede brugerdefinerede former, som Photoshop giver.

Hvis du vil tilføje flere figurer ud over det første valg, skal du klikke på Indstillinger tandhjul, og vælg en kategori, der skal tilføjes. Der er former til alle anvendelser - ikoner, talebobler, pile, teksturer og mere. Du kan også indlæse figurer fra tredjepart.

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

Tegning af vektorer med penværktøjet

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

Penværktøjet er en af ​​de mest kraftfulde funktioner i Photoshop. Du vil bruge det meget under fotoredigering i Photoshop, da det giver dig mulighed for at oprette meget præcise valg. Det er også fantastisk til tegning og vektorkunst.

Kom godt i gang med penværktøjet

Penværktøjet fungerer ved at tegne en sti mellem ankerpunkter, du opretter, når du klikker på lærredet. Tilføj et streg på stien, og du kan tegne en kontur; tilføj et fyld, og du kan tegne et solidt objekt.

Her er en hurtig primer til at komme i gang:

hvordan man ændrer kameraindstillinger på iphone
  1. Vælg Penværktøj (P) . Klik på billedlærredet for at slippe et ankerpunkt.
  2. Flyt markøren et par centimeter, og klik igen for at slippe et andet ankerpunkt. Der oprettes en sti for at forbinde de to. Indstil slaget til 5px, sort, for at hjælpe dig med at se det bedre.
  3. Klik et par gange mere for at udvikle stien. Klik og træk for at oprette en buet sti. Dette tilføjer også styr til ankerpunktet. Træk disse for at styre kurvens vinkel og dybde.
  4. Klik på Gå ind for at oprette en åben sti (en linje), eller klik på det første ankerpunkt for at oprette en lukket sti (en form).

Det, der gør Pen Tool så nyttigt, er, at du når som helst kan gå tilbage og redigere din form:

  • Hent Direkte markeringsværktøj (A) . Vælg et ankerpunkt på stien, og træk det til en ny position. Brug også dette værktøj med et ankerpunkts styr til at redigere en kurve.
  • Vælg Tilføj værktøj til ankerpunkt ved at klikke og holde på penværktøjet. Klik et sted på stien for manuelt at tilføje et nyt ankerpunkt, og træk det derefter på plads. Dette giver dig mulighed for at finjustere din form.

Tre penværktøjer

Photoshop tilbyder tre forskellige penne til tegning:

  • Det Pen værktøj er standard og mest fleksible mulighed. For begyndere vil vi anbefale at bruge dette primært til at tegne lige linjer. Efterhånden som du bliver mere avanceret, kan du finde dig selv i at bruge det til alt.
  • Det Freeform pen værktøj lader dig tegne frihånd, svarende til børsteværktøjet. Det skaber stadig en sti, som du kan justere og redigere senere. Ankerpunkterne genereres automatisk, mens du tegner. Dette er et fantastisk værktøj, hvis du bruger en grafisk tablet .
  • Det Curvature Pen Tool gør det let at tegne kurver uden at skulle spille med styret, som du gør med hovedpenværktøjet.

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 omdanner du en skitse, du har scannet, eller et objekt på et foto, til et vektorbillede.

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

Hvis objektet, du sporer, er mod en almindelig baggrund, kan du prøve Freeform pen værktøj med Magnetisk indstilling aktiveret i indstillingslinjen. Dette klikker din vej til kanten af ​​objektet.

Arbejde med vektortekst i Photoshop

Brug af tekst i Photoshop er ret selvforklarende. Vælg Vandret tekstværktøj (T) , klik på billedlærredet for at oprette en tekstboks, og skriv derefter. Du kan justere skrifttype, størrelse, vægt og alt andet, ligesom du ville gøre i enhver anden app.

For normal tekst skal du angive en fyldfarve, men ingen streg. Anvend kun et strejf for stærkt stiliseret tekst.

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

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

Håndtering af vektorobjekter

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

  • Flyt objekter ved at vælge dem med Værktøj til valg af stier (A) og trække dem på plads.
  • Ændre størrelse på objekter ved at vælge dem med Værktøj til valg af stier derefter slå Ctrl + T på Windows eller Cmd + T på Mac. Dette viser en boks omkring objektet. Tag fat i et styr langs kanten, og træk ind eller ud for at ændre størrelsen. Hold Flytte nøgle til at opretholde det originale billedformat.
  • Drej et objekt ved at holde musen lige uden for et af styret, indtil markøren bliver til et roterende ikon. Klik nu og træk.
  • Omarranger objekter ved at klikke på et lag og trække det over eller under et andet lag.
  • Juster objekter ved at vælge dem alle med Flyt værktøj (V) (eller holder Flytte og klik på flere lag), derefter ved hjælp af justeringsknapperne i indstillingslinjen.

Vektorgrafik i Photoshop: Put It All Together

Nu hvor du ved, hvordan du bruger alle værktøjerne, kan du sammensætte dem til at skabe dine egne stykker af vektorkunst:

Selvom Photoshop ikke er et ægte alternativ til Illustrator til professionelt grafisk design, er det overraskende kraftfuldt. For simple ting som logoer, ikoner og små billeder, du vil bruge i andre dokumenter, er det mere end godt nok.

Del Del Tweet E -mail Adobe Illustrator vs Photoshop: Hvad er forskellen?

Vi opklarer enhver forvirring om forskellene mellem disse to billedredigeringspakker.

Læs Næste Relaterede emner
  • Kreativ
  • Adobe Photoshop
  • Vektorgrafik
  • Adobe Creative Cloud
  • Photoshop selvstudium
Om forfatteren Andy Betts(221 artikler udgivet)

Andy er en tidligere printjournalist og tidsskriftredaktør, der har skrevet om teknologi i 15 år. På den tid har han bidraget til utallige publikationer og produceret tekstforfatterarbejde for store tech -virksomheder. Han har også givet ekspertkommentarer til medierne og vært paneler ved branchearrangementer.

Mere fra Andy Betts

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere