Curvature Pen Tool i Photoshop CC 2018-Drawing Paths Made Easy

den här handledningen visar hur du använder det nya Curvature Pen Tool i Photoshop CC 2018 för att enkelt rita banor och hur du konverterar dina vägkonturer till former, vektormasker och val. Följ med denna steg-för-steg-guide.

skriven av Steve Patterson.

en av de största nya funktionerna i Photoshop CC 2018 är det nya Curvature Pen-verktyget., Krökning penna verktyg är en förenklad version av Photoshop standard penna verktyg. Det låter oss rita komplexa former och vägar utan att behöva redigera kontrollhandtag eller komma ihåg kortkommandon. Använda krökning penna verktyg är lika enkelt som att klicka för att lägga till poäng. Photoshop använder sedan dessa punkter för att automatiskt rita din väg.

Som namnet antyder drar Krökningspennverktyget som standard böjda linjer. Men som vi ser är det lika enkelt att rita raka linjer och att växla mellan böjda och raka linjer efter behov., Och som Standardpennverktyget kan vi enkelt konvertera våra vägkonturer till urvalskonturer, så att alla, även nybörjare, kan göra rena, professionella val i Photoshop. Låt oss se hur det fungerar!

Curvature Pen Tool är endast tillgängligt från och med Photoshop CC 2018, så du behöver CC 2018 för att följa med. Om du är en Creative Cloud prenumerant kan du lära dig att uppdatera din kopia av Photoshop CC 2018 använder vår Hur man Håller Photoshop CC Uppdaterad handledning. Nu sätter vi igång!

ladda ner denna handledning som en utskriftsklar PDF!,

konfigurera dokumentet

skapa ett nytt Photoshop-dokument

istället för att jag bara berättar hur Krökningspennverktyget fungerar, låt oss ställa in saker så att du enkelt kan följa med mig. Vi börjar med att skapa ett nytt Photoshop-dokument. Gå upp till Arkiv-menyn i menyraden längst upp på skärmen och välj Ny:

gå till fil> Ny.

detta öppnar dialogrutan Nytt dokument. I panelen förinställda detaljer till höger ställer du in både det nya dokumentets bredd och höjd till 1000 pixlar., Ställ in upplösningen på 72 pixlar / tum och se till att Bakgrundsinnehållet är inställt på vitt. Klicka sedan på knappen Skapa i det nedre högra hörnet. Ett nytt dokument, fyllt med vitt, öppnas på skärmen:

ställer in alternativen för det nya dokumentet i panelen förinställda detaljer.

konfigurera guiderna

nu när vi har vårt dokument, låt oss ställa in några guider så att det blir lättare för oss att rita samma former., Gå upp till menyn Visa i menyraden och välj Ny Guide Layout:

kommer att visa > Ny Guide Layout.

i dialogrutan Ny Guidelayout anger du både antalet kolumner och antalet rader till 6. Se till att rännstenen för både Kolumner och rader är antingen tom eller inställd på 0. Om du har några befintliga guider som du behöver ta bort väljer du rensa befintliga guider längst ner. Klicka sedan på OK för att stänga dialogrutan:

de nya alternativen för Guidelayout.,

Du bör nu se 3 rader och 3 kolumner med guider framför dokumentet:

guiderna visas nu i dokumentet.

hur man ritar med Krökningspennverktyget

Steg 1: Välj Krökningspennverktyget från verktygsfältet

med vårt dokument nu inställt, låt oss lära oss hur du använder det nya Krökningspennverktyget i Photoshop CC 2018. Vi väljer Krökningspennverktyget från verktygsfältet., Som standard är Krökningspennverktyget kapslat bakom Standardpennverktyget, så du måste klicka och hålla på Pennverktygets ikon tills en fly-out-meny visas. Välj sedan Krökningspennverktyget från menyn:

välja Krökningspennverktyget från verktygsfältet.

ser du inte Krökningspennverktyget i verktygsfältet? Här är var du hittar den.,

steg 2: Ställ in verktygsläget på ”sökväg”eller” form ”

innan du börjar rita med Krökningspennverktyget, Välj om du vill rita en bankontur eller en form med alternativet Verktygsläge i alternativfältet. Som standard är verktygsläget inställt på sökväg, vilket är vad jag ska lämna det inställt på. Om du ville rita en form, skulle du ställa in alternativet Verktygsläge att forma. Jag tycker att det är lättare att bara rita en väg eftersom vägar är lättare att se när du ritar, och du kan enkelt konvertera din väg till en form när du är klar. Vi lär oss att göra det lite senare., Låt nu verktygsläget vara inställt på sökväg:

alternativet Verktygsläge kan ställas in på sökväg eller form.

steg 3: Klicka för att lägga till en startpunkt

för att börja rita antingen en sökväg eller en form, klicka en gång inuti dokumentet för att ställa in en startpunkt. Jag klickar på den plats där den vertikala styrningen i mitten och den horisontella styrningen längs botten skär. Lägg märke till att en liten ruta visas på den plats där du klickade., Detta kallas en ankarpunkt eftersom den förankrar positionen för sökvägen i dokumentet:

Klicka för att lägga till en startpunkt för sökvägen.

steg 4: Lägg till en andra punkt för att rita en rak linje

Nästa, Klicka för att lägga till en andra ankarpunkt. Jag klickar där den vertikala styrningen till vänster och den horisontella styrningen i mitten skär. Observera att även om verktyget heter Curvature Pen Tool, ritar Photoshop en rak linje, känd som ett bansegment, mellan de två punkterna., Anledningen är att ritning av en kurva kräver tre punkter; en för kurvens början, en för slutet och en i mitten. Punkten i mitten bestämmer kurvans vinkel eller båge. Utan den mittpunkten kan alla Photoshop rita en rak linje:

lägga till en andra punkt drar en rak linje mellan de två punkterna.

Steg 5: Lägg till en tredje punkt för att rita en kurva

Klicka med Krökningspennverktyget för att lägga till en tredje punkt. Jag klickar där den övre horisontella styrningen och den vertikala styrningen skär., Så snart du klickar för att lägga till den tredje punkten blir den raka linjen en krökt linje:

om du lägger till en tredje punkt omvandlas den raka linjen till en kurva.

ändra banans tjocklek och färg

om du har problem med att se din vägkontur kan du justera både banans färg och tjocklek genom att klicka på kugghjulsikonen i alternativfältet:

genom att klicka på kugghjulsikonen öppnar du sökvägen.,

detta öppnar dialogrutan Sökvägsalternativ där du kan ändra tjockleken på sökvägen från så liten som 0,5 pixlar till så stor som 3 pixlar. Du kan också välja en annan färg för banan. Jag ställer in tjockleken till 3 px och färgen till Magenta. Observera att dessa inställningar finns bara för att hjälpa dig att se din väg när du arbetar. De har ingen effekt på det faktiska utseendet på sökvägen i dokumentet. För att stänga dialogrutan Sökvägsalternativ, klicka igen på kugghjulsikonen:

ändra tjockleken och färgen på sökvägen i Sökvägsalternativen.,

och nu ser vi att både tjockleken och färgen på min väg har ändrats:

path outline är nu mycket lättare att se.

steg 6: Klicka för att lägga till fler poäng

för att fortsätta rita din väg eller form, Klicka för att lägga till fler poäng. Som standard, när du har börjat rita en krökt linje genom att lägga till en tredje punkt, kommer alla ytterligare punkter du lägger till också att rita en kurva. Jag lägger till en fjärde ankarpunkt genom att klicka där den vertikala linjen längs höger och den horisontella styrningen i mitten skär., Detta lägger till ett nytt sökvägssegment mellan de tredje och fjärde punkterna och förlänger kurvan:

lägger till en fjärde punkt för att fortsätta rita den krökta linjen.

Steg 7: Klicka på startpunkten för att stänga sökvägen

för att stänga sökvägen, klicka igen på din ursprungliga startpunkt. Vi har nu ritat en komplett cirkel med Krökningspennverktyget bara genom att klicka på:

Stäng sökvägen genom att klicka igen på startpunkten.,

omforma Path Outline

flytta en befintlig ankarpunkt

Vi har ritat vår väg, men vi kan enkelt gå tillbaka vid denna punkt och omforma den. Faktum är att det finns några sätt att göra det. En är genom att klicka på en befintlig ankarpunkt med krökning penna verktyg för att välja den, och sedan dra punkten till en ny plats. Här drar jag den övre ankarpunkten två vertikala guider till höger:

Klicka och dra en befintlig ankarpunkt.,

lägga till fler ankarpunkter

