Curvature Pen Tool in Photoshop CC 2018 – Drawing Paths Made Easy

een van de grootste nieuwe functies in Photoshop CC 2018 is de nieuwe Curvature Pen Tool., De Curvature Pen Tool is een vereenvoudigde versie van Photoshop ‘ s standaard Pen Tool. Hiermee kunnen we complexe vormen en paden tekenen zonder de noodzaak om bedieningshandvatten te bewerken of sneltoetsen te onthouden. Met behulp van de kromming Pen Tool is net zo eenvoudig als klikken om punten toe te voegen. Photoshop gebruikt deze punten om automatisch je pad te tekenen.

zoals de naam al aangeeft, tekent het Krommingspengereedschap standaard gebogen lijnen. Maar zoals we zullen zien, is het net zo gemakkelijk om rechte lijnen te tekenen, en om te schakelen tussen gebogen en rechte lijnen als nodig is., En net als de standaard Pen Tool, kunnen we onze pad contouren gemakkelijk omzetten in selectie contouren, zodat iedereen, zelfs beginners, om schone, professionele selecties te maken in Photoshop. Laten we eens kijken hoe het werkt!

Het Curvature Pen gereedschap is alleen beschikbaar vanaf Photoshop CC 2018, dus je hebt CC 2018 nodig om mee te volgen. Als u een Creative Cloud-abonnee bent, kunt u leren hoe u uw exemplaar van Photoshop bijwerkt naar CC 2018 met behulp van onze tutorial Photoshop CC Up-To-Date houden. Laten we beginnen!

Download deze tutorial als een print-ready PDF!,

het Document instellen

een nieuw Photoshop-Document aanmaken

in plaats van alleen maar te vertellen hoe het gereedschap Krommingpen werkt, laten we dingen instellen zodat u gemakkelijk met mij mee kunt volgen. We beginnen met het maken van een nieuw Photoshop-document. Ga naar het menu Bestand in de menubalk boven aan het scherm en kies Nieuw:

Dit opent het dialoogvenster Nieuw Document. Stel in het paneel vooringestelde Details rechts zowel de breedte als de hoogte van het nieuwe document in op 1000 Pixels., Stel de resolutie in op 72 Pixels / Inch en zorg ervoor dat de achtergrond inhoud is ingesteld op wit. Klik vervolgens op de Maken knop in de rechterbenedenhoek. Een nieuw document, gevuld met wit, zal op uw scherm openen:

het opzetten van de hulplijnen

nu we ons document hebben, laten we een aantal hulplijnen opzetten zodat het makkelijker voor ons is om dezelfde vormen te tekenen., Ga naar het menu Beeld in de menubalk en kies Nieuwe Hulplijn:

stel in het dialoogvenster Nieuwe Hulplijnopmaak zowel het aantal kolommen als het aantal rijen in op 6. Zorg ervoor dat de waarde van de rugmarge voor zowel de kolommen als de rijen leeg is of is ingesteld op 0. Als u reeds bestaande hulplijnen hebt die u moet verwijderen, selecteert u bestaande hulplijnen wissen onderaan. Klik vervolgens op OK om het dialoogvenster te sluiten:

u ziet nu 3 rijen en 3 kolommen met hulplijnen voor uw document:

tekenen met het gereedschap Krommingpen

Stap 1: Selecteer het gereedschap Krommingpen in de werkbalk

nu ons document is ingesteld, leren we hoe u het nieuwe Gereedschap Krommingpen kunt gebruiken in Photoshop CC 2018. We selecteren het gereedschap kromming Pen in de werkbalk., Standaard is het Krommingspengereedschap genest achter het standaardpengereedschap, dus u moet op het pictogram van het pengereedschap klikken en vasthouden totdat er een “fly-out” – menu verschijnt. Kies vervolgens het gereedschap Krommingpen in het menu:

ziet u het gereedschap Krommingpen niet op de werkbalk? Hier is het te vinden.,

Stap 2: Stel de Gereedschapsmodus in op” Path “of”Shape”

voordat u begint met tekenen met het gereedschap Krommingpen, kiest u of u een padomtrek of een vorm wilt tekenen met behulp van de Gereedschapsmodus in de optiebalk. Standaard is de Gereedschapsmodus ingesteld op pad, wat is wat ik ga om het te laten ingesteld op. Als u een vorm wilt tekenen, stelt u de optie Gereedschapsmodus in op vorm. Ik vind het makkelijker om gewoon een pad te tekenen omdat paden makkelijker te zien zijn terwijl je tekent, en je kunt je pad gemakkelijk omzetten in een vorm als je klaar bent. Dat leren we later wel., Voor nu, laat de Gereedschapsmodus ingesteld op pad:

Stap 3: Klik om een beginpunt toe te voegen

om te beginnen met het tekenen van een pad of een vorm, Klik eenmaal in uw document om een beginpunt in te stellen. Ik klik op de plek waar de verticale gids in het Midden en de horizontale gids langs de onderkant elkaar kruisen. Merk op dat er een klein vierkantje verschijnt op de plek waar je geklikt hebt., Dit staat bekend als een ankerpunt omdat het de positie van het pad in het document verankert:

Stap 4: Voeg een tweede punt toe om een rechte lijn

te tekenen klik vervolgens op om een tweede ankerpunt toe te voegen. Ik zal klikken waar de verticale gids aan de linkerkant en de horizontale gids in het midden kruisen. Merk op dat, hoewel de tool de kromming Pen Tool heet, Photoshop een rechte lijn tekent, bekend als een padsegment, tussen de twee punten., De reden is dat het tekenen van een kromme drie punten vereist; een voor het begin van de kromme, een voor het einde, en een in het midden. Het punt in het midden bepaalt de hoek, of Boog, van de kromme. Zonder dat middelste punt kan Photoshop alleen een rechte lijn tekenen:

Stap 5: Voeg een derde punt toe om een Curve te tekenen

Klik met het gereedschap Krommingpen om een derde punt toe te voegen. Ik zal klikken waar de bovenste horizontale gids en de middelste verticale gids kruisen., Zodra u klikt om het derde punt toe te voegen, wordt de rechte lijn een gebogen lijn:

de dikte en kleur van het pad wijzigen

Als u problemen ondervindt met het zien van de omtrek van het pad, kunt u zowel de kleur als de dikte van het pad aanpassen door op het tandwielpictogram in de optiebalk te klikken:

Dit opent het dialoogvenster Padopties waarin u de dikte van de omtrek van het pad kunt wijzigen van zo klein als 0,5 pixels naar zo groot als 3 pixels. U kunt ook kiezen voor een andere kleur voor het pad. Ik stel de dikte in op 3 px en de kleur op Magenta. Merk op dat deze instellingen er alleen zijn om u te helpen uw pad te zien terwijl u werkt. Ze hebben geen invloed op de weergave van het pad in het document. Om het dialoogvenster Padopties te sluiten, klikt u opnieuw op het tandwielpictogram:

en nu zien we dat zowel de dikte als de kleur van mijn pad veranderd is:

Stap 6: Klik om meer punten toe te voegen

Als u uw pad of vorm wilt blijven tekenen, klikt u gewoon om meer punten toe te voegen. Als je eenmaal bent begonnen met het tekenen van een gebogen lijn door een derde punt toe te voegen, zullen alle extra punten die je toevoegt ook een curve tekenen. Ik voeg een vierde ankerpunt toe door te klikken waar de verticale lijn rechts en de horizontale gids in het midden elkaar kruisen., Dit voegt een nieuw padsegment toe tussen het derde en vierde punt en breidt de curve uit:

Stap 7: Klik op het startpunt om het pad te sluiten

om uw pad te sluiten, klikt u opnieuw op uw oorspronkelijke startpunt. We hebben nu een complete cirkel getekend met het gereedschap Krommingpen door te klikken op:

de omtrek van het pad veranderen

een bestaand ankerpunt verplaatsen

we hebben ons pad getekend, maar we kunnen gemakkelijk teruggaan op dit punt en het opnieuw vormgeven. Er zijn zelfs een paar manieren om het te doen. Een daarvan is door te klikken op een bestaand ankerpunt met het gereedschap Krommingpen om het te selecteren en vervolgens het punt naar een nieuwe locatie te slepen. Hier sleep ik het bovenste ankerpunt twee verticale hulplijnen naar rechts:

meer ankerpunten toevoegen

We kunnen ook meer ankerpunten toevoegen aan het bestaande pad. Als u een nieuw punt wilt toevoegen, klikt u ergens langs de omtrek van het pad. Sleep vervolgens het nieuwe punt om het pad opnieuw vorm te geven. Ik Klik in de linkerbovenhoek van het pad om een nieuw punt toe te voegen:

vervolgens Sleep ik het nieuwe punt naar de linkerbovenhoek waar de rasterlijnen elkaar kruisen:

Ik zal ook klikken om een nieuw ankerpunt aan de bovenkant van het pad toe te voegen, en dan sleep ik het nieuwe punt naar beneden naar waar de rasterlijnen net boven het midden samenkomen:

schakelen tussen Krommepunten en hoekpunten

tot nu toe zijn alle ankerpunten die we hebben toegevoegd met het gereedschap Krommepen krommepunten geweest (ook bekend als gladde punten). Dat wil zeggen, de omtrek van het pad krommen als het door het punt gaat., Een andere manier om de vorm van een pad te veranderen is door het omzetten van een kromme punt in een hoekpunt. Om van een curvepunt naar een hoekpunt over te schakelen, dubbelklikt u op een bestaand curvepunt.

ik dubbelklik op het punt dat ik zojuist heb toegevoegd in het midden bovenaan, en nu zien we dat, in plaats van een gladde curve, de omtrek van het pad abrupt van richting verandert op dat punt. Om van een hoekpunt terug te schakelen naar een krommepunt, dubbelklik nogmaals op het punt:

een punt verwijderen

om een ankerpunt te verwijderen, klikt u erop met het gereedschap Krommingpen om het te selecteren en drukt u vervolgens op de Backspace (Win) / Delete (Mac) toets op uw toetsenbord. Hier heb ik het punt in het midden boven verwijderd, en nu is het pad terug in dezelfde vorm als het was voordat het punt werd toegevoegd:

een volledig pad verwijderen

om uw volledige pad te verwijderen, klikt u met de rechtermuisknop (Win) / Control-click (Mac) in het document en kiest u vervolgens pad verwijderen in het menu. U verwijdert ook het hele pad door op Backspace (Win) / Delete (Mac) op uw toetsenbord te drukken als er geen ankerpunten zijn geselecteerd:

Ik zal mijn pad verwijderen zodat ik terug ben naar mijn lege document en mijn hulplijnen:

rechte Baansegmenten tekenen met het gereedschap Krommingpen

het belangrijkste voordeel van het gereedschap Krommingpen is dat het eenvoudig is om gebogen baanomtrekken te tekenen. Maar we kunnen het ook gebruiken om net zo gemakkelijk rechte lijnen te tekenen. We hebben al gezien dat we een krommepunt kunnen omzetten in een hoekpunt door erop te dubbelklikken. Maar als we van tevoren weten dat we een rechte lijn moeten tekenen, is het niet nodig om eerst een krommepunt te tekenen en het dan om te zetten. Dubbelklik in plaats van één klik om het nieuwe punt toe te voegen. Photoshop voegt automatisch het punt toe als hoekpunt.,

laten we zeggen dat we een rechthoekige padomtrek willen tekenen met het gereedschap Krommingpen. Begin door te klikken om een startpunt voor het pad in te stellen. Ik Klik in de linkerbenedenhoek:

dan, omdat we weten dat we willen dat het volgende punt een hoekpunt is, dubbelklik, in plaats van een enkele klik, om het toe te voegen. Ik dubbelklik op twee horizontale hulplijnen boven mijn startpunt:

om het derde punt aan de rechthoekige vorm toe te voegen, dubbelklik ik opnieuw om het toe te voegen als een hoekpunt. Omdat we de punten als hoekpunten toevoegen, verbindt Photoshop ze met rechte padsegmenten in plaats van curves:

Ik voeg een vierde hoekpunt toe door te dubbelklikken in de rechterbenedenhoek. Nogmaals, Photoshop voegt een ander rechte pad segment:

om het pad te voltooien, dubbelklik ik op het beginpunt en Photoshop voegt het resterende rechte segment toe:

een rechte padsegment omzetten naar een boog

Wat als u, in plaats van een vlakke horizontale lijn bovenaan het pad, een boog wilt? Met het Krommingspengereedschap is het makkelijk. Het enige wat u hoeft te doen is op een willekeurige plek langs het bovenste padsegment klikken om een nieuw ankerpunt toe te voegen:

sleep vervolgens het nieuwe punt naar boven om de boog te maken:

meerdere ankerpunten tegelijk verplaatsen

tot nu toe hebben we geleerd dat we een individueel ankerpunt kunnen verplaatsen door erop te klikken en te slepen met het gereedschap Krommingpen. Maar wat als we twee of meer ankerpunten tegelijk moeten verplaatsen? In dat geval kunnen we de directe selectietool van Photoshop gebruiken. U vindt het gereedschap directe selectie, ook bekend als het gereedschap “witte pijl”, genest achter het gereedschap Padselectie (het gereedschap “zwarte pijl”) in de werkbalk., Klik en houd het pad selectiegereedschap ingedrukt totdat er een fly-out menu verschijnt, en kies vervolgens het directe selectiegereedschap uit het menu:

laten we zeggen dat we de hoogte van ons pad willen veranderen. We moeten alle drie de ankerpunten selecteren die deel uitmaken van de top (het punt linksboven, rechtsboven en het punt bovenaan de boog)., Om alle drie de punten tegelijk te selecteren, klikt u op en sleept u een kader rond alle drie de punten met het gereedschap directe selectie:

klik vervolgens, met alle drie de punten bovenaan geselecteerd, op een van deze punten en sleep ze alle drie samen naar beneden:

om terug te schakelen naar het gereedschap Krommingpen, selecteert u het opnieuw vanaf de werkbalk:

en om het pad te verwijderen zodat we opnieuw kunnen beginnen, klikt u met de rechtermuisknop (Win) / Control-click (Mac) in het document en kiest u Pad verwijderen in het menu:

Download deze tutorial als een print-ready PDF!,

een hart tekenen met het gereedschap Krommingpen

ten slotte, laten we wat we hebben geleerd over kromme-en hoekpunten nemen en het gebruiken om een pad in de vorm van een hart te tekenen. Als we klaar zijn, maken we deze tutorial af door te leren hoe je het pad in een werkelijke vorm kunt veranderen, evenals een vectormasker en een selectieoverzicht.

klik eerst in het midden onderaan met het gereedschap Krommingpen om uw startpunt in te stellen:

klik vervolgens in de linkerbovenhoek, waar de eerste verticale hulplijn links snijdt met de tweede horizontale hulplijn bovenin. Dit voegt een tweede punt toe, en aangezien we op dit moment slechts twee punten hebben, tekent Photoshop een recht padsegment tussen hen:

om het derde punt toe te voegen, klikt u op de plaats waar de bovenste horizontale hulplijn kruist met de tweede verticale hulplijn links., Aangezien dit ons derde punt is, converteert Photoshop het rechte padsegment naar een curve:

We moeten ons vierde punt toevoegen op de plek waar de tweede horizontale lijn van boven de verticale lijn in het midden ontmoet. Maar, omdat we weten dat dit punt een hoekpunt moet zijn, geen curvepunt, dubbelklik om het toe te voegen:

klik vervolgens op de plaats waar de bovenste horizontale hulplijn kruist met de tweede verticale hulplijn rechts. Hoewel we dit punt toevoegen als een curvepunt (door te klikken), zal Photoshop in eerste instantie een rechte padsegment tekenen. Dat komt omdat ons vorige punt een hoekpunt was:

om het volgende punt toe te voegen, klikt u op de plaats waar de eerste verticale hulplijn van rechts de tweede horizontale hulplijn van boven ontmoet., Photoshop zet opnieuw het rechte pad om in een curve:

laten we tot slot het pad sluiten en onze hartvorm voltooien door op het beginpunt onderaan te klikken. Dit punt moet een hoekpunt zijn, geen curve, dus voltooi het pad door te dubbelklikken op het beginpunt:

de hulplijnen uitzetten

We zijn klaar met tekenen met het gereedschap Krommingpen, dus laten we de hulplijnen verwijderen door naar het menu Beeld in de menubalk te gaan, tonen te kiezen en dan hulplijnen te kiezen om ze te deselecteren:

Dit laat ons alleen ons pad over:

het pad omzetten naar een selectie, masker of vorm

nu we ons pad hebben getekend, maakt Photoshop het eenvoudig om het pad om te zetten in een selectie-omtrek, een vectormasker of een vorm. Met het gereedschap kromming Pen nog steeds actief, vindt u alle drie de opties in de optiebalk. Kies gewoon degene die u nodig hebt:

selectieoverzicht

om uw pad naar een selectieoverzicht om te zetten, kiest u Selectie:

Photoshop opent het dialoogvenster selectie maken. Hier kunt u, indien nodig, wat vervaging aan de selectie toevoegen, of gewoon op OK klikken om het dialoogvenster te sluiten:

Photoshop zet direct uw padomtrek om in een” marching ants”selectieomtrek:

Ik zal het ongedaan maken zodat we naar de andere twee opties kunnen kijken door naar het menu Bewerken te gaan en ongedaan maken selectie wijzigen te kiezen. Ik kan ook gewoon op Ctrl+Z (Win) / Command+Z (Mac) drukken op mijn toetsenbord:

vectormasker

om een vectormasker te maken vanuit uw padomtrek, kiest u masker in de optiebalk:

Photoshop converteert het pad naar een vectormasker, waarbij alleen het gebied binnen het pad zichtbaar blijft in het document. Het dambordpatroon dat nu het pad omringt, vertegenwoordigt transparantie, omdat we geen andere lagen onder het masker hebben:

en als we in het paneel lagen kijken, zien we nu een miniatuur van het vectormasker:

Ik maak het vectormasker ongedaan zodat we naar de derde optie kunnen kijken door naar het menu Bewerken te gaan en ongedaan maken vectormasker toevoegen te kiezen. Of nogmaals, ik kan gewoon op Ctrl+Z (Win) / Command+Z (Mac) drukken op mijn toetsenbord:

Shape Layer

om een pad dat getekend is met het gereedschap Krommingpen om te zetten in een Shape layer, kiest U Shape:

Photoshop vult de nieuwe vorm met uw huidige voorgrondkleur, die in mijn geval zwart is:

als we opnieuw kijken in het paneel lagen, zien we nu een nieuwe vormlaag., Om de kleur van de vorm te wijzigen, dubbelklik op de miniatuur van de vorm:

kies vervolgens een nieuwe kleur uit de kleurenkiezer. Omdat we een hartvorm hebben getekend, kies ik een tint rood. Klik op OK als u klaar bent om de kleurenkiezer te sluiten:

om de omtrek van het pad rondom de vorm te verbergen, drukt u op Enter (Win) / Return (Mac) op uw toetsenbord., Of kies gewoon een ander gereedschap uit de werkbalk. Hier is mijn hartvorm nu gevuld met rood:

en daar hebben we het! Dat is onze stap-voor-stap handleiding voor het tekenen van paden en vormen met de nieuwe Curvature Pen Tool in Photoshop CC 2018! Bekijk ook de nieuwe Rich Tool Tips in Photoshop CC 2018. Bezoek onze Photoshop Basics sectie voor soortgelijke tutorials!