Die Grundlagen des Pfad-Werkzeug, Teil 3

[gelöschter User]

Erstellen eines Pfades mit Bézier-Kurven.

Zuerst mal eine kleine Übersicht der einzelnen Elemente eines Pfades:

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_001.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_001.jpg)

Wir benötigen den Einsatz folgender Tasten während dem Zeichnen:

Shift (Umschalt) : Rastert in 45° Schritten ein
alt : Kurvenanker aufheben / Kurvenanker getrennt voneinander bewegen
cmd (Strg) : Ankerpunkt / Kurvenanker bearbeiten

Nun wollen wir folgendes Ding mit so wenig Aufwand wie möglich mit einem Pfad nachzeichnen. (Bewusst "nachzeichnen", nicht Freistellen)

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_002.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_002.jpg)

Das müde Auge erkennt, dass hier nicht mehr als 10 Ankerpunkte nötig sind.

1. klicke auf den Punkt 1 - Ein Ankerpunkt wird gesetzt
(das ist noch kein Pfad)

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_003.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_003.jpg)

2. halte die shift-Taste gedrückt und klicke auf den 2. Punkt
(Shift - damit´s schön gerade wird)

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_004.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_004.jpg)

3. Jetzt klicken wir auf Punkt 3, halten die shift-Taste gedrückt und ziehen eine Kurve nach oben auf.

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_005.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_005.jpg)

3.1 nun klicken wir mit gedrückter alt-Taste auf den Ankerpunkt 3 um den Kurvenanker nach oben zu löschen.

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_006.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_006.jpg)

4. gleiches Spiel wie bei Punkt 3 - klicken+shift+ziehen nach rechts

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_007.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_007.jpg)

5. einfacher Klick auf Punkt 5

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_008.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_008.jpg)

6. shift+Klick auf 6 - damits gerade bleibt.

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_009.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_009.jpg)

7. ...

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_010.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_010.jpg)

8. klicken+shift+ziehen nach unten

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_011.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_011.jpg)

9. einfacher Klick auf 9 - anschließend müssen wir aber mit gedrückter cmd-Taste den Kurvenanker etwas nach unten korrigieren

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_012.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_012.jpg)

10. ...

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_013.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_013.jpg)

Als finalen Schritt klicken wir wieder auf Punkt 1 um den Pfad zu schließen.

Der fertige Pfad sollte nun so oder so ähnlich aussehen:

https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_014.jpg (https://www.photoshop-cafe.de/bildupload/pics/tut/1297592241_pfad_014.jpg)


Hinweis: Diese geometrische Figur lässt sich mit (Pfad-)Formen viel exakter nachzeichnen - hier solls nur ums Prinzip der Bézier-Kurven gehn.

Warum soll ich mir die Mühe machen, Pfade für´s Freistellen zu verwenden?

Einige Vorteile der Pfade

- im Nachhinein jederzeit korrigierbar
- pixelgenaues Arbeiten
- Erstellen individueller Auswahlen (vor allem die weiche Auswahlkante - eine zu weiche Kante kann mit herkömlichen Mitteln nicht mehr "härter" gemacht werden)
- jeder Pfad lässt sich platzsparend mit dem Bild als .jpg mitspeichern
- einfachster Export für vektorbasierende Grafikprogramme, da der Pfad in Photoshop schon ein Vektorobjekt ist
- organische/runde/kurvige Objekte lassen sich sehr schnell, ohne viel geklicke, nachzeichnen (zB. ganz oben das Herz mir nur 2 Punkten)
(update)
- bei komplexen Objekten kann die Arbeit auch unterbrochen und zu einem späteren Zeitpunkt wieder fortgesetzt werden (der Pfad muss nicht zwangsläufig geschlossen werden)

[Bergkristall]

Schön erklärt haakenson!:clap:
Deine Erklärung über Vorteile der Pfade
sprechen für sich.:ok:
Ich persönlich mache viel mit dem Pfadwerkzeug.
Um Objekte wirklich sauber freizustellen geht kein Weg am Pfadwerkzeug vorbei.
Nach dem abarbeiten Deines Tuts sollte jeder damit umgehen können.
Außerdem gibt es noch weitere schöne Tuts hier im Forum um den Umgang mit dem Pfadwerkzeug zu erlernen.
Da setzt ich noch ein paar *chen auf den Pfad.

[Sinux]

wie geil ist das denn?? also haakenson, das hat du oberklasse beschrieben.
besser kann man das nicht erklären. danach sollte wirklich jeder mit pfaden
umgehen können. zu anfang ist das ja etwas schwierig, aber mit der zeit
gehts immer leichter. hätte ich damals nur so ein tutorial gehabt.

hut ab, echt super erklärt :anbeten:

das gibt sterne und ein klick auf die waage.

[heikehk]

Sehr schön erklärt :)
Danke für Deine Mühe. :clap:

Gruß
Heike

[Conny]

super erklärt, super Tut, super Arbeit

bleiben nur noch super Sternchen
und ein Dankeschön

[Malm]

klasse Tutorial!!! :ok:

***** und :reputation:

[phoenix]

Sehr gut erklärt :ok:

[Thomas Noweski]

Das Pfadwerkzeug gehört auch zu meinen Lieblings- Tools, klasse Tut!!!
Thomas

[blindguard]

schön erklärt

[HoLo]

gerade erst gesehen, sehr gut erklärt, Danke. Das mit der Shift-Taste wusste ich noch nicht in diesem Zusammenhang, so lernt man jeden Tag was Neues dazu ;)

HoLo

[heikehk]

Superschöne Erklärung :ok:
mal wieder nach oben hol ....