Photoshop

Das Zeichenstiftwerkzeug (Photoshop Tutorial)

Tutorial erstellt von Michael, letzte Änderung am 14.09.2006


Das Zeichenstiftwerkzeug dient dazu uns dazu, eigene Elemente und Formen, aber auch ganze Bilder erstellen zu können. Wirklich realistische Bilder sind damit allerdings nicht oder nur unter einem enormen Zeitaufwand zu erstellen. Bilder, die auf diese Weise gefertigt werden sind in der Regel stilisiert (also stark vereinfacht), wie man es aus vielen Werbungen kennt.

So, nun aber zum Zeichenstiftwerkzeug ansich: Finden könnt ihr das Werkzeug in der Werkzeugleiste ziemlich in der Mitte. Dort ist standardmäßig das normale Zeichenstiftwerkzeug gewählt. Wenn ihr jedoch auf die kleine schwarze Ecke klickt, werdet ihr noch vier weitere Varianten des Werkzeuges sehen:

- das Freihand-Zeichenstift-Werkzeug
- das Ankerpunkt-hinzufügen-Werkzeug
- das Ankerpunkt-löschen-Werkzeug
- und das Punkt-umwandeln-Werkzeug.

Um die Funktionen dieser Werkzeuge zu erklären, wollen wir eine kleine Übung durchführen. Kopiert euch dazu einfach das folgende Bild mit der Flasch und öffnet dieses in Photoshop (PS). Das Bild hat wie ihr seht keine besonders gute Qualität, da es einfach bei Google schnell gesucht wurde. Aber das stört uns überhaupt nicht.



Wir wollen als Übung die Flasche einmal nachzeichnen und bedienen uns daher dieser Vorlage (Wenn ihr später den Dreh raushabt, könnt ihr auch ohne Vorlage arbeiten, aber wenn ihr eine zur Hand habt, rate ich euch immer diese auch zu nutzen. Ist nur von Vorteil, weil man sich damit eine Menge Zeit und Arbeit ersparen kann und das wollen wir doch alle oder?!). Dazu erstellen wir uns zunächst eine neue Ebene in der Ebenenpalette. Dann macht einen Doppellinksklick auf das schwarze Kästchen, das in der neuen Ebene vorhanden ist und wählt eine auffällige Farbe, die sich gut von dem Flaschenbild abhebt. Setzt danach die Deckkraft der Fläche auf 50%. Wozu das gut ist, werdet ihr später merken. So sollte nun euer Stand sein:



Wählt nun das Zeichenstift-Werkzeug aus. Ihr könnt nun an einer beliebigen Stelle der Flasche am Rand den ersten Punkt setzen (einfacher Linksklick). Ich beginne einfach mal an der Unterseite der Flasche in der Mitte des Bodens (Bild 1). Nun setzen wir den zweiten Punkt. Allerdigns tun wir das nicht, wie wir das vielleicht durch das Lasso-Werkzeug () gewohnt sind, sondern gehen schon ein Stückchen um die Kurve herum und halten beim Klicken die Maustaste noch gedrückt. Wenn ihr nun die Maus bewegt, werdet ihr sehen, dass sich zwischen den beiden Punkten eine Linie gebildet hat. Je nach dem, wie ihr nun die Maus bewegt, könnt ihr diese Linie steuern (also den Kurvenverlauf). Dies wird dadruch erreicht, dass die Tangenten, die an dem Punkt anliegen im Winkel und der Länge verändert werden. Versucht ein bischen herum, bis es ungefähr so ausschaut (Bild 2):



Nun arbeiten wir uns die Flasche entlang hinauf. Dabei braucht ihr eigentlich keine Kurven zu ziehen, da die Flasche ja erstmal gerade beginnt. Mit meinem vierten Punkt bin ich nun hier angelangt (Bild 1). Ihr seht, dass die Tangente an diesem Punkt recht lang und geneigt ist. Dies kann zu ungewollten Fehlern führen, wenn ihr euren nächsten Punkt setzen wollt. Wenn ich nun den fünften Punkt setze, so verläuft die Kurver nicht korrekt auf der Aussenlinie der Flasche, sondern geht ein bischen zu weite nach innen (Bild 2). Dies ist aber nicht wieter schlimm, da wir das leicht korrigieren können.



Um eine Korrektur durchzuführen, braucht ihr das Punkt-umwandeln-Werkzeug . Wählt dieses nun aus und fahrt mit der Maus langsam über das Ende der oberen Tangentenhälfte am vierten Punkt. Wenn ihr an der richtigen Stelle seid, wird aus dem weißen Pfeil ein offenes Dreieck (Bild 1). Klickt nun und haltet die Maus gedrückt. Wenn ihr nun die Maus bewegt, könnt ihr sehen, wie ihr die oberen Hälfte der Tangente einzeln bewegen könnt. Probiert ein bischen aus, bis es ca. so aussieht (da wo jetzt der Mauszeiger steht, habe ich auch die Tangente losgelassen/ Bild 2). Um nicht immer das Werkzeug wechseln zu müssen, könnte ihr auch bei dem Zeichenstift-Werkzeug bleiben und wenn ihr über dem Tangentenende seid einfach die ALT-Taste gedrückt halten. Nun solltet ihr automatisch das Punkt-umwandeln-Werkzeug als Zeiger haben. Wenn ihr dann korrigiert habt und die ALT-Taste wieder loslasst, seid ihr direkt wieder beim Zeichenstift-Werkzeug.



Nun wollen wir unseren Pfad weiterzeichnen. Wählt also wieder das Zeichenstift-Werkzeug aus. Um nun unseren Pfad weiterzeichnen zu können müsst ihr mit dem Zeiger über euren letzten Punkt gehen. Ihr werdet sehen, dass sich der Zeiger nun verändert (eine kleine Linie taucht neben der Spitze auf/ Bild). Klickt nun auf den Punkt. Durch diese Aktion habt ihr dem Werkzeug gesagt, dass ihr den Pfad an diesem Punkt nun weiterzeichnen wollt. Wenn ihr das nicht macht, fangt ihr automatisch einen neuen Pfad an, was wir ja aber nicht wollen.



Nun fahrt fort und zeichnet nach dem gleichen Prinzip die ganze Flasche (nur den oberen weißen Teil nicht) nach, bis ihr in etwa solch ein Ergebnis habt (Bild 1). Der von mir gezeichnete Pfad ist soweit fertig, muss aber noch endgültig abgeschlossen werden. Wie ihr sehen könnt (Bild 2) habe ich nun ein kleines Problem. Die Tangente an dem letzten gestzten Punkt ist leider nicht gerade worden. Wenn ich nun mit meinem Zeiger auf den Anfangspunkt klicke, um den Pfad zu schießen (ein kleiner Kreis taucht neben der Spitze auf/ Bild 3. Ich habe der Erkennbarkeit halber kurz die Vorlage ausgeblendet, also nicht wundern.), seht ihr den Fehler (Bild 4). Um das zu korrigieren, mache ich den letzten Schritt rückgängig und bin nun wieder auf dem Stand von Bild 1/2.



Nun gehe ich mit meinem Zeiger über den letzten Punkt und drücke die ALT-Taste. Der Zeiger verändert sich (ein kleines offenes Dreieck taucht neben der Spitze auf /Bild 1- Punkt-umwandeln-Werzeug ist aktiv mit einer anderen Funktion als eben, da wir nun einen Punkt bearbeiten und nicht wie zuvor eine Tangente!). Wenn wir nun klicken, löschen wir den Teil der Tangente, der zu der offenen Seite des Pfades zeigt (Bild 2). Nun können wir einfach den Pfad schließen, indem wir auf den Anfangspunkt klicken (Bild 3). Die gelöschte Tangente kann nun nicht mehr die Kurve beeinflußen und wir erhalten das gewünschte Ergebnis (Bild 4).



Auf die gleiche Art und Weise macht nun noch den Verschluss und Flaschenhals. Achtet darauf, dass ihr euch erst wieder eine neue Ebene dazu erstellt. Dann könnt ihr loslegen. Wenn ihr damit fertig seid, gebt dem Verschluss auch wieder eine Deckkraft von 100% und färbt ihn weiß ein.

Man kann nun schon eine Flasche erkennen, die aber bisher noch nicht sehr schmucke ausschaut. Dem wollen wir nun abhilfe schaffen, indem wir Schatten und Glanzlichter hinzufügen.

Das machen wir wie folgt. erstellt zunächst zwie neue Ebenen. Die Ebenen für die Schatten verschiebt ihr unter die Ebene, in der die grüne Flasche liegt. Die Glanzlichterebene bleibt erstmal wo sie ist, wird aber zusammen mit der Verschluss- und der Flaschenebene ausgeblendet (dazu einfach auf nacheinander auf die Augen neben den Ebenen klicken). Es sollten nun nur noch die Schatten- und die Vorlagenebene sichtbar sein (Bild 1). Nun klickt die Schattenebene an. Drückt nun die linke STRG- und Shift-Taste gleichzeitig (Mauszeiger ändert sich in eine Hand mit Kästchen/ Bild 2) und klickt mit einem einfachen Linksklick auf die Ebene mit der Flasche drin. Dadurch übernehmt ihr die gleiche Auswahl, die ihr für die Flasche erstellt habt.



Nehmt nun das Pipette-Werkzeug () aus der Werkzeugleiste und wählt ein sehr dunkles Grün von der Flasche. Nun wechselt ihr zum Füllwerkzeug () und füllt die Markierung auf der Schattenebene. Das ganze sollte nun so aussehen:



Als nächstes lassen wir die Schattenebene aktiviert und klicken wieder (mit gedrückter STRG-/ und Shift-Taste) auf die Ebene mit dem Verschluss. Diese Auswahl wird nun zu der bereits bestehenden Auswahl der Flasche in der Schattenebene hinzugefügt. Wir nehmen nun wieder das Füllwerkzeug (), wählen ein mittleres Grau als Füllfarbe und klicken bei aktivierter Schattenebene in den neu hinzugefügten Bereich der Markierung (dort wo der Verschluss sitzt). Das Ergebnis seht ihr in Bild 2.



Nun blenden wir die Schattenebene aus und aktivieren die Flaschenebene. Setzt hier nun die Deckkraft auf ca.50%. Nun wählt aus dem Menü "Ebene -">Rastern -">Ebene" aus (Bild 1).



Jetzt nehmen wir den Radiergummi () zur Hand und radieren an den Stellen, wo die/ der Vorlagenflasche/-verschluss die dunkelsten Schatten hat (ich habe die Flasche und den Verschluss kurz eingefärbt, damit ihr das ganze besser erkennen könnt. Ihr braucht das natürlich nicht zu machen.). Beim Radieren müsst ihr gegebenenfalls die Radiergummigröße etc. an die entsprechende Situation anpassen. Wenn ihr das gemacht habt, sollte euer Ergebnis in etwa so aussehen (nur statt dem fiesen Lila habt ihr jetzt euer Grün/ Grau):



Nun wollen wir noch die Glanzlichter hinzufügen. Dazu fertigt ihr ein Duplikat der Schattenebene an und benennt sie in Glanzlichtebene um, damit keine Verwechslungen auftreten. Diese Ebene verschiebt ihr jetzt nach ganz oben (Bild 1). Das ganze sollte dann aussehen, wie auf Bild 2.



Nun nehmen wir uns wieder das Radiergummi-Werkzeug () und radieren die komplette Ebene leer. Zuvor habe ich alle Ebenen bis auf die Glanzlichter- und Vorlagenebene ausgeblendet. Wenn ihr alles richtig gemacht habt, dürfte man nun nur das Originalbild sehen. Wählt nun das Pinsel-Werkzeug () aus und wählt ein sehr helles Grün als Malfarbe (Deckkraft des Pinsels auf ca. 50% oder weniger). Mal bei aktivierter Glanzlichterebene die Glanzlichter nach, die ihr auf der Flasche seht. Solltet ihr etwas darüber hinaus gemalt haben, könnt ihr das Überschüssige wieder mit dem Radiergummi-Werkzeug () korrigieren. Für die Korrektur blendet ihr am besten die Vorlage aus und dafür alle anderen Ebenen ein. Das Ergebnis sollte jetzt so vor euch liegen, wie ihr es in Bild 1 seht. Wenn ihr wollt könnt ihr noch ein helleres Glanzlicht hinzufügen. Mal dazu einfach mit einer dünneren Pinselspitze an der linken Kante eures ersten Glanzlichtes entlang (Bild 2).



Als letztes fügen wir noch ein Etikett hinzu. Aktiviert dazu die Flaschenebene und blendet ausser dieser und der Vorlage alle anderen Ebenen aus (Bild 1). Wählt nun wieder das Pinsel-Werkzeug () aus, nehmt ein sehr helles Beige (oder eine andere Farbe, die euch für eure Flasche gefällt) und malt nun das Etikett der Vorlage nach. Wenn ihr Lust habt könnt ihr auf diese Weise noch mehr Details hinzufügen, wie es euch beliebt.



Die Werkzeug-Varianten "Ankerpunkt-hinzufügen/löschen-Werkzeug" ()dienen euch dazu weitere Punkte zu eurem Pfad hinzuzufügen oder bereits gesetzte wieder zu löschen. Probiert das einfach mal ein bischen aus. Das bedarf eigentlich keinerlei weiterer Erklärung.

Mein Ergebnis sieht nun so aus. Ist nicht der wahre Hammer (habs nicht ganz so ordentlich gemacht, wie man es eigentlich machen sollte ;)), aber ich denke man kann erahnen, was man mit einfachen Mitteln für Effekte erzielen kann.



Ich hoffe ihr hattet Spaß bei meinem ersten Tutorial und habt erkannt, was man mit dem Zeichenstift-Werkzeug & Co alles erreichen kann. Falls ihr noch Fragen haben solltet, könnt ihr mir ja einfach eine PN schicken oder euch im PS-Forum melden. Danke fürs zulesen!

>> Allgemeine Fragen oder Probleme mit dem Tutorial? Hier gehts zum Forum!

Impressum / Datenschutzerklärung          © der-Webdesigner.net 2002 - 2008           top ▲