Skapa och arbeta med vektorgrafik i Adobe Photoshop

Skapa och arbeta med vektorgrafik i Adobe Photoshop

Adobe Illustrator är branschstandardapplikationen för grafisk design. Det är det bästa verktyget för att arbeta med vektorbaserade filer.





Tyvärr har inte alla Illustrator, men många har Photoshop. Och Photoshop har grundläggande stöd för vektorbilder. I den här guiden tar vi en titt på hur man gör vektorkonst i Photoshop som ersättning för Illustrator.





Vad är en vektorbild?

Photoshop är främst avsett för rasterbilder. Dessa är polygonala bilder ritade pixel för pixel. De stöder stora mängder detaljer och används för foton. Filstorlekarna kan dock vara stora, och du kan inte förstora dem utan kvalitetsförlust.





Vektorbilder är linjer och kurvor som genereras av matematiska formler. Det betyder att du kan ändra storlek på dem oändligt och filstorleken är ofta väldigt små. Vektorer är bra för grafiskt designarbete, inklusive design av logotyper och ikoner. Du kan till och med konvertera bilder till vektorgrafik i Adobe Illustrator .

Ett stycke vektorkonst består av flera objekt. Varje objekt är en linje eller form vars kant definieras av en väg. I Photoshop visas sökvägen som en tunn blå linje (även om det är tekniskt osynligt).



Du kan använda två typer av färg på varje objekt:

  • TILL Stroke är en linje som följer vägen.
  • TILL Fylla lägger till en fast färg eller ett mönster i det utrymme som omges av banan.

Du ställer in båda i alternativfältet högst upp på skärmen. Du kan också ställa in antingen till Ingen färg om du vill att de ska förbli tomma. För stroke kan du också ställa in tjockleken i pixlar och stil. En solid linje är standard.





I Photoshop ritar du vektorbilder med former, linjer och text.

Rita vektorformer och linjer

Photoshop har verktyg för att rita flera vanliga former. Som standard är Rektangelverktyg markeras. Klicka och håll kvar på ikonen för att avslöja hela uppsättningen verktyg:





  • Rektangelverktyg
  • Avrundat rektangelverktyg
  • Ellipsverktyg
  • Polygonverktyg
  • Linjeverktyg
  • Anpassat formverktyg

Du kan alltid välja det markerade verktyget genom att trycka på U på tangentbordet. Alternativt kan du trycka på Skift + U att bläddra igenom verktygen tills du hittar den du vill ha.

För att arbeta snabbare är det en bra idé att lära sig mer Kortkommandon i Photoshop .

Rita grundläggande vektorformer

Välj verktyget för den form du vill rita och lägg sedan till din Fylla och Stroke färger.

Klicka nu och dra i din duk. Formen dras från hörnet i vilken riktning du drar. Om du vill skapa en symmetrisk form, till exempel en cirkel eller en fyrkant, håller du ned Flytta nyckel.

Om du vill rita en triangel väljer du Polygonverktyg . Klicka en gång på din duk för att öppna Skapa polygon inställningsruta. Uppsättning Antal sidor till 3 .

Ändra och redigera vektorformer

Du är inte begränsad till grundläggande former när du skapar vektorgrafik i Photoshop. De kan modifieras mycket snabbt.

hur man frigör minne på datorn

Välj först formen. Detta markerar formen och visar förankringspunkter längs dess väg. Dessa är punkter där formen har hörn eller kurvor.

Välj den Direkt markeringsverktyg från verktygsfältet (klicka och håll kvar Path Selection Tool för att hitta den eller tryck på Skift + A ). Klicka nu på en av ankarpunkterna och dra den i valfri riktning för att deformera formen.

För mer avancerade redigeringar, flytta två eller flera förankringspunkter samtidigt.

Klicka på en för att markera den Skift + klicka annan. Använd nu markörknappar på tangentbordet för att flytta båda punkterna samtidigt.

Slå samman och kombinera vektorformer

För ännu mer komplexa former kan du använda Sökvägar . Detta gör att du kan kombinera flera former till enstaka nya.

Börja med att rita en form på din duk. Klicka sedan på Sökvägar i alternativfältet högst upp på skärmen. Normalt går varje ny väg eller form till sitt eget lager. Ändra det genom att klicka Kombinera former .

Rita nu en annan form. Detta kommer att gå på samma lager som din första form.

När du behöver flytta objekten individuellt, använd Path Selection Tool .