Vi kan också lägga till fler ankarpunkter till den befintliga sökvägen. För att lägga till en ny punkt, klicka var som helst längs vägen kontur. Dra sedan den nya punkten för att omforma sökvägen. Jag klickar längst upp till vänster på sökvägen för att lägga till en ny punkt:

lägga till en ny ankarpunkt genom att klicka på sökvägens kontur.

för att omforma sökvägen drar jag den nya punkten i det övre vänstra hörnet där rutnätslinjerna skär:

dra den nya punkten för att omforma sökvägen.,

jag klickar också för att lägga till en ny ankarpunkt högst upp på sökvägen, och sedan drar jag den nya punkten nedåt till där rutnätslinjerna möts strax ovanför mitten:

lägger till en ny punkt högst upp och drar den nedåt.

växla mellan Kurvpunkter och hörnpunkter

hittills har alla ankarpunkter som vi har lagt till med Krökningspennverktyget varit kurvpunkter (även kända som släta punkter). Det vill säga banan konturkurvor när den passerar genom punkten., Ett annat sätt att ändra formen på en bana är genom att konvertera en kurvpunkt till en hörnpunkt. Om du vill växla från en kurvpunkt till en hörnpunkt dubbelklickar du på en befintlig kurvpunkt.

jag dubbelklickar på den punkt jag just lagt till i toppcentret, och nu ser vi att, i stället för en jämn kurva, ändrar vägkonturen plötsligt riktning vid den punkten. För att växla från en hörnpunkt tillbaka till en kurvpunkt, dubbelklickar du bara på punkten:

dubbelklicka på en kurvpunkt för att konvertera den till en hörnpunkt och vice versa.,

ta bort en punkt

om du vill ta bort en ankarpunkt klickar du på den med Krökningspennverktyget för att välja den och trycker sedan på Backspace (Win) / Delete (Mac) – tangenten på tangentbordet. Här har jag raderat punkten i övre mitten, och nu har sökvägen återvänt till samma form som den var i Innan du lägger till punkten:

för att radera en punkt, välj den och tryck sedan på Backspace (Win) / Delete (Mac).,

ta bort en hel sökväg

om du vill ta bort hela sökvägen högerklickar du på (Win) / Control-click (Mac) i dokumentet och väljer sedan ta bort sökväg från menyn. Du tar också bort hela sökvägen genom att trycka på Backspace (Win) / Delete (Mac) på tangentbordet när inga ankarpunkter är markerade:

för att radera en sökväg, högerklicka (Win) / Kontroll-klicka (Mac) och välj ”Radera sökväg”.

jag tar bort min sökväg så att jag är tillbaka till bara mitt tomma dokument och mina guider:

sökvägen har tagits bort.,

rita raka Bansegment med Krökningspennverktyget

den största fördelen med Krökningspennverktyget är att det är lätt att rita böjda bankonturer. Men vi kan också använda den för att rita raka linjer lika enkelt. Vi har redan sett att vi kan konvertera en kurvpunkt till en hörnpunkt genom att dubbelklicka på den. Men om vi i förväg vet att vi måste rita en rak linje, behöver vi inte rita en kurvpunkt först och sedan konvertera den. Istället, bara dubbelklicka, snarare än ett klick, för att lägga till den nya punkten. Photoshop lägger automatiskt till punkten som en hörnpunkt.,

låt oss säga att vi vill rita en rektangulär bana kontur med hjälp av krökning penna verktyg. Börja med att klicka för att ställa in en startpunkt för sökvägen. Jag klickar i det nedre vänstra hörnet:

Klicka för att ställa in en startpunkt för den rektangulära sökvägen.

sedan, eftersom vi vet att vi vill att nästa punkt ska vara en hörnpunkt, dubbelklicka, snarare än ett enda klick, för att lägga till den. Jag dubbelklickar två horisontella guider ovanför min startpunkt:

dubbelklicka för att lägga till den andra punkten som en hörnpunkt.,

för att lägga till den tredje punkten i den rektangulära formen dubbelklickar jag igen för att lägga till den som en hörnpunkt. Observera att eftersom vi lägger till punkterna som hörnpunkter ansluter Photoshop dem med raka bansegment istället för kurvor:

dubbelklicka för att lägga till den tredje punkten.

Jag lägger till en fjärde hörnpunkt genom att dubbelklicka i nedre högra hörnet. Återigen lägger Photoshop till ett annat straight path-segment:

lägger till den fjärde hörnpunkten.,

för att slutföra sökvägen dubbelklickar jag på den ursprungliga startpunkten och Photoshop lägger till det återstående raka segmentet:

dubbelklicka på startpunkten för att stänga sökvägen.

konvertera en rak Sökvägssegment till en båge

Tänk om du istället för en platt horisontell linje högst upp på sökvägen vill ha en båge? Med Krökningspennverktyget är det enkelt. Allt du behöver göra är att klicka någonstans längs det övre sökvägssegmentet för att lägga till en ny ankarpunkt:

lägga till en ny punkt till toppen av sökvägen.,

dra sedan den nya punkten uppåt för att skapa bågen:

dra den nya punkten uppåt.

flytta flera ankarpunkter samtidigt

hittills har vi lärt oss att vi kan flytta en enskild ankarpunkt genom att klicka och dra den med Krökningspennverktyget. Men vad händer om vi behöver flytta två eller flera ankarpunkter samtidigt? I så fall kan vi använda Photoshop direktval verktyg. Du hittar Direktvalsverktyget, även känt som ”White Arrow Tool”, kapslat bakom Sökvägsvalsverktyget (”Black Arrow Tool”) i verktygsfältet., Klicka och håll kvar på Sökvägsverktyget tills en fly-out-meny visas och välj sedan Direktvalsverktyget från menyn:

välja Direktvalsverktyget från verktygsfältet.

låt oss säga att vi vill ändra höjden på vår väg. Vi måste välja alla tre ankarpunkter som utgör toppen (punkten längst upp till vänster, längst upp till höger och den längst upp i bågen)., För att markera alla tre punkterna på en gång, Klicka och dra en ruta runt alla tre punkterna med verktyget direktval:

dra med verktyget direktval runt alla tre punkterna högst upp.

Klicka sedan på någon av dem med alla tre punkterna högst upp och dra alla tre av dem nedåt tillsammans:

omforma sökvägen genom att flytta alla valda ankarpunkter samtidigt.,

om du vill växla tillbaka till Krökningspennverktyget väljer du om det från verktygsfältet:

väljer om Krökningspennverktyget.

och sedan, för att ta bort sökvägen så att vi kan börja om igen, högerklicka (Win)/Control-click (Mac) inuti dokumentet och välj Ta bort sökväg från menyn:

välja alternativet Ta bort sökväg.

ladda ner denna handledning som en utskriftsklar PDF!,

rita ett hjärta med krökning penna verktyg

slutligen, låt oss ta vad vi har lärt oss om kurva och hörnpunkter och använda den för att rita en väg i form av ett hjärta. När vi är klara, avslutar vi den här handledningen genom att lära oss hur man gör vägen till en verklig form, samt en vektormask och en urvalskontur.

Klicka först i nedre mitten med Krökningspennverktyget för att ställa in startpunkten:

Klicka för att ställa in startpunkten för hjärtat.,

Klicka sedan längst upp till vänster, där den första vertikala styrningen till vänster skär med den andra horisontella styrningen från toppen. Detta lägger till en andra punkt, och eftersom vi bara har två punkter för tillfället, ritar Photoshop ett rakt sökvägssegment mellan dem:

Klicka för att lägga till den andra punkten.

för att lägga till den tredje punkten, klicka där den övre horisontella guiden skär med den andra vertikala guiden från vänster., Eftersom det här är vår tredje punkt konverterar Photoshop segmentet rak sökväg till en kurva:

genom att lägga till den tredje punkten skapas kurvan.

Vi måste lägga till vår fjärde punkt på den plats där den andra horisontella styrningen från toppen möter den vertikala styrningen i mitten. Men eftersom vi vet att vi behöver denna punkt för att vara en hörnpunkt, inte en kurvpunkt, dubbelklicka för att lägga till den:

lägga till den fjärde punkten som en hörnpunkt genom att dubbelklicka.,

Klicka sedan på var den övre horisontella guiden skär med den andra vertikala guiden från höger. Även om vi lägger till den här punkten som en kurvpunkt (genom att bara klicka), Kommer Photoshop initialt att rita ett rakt bansegment. Det beror på att vår tidigare punkt var en hörnpunkt:

enkelklick för att lägga till den femte ankarpunkten som en kurvpunkt.

för att lägga till nästa punkt, klicka där den första vertikala guiden från höger möter den andra horisontella guiden från toppen., Photoshop konverterar återigen den raka vägen till en kurva:

genom att lägga till den sjätte punkten omvandlas den föregående raka linjen till en kurva.

slutligen, låt oss stänga vägen och slutföra vår hjärtform genom att klicka på den ursprungliga startpunkten längst ner. Vi behöver den här punkten för att vara en hörnpunkt, inte en kurva, så fyll i sökvägen genom att dubbelklicka på startpunkten:

dubbelklicka på startpunkten för att stänga sökvägen med en hörnpunkt.,

stänga av guiderna

Vi är färdiga med verktyget Krökningspenna, så låt oss ta bort guiderna genom att gå upp till menyn Visa i menyraden, välja Visa och sedan välja guider för att avmarkera dem:

Visa> Visa> guider.

detta lämnar oss med bara vår väg:

den hjärtformade vägen ritad med Krökningspennverktyget.,

konvertera sökvägen till ett urval, Mask eller form

Nu när vi har ritat vår väg, gör Photoshop det enkelt att konvertera sökvägen till antingen en urvalskontur, en vektormask eller en form. Med Krökningspennverktyget fortfarande aktivt hittar du alla tre alternativen i alternativfältet. Välj bara den du behöver:

använd alternativet gör för att göra sökvägen till ett urval, vektormask eller form.,

selection Outline

om du vill konvertera din sökväg till en urvalskontur väljer du Selection:

väljer ”Selection” från alternativfältet.

Photoshop öppnar dialogrutan gör val. Här kan du lägga till lite fjädring till valet om det behövs, eller klicka bara på OK för att stänga dialogrutan:

dialogrutan gör val.,

Photoshop omvandlar omedelbart din väg kontur till en ”marching ants” val kontur:

sökvägen dras med krökning penna verktyg är nu ett urval kontur.

Jag ska ångra det så att vi kan titta på de andra två alternativen genom att gå upp till redigeringsmenyn och välja Ångra Valändring. Jag kan också bara trycka Ctrl + Z (Win) / Command+Z (Mac) på mitt tangentbord:

kommer att redigera > ångra Markeringsändring.,

vektormask

för att skapa en vektormask från din path outline, välj Mask i alternativfältet:

genom att klicka på alternativet ”Mask”.

Photoshop konverterar sökvägen till en vektormask, med endast området inuti sökvägen som är synlig i dokumentet. Rutmönstret som nu omger sökvägen representerar öppenhet, eftersom vi inte har några andra lager under masken:

sökvägen visas nu som en vektormask, med endast området inuti sökvägen synlig.,

och om vi tittar i panelen Lager ser vi nu en miniatyrbild för vektormask:

en miniatyrbild för vektormask visas i panelen Lager.

Jag ska ångra vektormasken så att vi kan titta på det tredje alternativet genom att gå upp till redigeringsmenyn och välja Ångra Lägg till vektormask. Eller igen kan jag bara trycka på Ctrl + Z (Win) / Command+Z (Mac) på mitt tangentbord:

kommer att redigera > ångra Lägg till vektormask.,

Shape Layer

slutligen, för att konvertera en bana ritad med krökning Pen Tool till ett formlager, välj form:

välja ”form” från alternativfältet.

Photoshop fyller den nya formen med din nuvarande förgrundsfärg, som i mitt fall är svart:

sökvägen omvandlas nu till en form.

om vi tittar igen i lagpanelen ser vi nu ett nytt formlager., För att ändra formens färg, dubbelklicka på formens miniatyrbild:

dubbelklicka på formlagrets miniatyrbild för att ändra formfärgen.

välj sedan en ny färg från färgväljaren. Eftersom vi har ritat en hjärtform, väljer jag en nyans av rött. Klicka på OK när du är klar för att stänga färgväljaren:

välja en annan färg för formen från färgväljaren.

slutligen, för att dölja sökvägen kontur från runt formen, tryck på Enter (Win) / Return (Mac) på tangentbordet., Eller välj helt enkelt ett annat verktyg från verktygsfältet. Här är min hjärtform nu fylld med rött:

den röda hjärtformen ritad med Krökningspennverktyget.

och där har vi det! Det är vår steg-för-steg guide till ritbanor och former med det nya Krökningspennverktyget i Photoshop CC 2018! Kolla också in de nya rika verktygstips i Photoshop CC 2018. Besök vår Photoshop Basics avsnitt för liknande tutorials!

Share

Lämna ett svar

Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *