Skapa och arbeta med vektorgrafik i Photoshop

Adobe Illustrator är branschstandardprogrammet 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 människor har Photoshop. Och Photoshop har grundläggande stöd för vektorgrafik. I den här guiden tar vi en titt på hur man arbetar med vektorgrafik i Photoshop som en Illustrator-ersättning.

Vad är en vektorgrafik?

Photoshop är främst avsedd för rasterbilder. Dessa är polygonala bilder ritade pixel efter pixel. De stöder enorma mängder detaljer, så används för foton. Filstorlekarna kan dock vara stora, och du kan inte förstora utan att du förlorar kvalitet.

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 mycket små. Vektorer är bra för grafisk design, inklusive design av logotyper och ikoner.

En bit vektor konst består av flera objekt. Varje objekt är en linje eller form vars kant definieras av en bana. I Photoshop visas banan som en tunn blå linje (även om den är tekniskt osynlig).

Du kan ange två typer av färger för varje objekt.

• en Stroke är en linje som följer vägen.
• en Fylla lägger till en solid färg eller mönster till utrymmet omgivet av banan.

Du ställer in båda i alternativfältet längst 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 stilen. En solid linje är standard.

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

Rita vektorgrader och linjer

Photoshop kommer med verktyg för att rita flera vanliga former. Som standard är Rektangelverktyg är markerad. Klicka och håll inne den ikonen för att avslöja den fullständiga uppsättningen verktyg:

• Rektangelverktyg
• Rundad rektangelverktyg
• Ellipseverktyg
• Polygon Tool
• Linjeverktyg
• Anpassat formverktyg

Du kan alltid markera det markerade verktyget genom att trycka på U på ditt tangentbord. Alternativt trycker du på Skift + U att cykla igenom verktygen tills du hittar den du vill ha. Tangentbordsgenvägar Snabbkommandon i Adobe Photoshop 101: De mest användbara kommandon Snabbkommandon i Adobe Photoshop 101: De mest användbara kommandona Oavsett om du är nybörjare eller proffs, kommer dessa kortkommandon i Photoshop att spara dig timmar. Klicka här för hela listan! Läs mer är ett bra sätt att snabbt navigera i Photoshop.

Rita grundläggande vektorformer

Välj verktyget för formen du vill rita, 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. För att skapa en symmetrisk form, t.ex. en cirkel eller en kvadrat, håll ned shift-tangenten.

Om du vill rita en triangel markerar du Polygon Tool. Klicka en gång på din duk för att öppna Skapa polygon inställningsrutan. Uppsättning Antal sidor till 3.

Ändra och redigera vektorgrader

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

Välj först formen först. Detta kommer att markera formen och visa ankarpunkter längs dess väg. Dessa är punkter där formen har hörn eller kurvor.

Välj den Direktmarkeringsverktyg från verktygsfältet (klicka och håll kvar på Path Selection Tool ikon för att hitta den). Klicka på en av ankarpunkterna och dra den i vilken riktning som helst för att deformera formen.

För mer avancerade ändringar, flytt två eller flera ankarpunkter samtidigt. Klicka på en för att markera den då Skift + klicka annan. Använd nu piltangenter på tangentbordet för att flytta båda punkterna samtidigt.

Sammanfoga och kombinera vektorgrader

För ännu mer komplexa former kan du använda Banoperationer. Det här låter dig kombinera flera former till enstaka nya.

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

Dra 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å sammanfogar sig i en enda form, även om de förblir som separata föremål. Klick Sammanslagna formkomponenter i Banoperationer att kombinera dem till ett enda objekt.

Använd Path Selection Tool för att välja den andra formen du ritade. Nu inne Banoperationer välja Subtrahera Front Shape. Formen är nu raderad, tillsammans med det område där det överlappar med den första formen.

Markera båda formerna. I Banoperationer Välj Intersect Shape Areas. 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 Utesluta överlappande former. Detta tar bort det område där de två formerna överlappar varandra och lämnar allt annat i takt.

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

Rita vektorlinjer

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

Välj verktyget och ställ in Höjd i alternativfältet. Detta anger linjans tjocklek. Klicka sedan och dra i dokumentet för att rita det. Håll ned skiftnyckeln 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 använder du det för att rita en rak linje.

Rita anpassade vektorgrader

Slutligen, den Anpassat formverktyg. Ställ in fyllnings- och slagfärgerna och klicka sedan på Form alternativet 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 än det ursprungliga valet klickar du på inställningar cog och välj en kategori att lägga till. Det finns former för alla användnings-ikoner, talbubblor, pilar, texturer och mer. Du kan också ladda tredjepartsformer.

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.

Ritningsvektorer med pennverktyget

Om du har någon erfarenhet av Illustrator, vet du att du använder Paintbrush Tool för frihandritning. Photoshop har ett borstverktyg som gör ett liknande jobb. Men i Photoshop är verktyget inte vektorbaserat, så du borde inte använda det för ritning. Du borde använda Penverktyg istället.