Dra den andra formen så att den överlappar den första. De två smälter samman till en enda form, även om de förblir som separata objekt. Klick Kombinera formkomponenter i Sökvägar att kombinera dem till ett enda objekt.

amazon fire hd 10 google play

Använd Path Selection Tool för att välja den andra formen du ritade. Nu inne Sökvägar välja Subtrahera framsidan . Formen raderas, tillsammans med området där den överlappar med den första formen.

Markera båda formerna. I Sökvägar Välj Korsa formområden . Detta tar bort båda formerna, förutom de områden där de överlappar varandra. Vi använder det här alternativet för att skapa en halvcirkel.

Slutligen, markera båda formerna och välj Uteslut överlappande former . Detta tar bort området där de två formerna överlappar varandra och lämnar allt annat intakt.

Dessa verktyg är ett effektivt sätt att bygga nya former, eller att dela eller skära bitar ur befintliga. De arbetar med Pennverktyg och Text också.

Rita vektorlinjer

Det finns två andra formrelaterade verktyg att veta om. Först är Linjeverktyg .

Välj verktyget och ställ in Höjd i alternativfältet. Detta anger linjens tjocklek. Klicka sedan och dra i ditt dokument för att rita det. Håll ned Flytta för att snäppa linjen till noll eller 90 grader.

Det här verktyget har några dolda funktioner, men för det mesta kommer du att använda det för att rita en rak linje.

Rita anpassade vektorformer

Slutligen, Anpassat formverktyg . Ställ in fyllnings- och streckfärger och klicka sedan på Form alternativ i alternativfältet. Här kan du välja en av otaliga förinställda anpassade former som Photoshop tillhandahåller.

Om du vill lägga till fler former utöver det första valet klickar du på inställningar kugghjul och välj en kategori att lägga till. Det finns former för alla användningsområden - ikoner, pratbubblor, pilar, texturer och mer. Du kan också ladda former från tredje part.

Klicka och dra för att lägga till formen på din bild. Du kan också klicka på duken för att ange en exakt bredd och höjd.

Rita vektorer med pennverktyget

Om du har erfarenhet av Illustrator vet du att du använder Paintbrush Tool för frihandsteckning. Photoshop har ett penselverktyg som gör ett liknande jobb. Men i Photoshop är verktyget inte vektorbaserat, så du bör inte använda det för att rita. Du bör använda Pennverktyg istället.

Pennverktyget är en av de mest kraftfulla funktionerna i Photoshop. Du kommer att använda det mycket under fotoredigering i Photoshop, eftersom det gör att du kan skapa mycket exakta val. Det är också bra för teckning och vektorkonst.

Kom igång med pennverktyget

Pennverktyget fungerar genom att rita en väg mellan ankare som du skapar när du klickar på duken. Lägg till en stroke på banan så kan du rita en kontur; lägg till en fyllning så kan du rita ett fast föremål.

Här är en snabb primer för att komma igång:

kostnad för att byta macbook luftbatteri
  1. Välj Pennverktyg (P) . Klicka på bildduken för att släppa en förankringspunkt.
  2. Flytta markören några centimeter och klicka igen för att släppa en annan ankare. En sökväg skapas för att ansluta de två. Ställ in stroke på 5 pixlar, svart, för att hjälpa dig att se det bättre.
  3. Klicka några gånger till för att utveckla sökvägen. Klicka och dra för att skapa en krökt bana. Detta kommer också att lägga till styret till förankringspunkten. Dra dessa för att styra kurvens vinkel och djup.
  4. Klick Stiga på för att skapa en öppen sökväg (en linje), eller klicka på den första ankarpunkten för att skapa en sluten bana (en form).

Det som gör pennverktyget så användbart är att du kan gå tillbaka och redigera din form när som helst:

  • Få den Verktyg för direkt markering (A) . Välj en förankringspunkt på sökvägen och dra den till en ny position. Använd det här verktyget med en förankringspunkts styr även för att redigera en kurva.
  • Välj Lägg till Anchor Point Tool genom att klicka och hålla kvar pennverktyget. Klicka någonstans på sökvägen för att manuellt lägga till en ny förankringspunkt och dra den sedan på plats. Detta gör att du kan finjustera din form.

Tre pennverktyg

Photoshop erbjuder tre olika pennor för att rita:

  • De Pennverktyg är standard och det mest flexibla alternativet. För nybörjare rekommenderar vi att du använder detta främst för att rita raka linjer. När du blir mer avancerad kan du komma att använda dig av allt.
  • De Freeform Pen Tool låter dig rita frihand, liknande penselverktyget. Det skapar fortfarande en sökväg som du kan justera och redigera senare. Ankarpunkterna genereras automatiskt när du ritar. Detta är ett bra verktyg om du använder en grafisk surfplatta .
  • De Curvature Pen Tool gör det enkelt att rita kurvor utan att behöva leka med styret som du gör med huvudpennverktyget.

Spåra en bild som en vektor i Photoshop

När du har lärt dig hur du använder de olika pennverktygen kan du använda dem för att spåra bilder. Så här gör du om en skiss du har skannat, eller ett objekt i ett foto, till en vektorbild.

Öppna bilden i Photoshop och zooma in. Välj nu Pennverktyg och placera din första ankare på gränsen till objektet du vill spåra. Din nya ritning går automatiskt till sitt eget lager. Fortsätt klicka runt kanterna för att skapa din väg.

Om objektet du spårar är mot en vanlig bakgrund, prova Freeform Pen Tool med Magnetisk alternativ aktiverat i alternativfältet. Detta snaps din väg till kanten av objektet.

Arbeta med vektortext i Photoshop

Att använda text i Photoshop är ganska självförklarande. Välj Horisontellt textverktyg (T) , klicka på bildduken för att skapa en textruta och skriv sedan. Du kan justera teckensnitt, storlek, vikt och allt annat, precis som i alla andra appar.

För normal text, ställ in en fyllningsfärg men ingen linje. Applicera bara en stroke för starkt stiliserad text.

När du är klar kan du konvertera texten till ett vektorobjekt. Markera texten och gå till Skriv> Konvertera till form . Detta gör att du kan komma åt ankarpunkterna på varje tecken, så att du kan justera dem individuellt. Det är bra för att ändra färgen på en enda bokstav eller justera utseendet på teckensnittet.

När den väl har konverterats kan den inte längre redigeras. Det är en bra idé att kopiera och dölja det ursprungliga textlagret, om du behöver en säkerhetskopia.

Hantera vektorobjekt

För att skapa dina konstverk behöver du alla dessa objekt för att vara i rätt position och i rätt storlek. Så här gör du:

  • Flytta objekt genom att välja dem med Sökvägsverktyg (A) och dra dem på plats.
  • Ändra storlek på objekt genom att välja dem med Path Selection Tool sedan slå Ctrl + T på Windows eller Cmd + T på Mac. Detta visar en ruta runt objektet. Ta ett handtag längs kanten och dra in eller ut för att ändra storlek. Håll Flytta nyckeln för att behålla det ursprungliga bildförhållandet.
  • Rotera ett objekt genom att hålla musen precis utanför ett av styret tills markören förvandlas till en roterande ikon. Klicka nu och dra.
  • Ordna om objekt genom att klicka på ett lager och dra det ovanför eller under ett annat lager.
  • Justera objekt genom att välja dem alla med Flytta verktyg (V) (eller håller Flytta och klicka på flera lager) och sedan använda justeringskontrollerna i alternativfältet.

Vektorgrafik i Photoshop: Put It All Together

Nu när du vet hur du använder alla verktyg kan du sätta ihop dem för att skapa dina egna konstverk:

Även om Photoshop inte är ett äkta alternativ till Illustrator för professionell grafisk design, är det förvånansvärt kraftfullt. För enkla saker som logotyper, ikoner och små bilder som du vill använda i andra dokument är det mer än bra nog.

Dela med sig Dela med sig Tweet E-post Adobe Illustrator kontra Photoshop: Vad är skillnaden?

Vi rensar upp förvirring om skillnaderna mellan dessa två bildredigeringssviter.

Läs Nästa
Relaterade ämnen
  • Kreativ
  • Adobe Photoshop
  • Vektorgrafik
  • Adobe Creative Cloud
  • Handledning för Photoshop
Om författaren Andy Betts(221 artiklar publicerade)

Andy är en tidigare tryckt journalist och tidningsredaktör som har skrivit om teknik i 15 år. Under den tiden har han bidragit till otaliga publikationer och producerat copywritingarbete för stora teknikföretag. Han har också gett expertkommentarer för media och varit värd för paneler vid branschevenemang.

Mer från Andy Betts

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera