-
Pfade: Die Welt der Pfade - Teil 1 Formebenen
08.01.2006 in Grundlagen von Paccoo
- Kategorie: Grundlagen
- Erstellt mit Programmversion: keine Angabe
- Dateigröße (PDF): 2.7 MB
- Bisherige Zugriffe: 41113
Lieber Gast …
… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.
Vorteile der kostenlosen Mitgliedschaft
Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:
- PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
- Über 3.000 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
- Mehr als 1.900 Video-Trainings als Stream zur Direktanzeige und zum Download
- Abruf von über 2.200 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
- Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
- Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.
-
Registriere dich bei uns und du erhältst die Selection-DVD mit über 24 Stunden Video-Trainings zu Photoshop, InDesign uvm. als Download gratis (sofern Newsletter aktiviert).
Reinschnuppern als Gast
Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.
- Download: Screenguide-Magazin als PDF zum Download
- Download: Spiegelungen 2
- Download: Vektor-Logo (Eidechse)
- Download: Sepia-Vintage-Effekt-Aktion
- Tutorial: Neue Pinsel erstellen leicht gemacht
- Tutorial: Kommerzielle Fotografie 01: Berufswunsch Fotografie
- Tutorial: Linien zum Glühen bringen
- Tutorial: Ballons aus einer Schublade
- Videotraining: CorelDRAW X6 Grundlagen - Hilfsmittel Freihand, 2-Punkt-Linie, Bezier, B-Spline, Polylinie, Stift, 3-Punkt-Kurve
- Videotraining: CorelDRAW X6 Grundlagen: Hilfsmittel Form - Heranziehen, Zurückweisen
- Videotraining: Die Programmoberfläche und der Arbeitsbereich von Adobe InDesign
- Videotraining: Lichtscheinkontureneffekt mit Animation
Freistellen mit Photoshop
Du willst wissen, wie du Personen und Tiere, Haare und Felle, Gläser und Flaschen, Wolken und Feuer, Bäume und andere filigrane Objekte freistellen kannst? Dann ist das genau dein Praxis-Training!
- 8 Stunden Video-Training für perfekte Freistellungen in Photoshop
- Die besten Freistelltechniken und viele Tipps & Tricks bei Problemfällen
- Für MAC und PC, auch kompatibel mit Tablets (iPad)
Jetzt informieren
Kommentare
Weitere KommentareAnleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)
Was sind Pfade_und wozu werden diese benötigt?
Pfade_sind nur eine Art Hilfslinien und sind anders als die anderen Werkzeuge vektorbasiert. Pfade_können aber mit Pixel “gefüllt“ werden.
Pfade_werden zum Herstellen für komplexe fließenden Formen verwendet.
Mit Hilfe von Pfaden kann man Pixelbilder in Vektorgrafiken umwandeln.
Außerdem kann man mit Hilfe von Pfaden Objekte freistellen
Seit Photoshop CS können Pfade_auch zum Textformen verwendet werden.
Zu den Pfadwerkzeugen:
Die ersten beiden Menüpunkte findet ihr in der Werkzeugpalette
Die 3. Menüpunkte werden automatisch oben unter der Menüleiste angezeigt, wenn ihr das Pfadwerkzeug auswählt.
Was man mit diesen Icons alles anstellen kann, werde ich euch im Laufe des Workshops zeigen, um euch nicht noch mehr mit theo. Begriffserklärungen voll zustopfen.
Es gibt grundsätzlich mal 2 verschiedene Arten von Pfaden.
Die FormPfade (Formebene)
und die LinienPfade
Beginnen wir mit den einfacheren Formpfaden.
Ein Formpfad erzeugt eine bereits geschlossen Pfadform, wie z.B. ein Viereck mit abgerundeten Ecken und muss anders als beim Linienpfad nicht langen gezeichnet werden. Formebenen haben gegenüber von Pixelformen den Vorteil, dass diese mit einem Klick sicher ausgewählt werden können und damit kann man sehr einfach die Farbe, Form oder den Stil ändern.
Wollen wir mal einen Button erzeugen, der 2 verschiedene Eckenradien hat.
Folgende Einstellungen:
Von links nach rechts: Formpfad, Rechteck mit abgerundeten Ecken, Zusatzeinstellungen (sind nicht zwingend nötigt, wollte nur zeigen, dass man hier z. B. das Verhältnis Breite / Höhe einstellen kann), Radius 25mm (mit Rechtsklick auf 25mm können zusätzliche Maßeinheiten eingestellt werden)
Mit geklickter Maus einen Rahmen ziehen und rund um die Figur Hilfslinien ziehen.
Neue Einstellungen:
Wir ändern die zusätzlichen Einstellung und den Radius. Zusätzlich schalten wir Dem Formbereich hinzufügen ein. Somit wird keine zusätzliche Formebene erzeugt.
Ziehe von Hilfslinie zu Hilfslinie das Viereck und das zwei Mal.
Sollte man diese Button-Form nun öfters benötigen, wäre es sinnvoll, diese aus eigene Form abzuspeichern. Dafür gehe in die Formebene (nicht Hintergrund-Ebene) und unter Menü – Bearbeiten – Eigene Form festlegen abspeichern.
Wenn du mehrere Eigene Formen zu einem Set zusammenfassen willst, dann klicke auf Formen speichern (siehe Bild), vergebe einen sprechenden Namen und beim nächsten mal kannst du dann z.B. alle Pfeile auf einmal aufrufen.
Was ist jetzt der große Vorteil für diesen "Aufwand".
Stelle folgendes ein:
Formpfad, Eigene Form (hier die zuerst erstellet Form auswählen) und zusätzlich einen Glasstil eingestellt.
Wenn du jetzt mit geklickter Maus quer über den Bildschirm ziehst, dann erhältst du gleich diese Form.
Lasst mich jetzt an Hand von einigen Verkehrszeichen die arbeitsweise mit den Formpfaden noch vertiefen. Hier geht es mir vor allem darum, euch zu zeigen, wie man diese miteinander kombinieren kann, mit Wissen, dass man einige Schilder sicher anders noch schneller herstellen kann. Ich gehe somit teilweise einen Umweg, um möglichst alle möglichen Wege zeigen zu können.
Beginnen wir mal mit einem einfachen Stop-Schild.
Öffne eine Datei 640x480 und stelle folgende Einstellungen ein.
Die Einheit beim Radius kann man mit einem Rechtsklick im Eingabefeld einstellen.
Um nun das Achteck exakt im Lot hinzubringen, klicke während des ziehen die Großschreibtaste und damit wird das Achteck exakt auf den Spitz gestellt.
Nun steht aber ein Stopschild auf einer Seitenlänge und somit drehen wir es unter Menü – Bearbeiten – Pfad transformieren – Drehen und Grade auf 22,5.
Doppelklick im Ebenefenster (Form1) um das Ebenenfenster zu öffnen. Stelle in Kontur folgende Einstellungen ein.
Formebene kopieren (ziehe Form 1 ins 5. Icon) und lösche die Ebenenstile von Form1 Kopie außerdem ändere die Farbe von weiß auf rot.
Menü – Bearbeiten – Pfad transformieren – Skalieren und auf 95% einstellen. Wenn du das Kettensymbol einschaltest, dann werden Höhe und Breite proportional verstellt.
Jetzt noch mit dem Text-Werkzeug STOP reinschreiben und das erste Schild ist fertig.
Rechteckwerkzeug, diesmal mit fixer Größer, Farbe weiß
Ebenenstil Kontur
Nun zieht 2 Hilfslinien (waagrecht, senkrecht) durch den Mittelpunkt der Rechteck-Form. Rechteck mit abgerundet Kanten (Radius 5mm), proportional und in Farbe blau wählen.
Kleine Erklärung: Du musst, vor der Farbtonänderung, dass Kettenzeichen (vor Stil) ausschalten. Sollte es eingeschalten sein, dann ändert sich die weiße Farbe der Form 1, ebenso musst du den Stil auf keinen Stil umstellen.
Jetzt kommt es auf die Reihenfolge an! Zuerst in die Mitte klicken, dann die Maus ziehen und erst während dem ziehen die ALT-Taste drücken. Somit vergrößert sich das Viereck von der Mitte aus.
Da jedoch oben und unten der weiße Rand größer wird als der seitliche, musst du zum Schluss nur noch den Rand angleichen. Verschiebewerkzeug (V) und oben und unten die Breite verändern.
Jetzt noch der Richtungspfeil. Stelle folgende Werte ein.
Zur Rundung: 0% bedeutet, dass die zwei kurzen Pfeillinien senkrecht stehen. Bei % über 0 wird der Pfeil spitzer, bei % unter 0 wird der Pfeil stumpfer. Länge und Breitenangaben beziehen sich auf das Verhältnis zum geraden Strich des Pfeils.
Da aber bei einem Einbahnschild die Pfeilspitzen abgerundet sind, muss ich jetzt einen kleinen Vorgriff zum 2 Teil des Workshops machen. Hier werde ich aber mal die einfache, wenn auch etwas längere Version beschreiben.
Natürlich kann man jede Form auch noch nachträglich verändern, da es sich hier immer noch um einen Vektorpfad und nicht um Pixel handelt.
Wir befinden sich immer noch in der Pfeilform. Nun stellen wir von Formpfad auf Linienpfad um.
Nun zoomt ihr euch am Besten nahe an die Pfeilspitze heran. Drückt die STRG-Taste, der Cursor ändert sich von der Federform in einen weiß/schwarzen Pfeil. Mit diesem klickt ihr jetzt an die Außenkontur der Pfeilspitze und man kann (wenn auch nur schwach) den Linienpfad rund um die Pfeilspitze sehen. Ich habe ihr mal die blaue Fläche weggeblendet um den Pfad besser sichtbar zu machen.
Werkzeugwechsel:
(befindet sich im Menü des Pfadicons). Mit diesem Werkzeug, könne wir jetzt neue Ankerpunkte hinzufügen.
Zuerst setze eine neuen Ankerpunkt (Siehe Bild 1.) dann klicke auf den Ankerpunkt an der Spitze und ziehe ihn, mit geklickter Maustaste, nach hinten, auf etwa die selbe Höhe des zuerst angebrachten Ankerpunkts.
Dass mache nun mit allen 3 Enden der Spitze, bis es so aussieht.
Jetzt noch den Text reinschreiben und fertig.
Bevor ich jetzt mit Hilfe des dritten und letzten Schildes, weitere Kombinationen zeige, möchte ich euch noch diese Schaltflächen
näher bringen. Ich bin zwar überzeugt, dass viele die Funktionsweise bereits vom Auswahlwerkzeug, Zauberstab,... kennen, aber trotzdem für die Anfänger eine kurze Erklärung. Beginnen wir von links.
Mit dieser Schaltflächen haben wir bis jetzt immer gearbeitet. Ist dieses aktiviert, wird jede Formebene in eine eignen Ebene gestellt. Die hat den Vorteil, dass diese von einander abgekapselt sind und somit auch unterschiedliche Eigenschaften besitzen können.
Zum Erstellen komplexeren Formen kann es ein Vorteil sein, diese aus mehreren Einzelformen zusammen zusetzen. Hierzu sind die anderen Schaltflächen hilfreich. Natürlich werden dann alle Formen in eine Ebene gestellt und alle Formen haben damit auch die selben Eigenschaften.
Wollen wir das jetzt in unserem letzten Schild mit einbauen.
Zuerst wieder eine neue Datei 800x600 öffnen, durch die Mitte eine senkrechte Hilfslinie ziehen und auf 70cm eine waagrechte Hilfslinie. Ziehe ein weißes Dreieck (Radius 6cm) mit 3mm schwarzen Konturrand.
Nun wie oben beim Einbahnschild die Spitzen mit Hilfe des Pfadwerkzeuges runden
Formebene kopieren, Ebenenstile entfernen und Farbe auf rot ändern.
Mit Hilfe des Verschiebewerkzeug (V) das rote Dreieck meinem anpassen.
Nun mit Hilfe der Dreieckform – ohne Größenvorgabe (Vom Formbereich subtrahieren - einstellen) die innere rote Fläche "abziehen".
Für den "Gartenzaun" zeige ich euch zwei Vorgehensweisen.
Methode 1: Alle Formen in einer Formebene vereint.
Folgende Einstellungen sind dafür notwendig:
Dann ziehe dir eine neue Hilfslinie und den ersten Zaunpfahl.
Umstellen auf
und die restlichen Pfähle zeichnen. (Mit Hilfe der Großschreibtaste, werden exakt senkrechte Formen gezogen)
Die Querbalken werden ebenfalls wieder mit dem Linienzeichner gemacht, nur diesmal ohne Spitze.
Methode 2: Wenn man die einzelnen Pfähle nachträglich noch einzeln verändern will.
Lege zuerst ein Set an, damit verliert mach nicht die Übersicht.
Nun ziehe wie oben deine Linien nur eben mit der Neuen Ebenenform erstellen Schaltfläche und ziehe die Formen in das Set. Mit dieser Methode kann man dann jederzeit die Farben und Eigenschaften der einzelnen Formen ändern.
Jetzt noch den Bahnbalken:
Abgerundetes Rechteckwerkzeug, Farbe Weiß, Ebenestil 3px schwarzer Rand.
Damit wir bei den roten Strichen nicht “hinauszumalen“ beschreibe ich mal einen anderen Weg.
Ebenenset erstellen und Form 3 hineinschieben.
Form 3 kopieren, Stil (schwarze Kontur) entfernen und Farbe auf rot ändern. Das Ganze sieht nun so aus.
Folgende Einstellung verwenden:
Jetzt nur noch diese Form 2x kopieren und mit dem Verschiebewerkzeug nach unten verschieben.
Das soll es mal für den ersten Teil gewesen sein. Ich hoffe, euch das Thema etwas näher gebracht zu haben und dass auch die Anfänger unter uns folgen konnten.
Viel Spaß beim Ausprobieren.
Hier geht es zu Teil 2
-
Reklame
-
-
- Kann mir einer diesen Zeichenstil nennen?
- Ebenen verkleinern sich nicht
- Mit JavaScript geladenes Bild an Fenstergröße anpassen
- [DwCS6] Editor-Extensions/Plugins für SASS/LESS
- bilder beim draufklicken verlinken
- Hybrid Festplatte lohnt das?
- MySQL - Feldname aus anderer Tabelle
- mit pyrocluster wasser eigenschafften
- Bedienung Intuos 4
- Logo für Hobbyfotograf
- Nach Seitenaufbau eine Sekunde warten - dann Funktion aufrufen
- Joomla 2.5 - Animation in einen Beitrag einfügen
- Schriftart gesucht
- Vektor Bild halbieren
- Schrift an Rahmen (Oval Logo) anpassen
- Hallo oder wie es bei uns heißt SERWAS!!!
- Mein neues Hobby: Fotografieren
- Broschüre Erstelle
- gehen euch die Themen aus ?
- noch 81 Stunden bis zum neuen punktefreien Inhalt
-
-
Aktuelles Commag
Anzeige
-
Anzeige
nolivia
06.01.2012 - 13:54
Wow, vielen Dank für den tollen Kurs! Ebenenset ist ganz genau, was ich verzweifelt gesucht habe. Formen zusammenschließen und trotzdem getrennt bearbeiten. So einfach. Ich hatte keine Ahnung wie sich das nennt und habe es daher nie gefunden.
Herzlichen Dank, freue mich auf Teil 2
punch
08.11.2011 - 17:29
klasse! gut strukturiert und verständlich
hat mir echt geholfen
Augustiner
06.11.2011 - 16:35
Hat mich weitergebracht, weil alles gut verständlich war – danke!
Xenon91
22.03.2011 - 13:05
Sehr gute und praxisnahe Erklärung anhand der Schilder, Danke!
vekago
12.12.2010 - 11:51
Dankeschön für die gute Erklärung.
cfrog
02.12.2010 - 09:55
Vielen Dank, gut aufbereitet, nur nicht immer Anfänger geeignet.
Andreassupertramp
19.11.2010 - 18:37
sehr sehr ausführlich erklärt vielen dank !
feliciamoors
01.11.2010 - 20:10
Am anfang ganz deutllich, hab mich gefreut, einfache vorbilde, gut erklärt! nur ein einfache weg hilfslinien 'zu ziehen' hab ich nicht entdeckt (wird wahrscheinlich als basiswissen gesehen, nur habe ich nie was mit vectors genacht). Dann ab diese satz:'Nun mit Hilfe der Dreieckform – ohne Größenvorgabe (Vom Formbereich subtrahieren - einstellen) die innere rote Fläche "abziehen" 'die ich überhaupt nicht verstanden habe, war es alles nicht mehr so deutlich, für mich.... Na ja, ich glaube ich bin der einzige... Trotzdem danke, ich habe absolut wohl was über pfade gelernt...:)
innominata
26.10.2010 - 08:12
Sehr gute Erklärung!
scarred13
28.09.2010 - 11:14
Endlich erklärt auch mal jemand, warum er welche Einstellungen vornimmt. Sehr gut erklärt!
MARIA52
26.09.2010 - 10:15
Sehr hilfreiche Tipps, vielen Dank!
VHarald
04.08.2010 - 16:14
Vielen Dank für die Tipps. Als Einstieg in das Thema ist das Tutorial sehr hilfreich.
puma1102
06.07.2010 - 15:57
das hat mir einiges an zeit erspart :) danke
saliwo
20.06.2010 - 12:40
Vielen Dank für dieses tolle Tutorial! Es hat mir sehr geholfen.
thorefiedermann
17.06.2010 - 09:04
Wuhu! Nicht ganz einfach, aber sehr gut dargestellt.
Corelli
11.06.2010 - 02:56
Spitzenklasse! Hervorragende Erläuterungen, gut anwendbar. Herzlichen Dank, Corelli
Dollybahn
13.04.2010 - 10:57
Durch den ersten Teil erscheinen mir Pfade mehr als gestalterisches Mittel im Sinne von Illustration. Als reiner "Foto-Entwickler" sehe ich hier noch nicht die Vorteile oder Stärken von Pfaden. Sehr gute Darstellung der FormPfade.
wollmaus
05.03.2010 - 10:10
Toll erklärt, leider war nicht das dabei, was ich gesucht habe... vielleicht in Teil 2.
User hat PSD-Tutorials.de verlassen
04.03.2010 - 15:36
Leider begreiffe ich das mit den Hilfslininen nicht ganz.
Aber sonst ist es sehr interessant.
kitmos
26.02.2010 - 13:56
Am Anfang kam ich als Anfänger sehr gut klar, später wäre es Hilfreicher zu schreiben, wenn eine neue Ebene nowendig ist. Aber sonst war es wirklich super.