Penverktyget är en av de mest kraftfulla funktionerna i Photoshop. Du kommer att använda den mycket i fotoredigering i Photoshop Lär dig fotoredigering i Photoshop: Hämta grunderna i 1 timme Lär dig fotoredigering i Photoshop: Hämta grunderna i 1 timme Photoshop är ett skrämmande program men med bara en timme, du kan lära dig alla grunderna. Ta ett foto som du vill redigera, och låt oss komma igång! Läs mer, eftersom det gör att du kan skapa mycket exakta val. Det är också bra för ritning och vektorkonst.

Kom igång med penverktyget

Penverktyget fungerar genom att rita en väg mellan ankarpunkter som du skapar när du klickar på duken. Lägg till en stroke på banan och du kan rita en skiss; lägg till en fyllning och du kan rita ett solidt objekt. För mer, kolla in vår fullständiga guide till hur du använder Penverktyget Så här använder du Photoshop Pen Tool Så här använder du Photoshop Pen Tool Läs mer .

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

1. Välj Penverktyg (P). Klicka på bildbehållaren för att släppa en ankarpunkt.
2. Flytta markören några inches och klicka igen för att släppa en annan ankarpunkt. En sökväg kommer att skapas för att ansluta de två. Ställ stroke till 5px, svart, så att du kan se det bättre.
3. Klicka några gånger för att utveckla sökvägen. Klicka och dra för att skapa en böjd bana. Detta kommer också att lägga till styr till ankarpunkten. Dra dessa för att styra kurvets vinkel och djup.
4. Klick Stiga på för att skapa en öppen bana (en linje), eller klicka på den första ankarpunkten för att skapa en sluten bana (en form).

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

• Få den Direktmarkeringsverktyg (A). Välj en ankarpunkt på banan och dra den till en ny position. Använd det här verktyget med en ankarpunkts styrbalk för att redigera en kurva också.
• Välj Lägg till Anchor Point Tool genom att klicka och hålla på pennverktyget. Klicka någonstans på vägen för att manuellt lägga till en ny ankarpunkt och dra sedan den på plats. Detta gör att du kan finjustera din form.

Tre Penverktyg

Photoshop erbjuder tre olika pennor för ritning.

De Penverktyg är standard och mest flexibelt alternativ. För nybörjare rekommenderar vi att du använder det här främst för att rita raka linjer. När du blir mer avancerad kan du hitta dig själv med det för allt.

De Freeform Pen Tool låter dig rita frihand, liknande borstverktyget. Det skapar fortfarande en sökväg som du kan tweak och redigera senare. Ankarpunkterna genereras automatiskt när du ritar. Det här är ett utmärkt verktyg om du använder en grafikplattform De bästa grafiska tabletterna och grafikprogrammen för digital design De bästa grafiska tabletterna och grafikprogrammen för digital design Vi har rundat upp de bästa grafiska designtabletterna och programvaran som du kan använda om du vill bryta in i teckningar och andra former av digital konst. Läs mer .

De Curvature Pen Tool gör det enkelt att rita kurvor utan att behöva spela med styren som du gör med huvudpenet.

Spåra en bild som en vektor i Photoshop

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

Öppna bilden i Photoshop och zooma in. Välj nu Penverktyg och placera din första ankarpunkt på gränsen till objektet du vill spåra. Din nya ritning går automatiskt till sitt eget lager. Fortsätt att 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 alternativet aktiverat i alternativfältet. Detta snabbar din väg mot objektets kant.

Arbeta med vektortext i Photoshop

Att använda text i Photoshop är ganska självförklarande. Välj Horisontellt textverktyg (T), klicka på bildbehållaren för att skapa en textruta och skriv sedan. Du kan justera teckensnitt, storlek, vikt och allt annat, precis som du skulle göra i någon annan app.

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

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

När konverteringen är klar kan texten 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 ditt konstverk behöver du alla dessa objekt att vara i rätt position och rätt storlek. Så här gör du det.

• Flytta objekt genom att välja dem med Sökvalsverktyg (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 låda 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 styren tills markören blir en roterande ikon. Klicka och dra nu.
• Omordna objekt på nytt genom att klicka på ett lager och dra det över eller under ett annat lager.
• Justera objekt genom att välja dem alla med Flytta verktyget (V) (eller innehav Flytta och klicka på flera lager), och sedan använda justeringskontrollerna i alternativfältet.

Vektorgrafik i Photoshop: Sätt det tillsammans

Nu vet du hur man använder alla verktyg, du kan sätta dem ihop för att skapa dina egna bitar av vektorkonst.

Photoshop är inte ett genuint alternativ till Illustrator Den bästa vektorprogramvaran för Mac-designers på en budget Den bästa vektorprogrammet för Mac-designers på en budget Adobe Illustrator kan vara guldstandarden när det gäller vektorprogram för Mac, men du gör inte " t måste alltid spendera en form på designprogramvara. Läs mer för alla som är allvarliga om grafisk design. Men för enkla saker som logotyper, ikoner och små bilder som du vill använda i andra dokument är det mer än tillräckligt bra.

Användar du Photoshop för vektorgrafik? Vilka andra tips har du för att skapa vektorer i Photoshop? Dela dina tankar nedan!

Utforska mer om: Adobe Photoshop, Photoshop-handledning, vektorgrafik.