German (Deutsch) translation by Alex Grigorovich (you can also view the original English article)
In diesem Tutorial verwenden wir Photoshop CS, um eine glänzende neue Kette zu erstellen. Wir werden das Erstellen von Formen mithilfe von Knockout-Techniken mit Formebenen behandeln, um einige ziemlich ausgefeilte Konturen mit Ebenenstilen anzuwenden. Dieses Tutorial hilft Ihnen die Funktionsweise von Photoshops-Ebenenstilen überdenken. Am Ende haben Sie nicht nur eine verdammt sexy Kette, sondern haben auch einige neue Techniken gelernt, indem Sie über den Tellerrand hinaus darüber nachgedacht haben, wie die Dinge funktionieren sollten. Zeit dafür!
Bonus Tutorial und Wettbewerb!
Es gibt einen zweiten Teil dieses Tutorials bei Fuel Your Creativity, in dem wir diese fertige glänzende Kette nehmen und sie alt, verrostet und verzweifelt aussehen lassen. Außerdem könnten Sie eine Premium-Mitgliedschaft bei Psdtuts+ gewinnen!! Wenn Sie hier fertig sind, besuchen Sie fuelyourcreativity.com, um ein Bonus-Tutorial und Ihre Chance auf eine 6-monatige Premium-Mitgliedschaft bei Psd Plus zu erhalten!
Endgültige Bildvorschau
Schauen Sie sich das Bild an, das wir erstellen werden.
Tutorial Details
- Programm: Photoshop CS 2, 3 & 4
- Schwierigkeit: Mittelstufe
- Geschätzte Fertigstellungszeit: 30-40 Minuten
Videoanleitung
Unser Video-Editor Gavin Steele hat dieses Video-Tutorial erstellt, um dieses Text + Bild-Tutorial zu ergänzen.
Schritt 1
Erstellen Sie zunächst ein neues Dokument, indem Sie Befehlstaste + N drücken, und geben Sie ihm eine Breite von 750 Pixel und eine Höhe von 1500 Pixel bei 300 dpi.
Schritt 2
Bevor wir unsere Kettenformen erstellen, müssen wir unsere Anleitungen einrichten. Drücken Sie Befehlstaste + R, um die Lineale anzuzeigen, und ziehen Sie dann eine vertikale und eine horizontale Hilfslinie, um in der Mitte des Dokuments einzufangen. Ziehen Sie eine weitere Hilfslinie von oben um 140 Pixel und von links um 50 Pixel nach unten.
TIPP: Wenn Sie beim Ziehen die Umschalttaste gedrückt halten, wird die Hilfslinie gezwungen, alle 10 Pixel zu fangen. Wenn Sie beim Ziehen die Alt-Taste gedrückt halten, wird von einer horizontalen zu einer vertikalen Hilfslinie gewechselt. Wenn Sie also eine Hilfslinie von links auf genau 100 Pixel ziehen möchten, halten Sie beim Ziehen Umschalt + Alt gedrückt, um eine vertikale Hilfslinie zu erhalten, die alle 10 Pixel einrastet.
Schritt 3
Mit unseren Führungen möchten wir die Grundform für unsere Kette erstellen. Nehmen Sie Ihr abgerundetes Rechteck-Werkzeug und ändern Sie den Radius auf 750px. Platzieren Sie den Cursor am Schnittpunkt der beiden mittleren Hilfslinien und beginnen Sie mit dem Ziehen. Halten Sie beim Ziehen die Alt-Taste gedrückt, um von der Mitte aus zu skalieren, bis sie mit den oberen und seitlichen Führungen einrastet (siehe Abbildung unten). Wir werden diese Ebene "base link" nennen. Hinweis: Es ist wichtig, mit dem Ziehen zu beginnen, bevor Sie die Alt-Taste gedrückt halten. Ich werde im nächsten Schritt mehr erklären.
Schritt 4
Jetzt müssen wir die Mitte der vorherigen Form ausschalten, indem wir den letzten Schritt mit ein paar kleinen Unterschieden wiederholen. Wählen Sie Ihr abgerundetes Rechteck-Werkzeug aus und ändern Sie seinen Radius auf 325 Pixel. Wenn die Formebene "base link" erneut ausgewählt wird, beginnen wir mit unserem Cursor in der Mitte des Schnittpunkts unserer Hilfslinien. Wie ich in Schritt 3 erwähnt habe, war es wichtig, Alt nicht zu drücken, bis Sie sich in der Mitte des Widerstands befanden. Dieses Mal möchten wir Alt gedrückt halten, bevor wir mit dem Ziehen beginnen.
Sie werden feststellen, dass sich neben Ihrem Cursor ein Minuszeichen befindet. Dies sagt uns, dass wir diese Form von der Ebene "base link" subtrahieren werden. Also lasst uns jetzt weitermachen und unsere innere Form schaffen. Beginnend mit den mittleren Hilfslinien halten Sie die Alt-Taste gedrückt und ziehen Sie dann Ihre Form, bis Sie eine Kettengliedform wie im Bild unten haben.
Schritt 5
Lassen Sie uns diesen Welpen verchromen! Fügen Sie bei hervorgehobener Ebene "base link" einen Ebenenstil für Abschrägung und Prägung mit den folgenden Einstellungen hinzu, lassen Sie jedoch das Dialogfeld geöffnet.
Schritt 6
Jetzt doppelklicken wir auf die Glanzkontur. Wir möchten diese Kontur so formen, dass sie wie ein Tsunami aussieht. Verwenden Sie also das folgende Bild als Leitfaden, um die erste Hälfte der Welle zu erstellen. Machen Sie sich keine Sorgen, wenn es nicht genau dem Bild unten entspricht, aber versuchen Sie, es näher zu bringen. Bevor wir nun die zweite Hälfte formen, möchten Sie mit der ausgewählten Spitze der Welle das Kontrollkästchen Ecke wie unten gezeigt nur für diesen Punkt aktivieren. Standardmäßig ist dies bei allen neuen Punkten deaktiviert, sodass Sie es nur einmal auf die Spitze der Welle überprüfen müssen.
Schritt 7
Für die zweite Hälfte der Welle wollen wir einen steilen Abfall und eine scharfe Kurve nach unten, wie im Bild unten gezeigt. Hei, schauen Sie... Ist das Keanu?
Schritt 8
Direkt unter dem Filter "Abschrägen und Prägen" befindet sich ein verschachteltes Kontrollkästchen mit dem Namen "Contour". Aktivieren Sie dieses Kontrollkästchen, doppelklicken Sie dann auf die Kontur und formen Sie unsere so, dass sie wie im Bild unten aussieht. Es ist eine Art S-Kurve mit dem Anfangspunkt einen Rasterraum von oben.
Schritt 9
Als nächstes rutschen wir in etwas Satin. Ändern Sie die Einstellungen so, dass sie dem folgenden Bild entsprechen.
Schritt 10
Wie Sie wahrscheinlich bereits sehen können, sieht unser Glied wie eine Kette aus. Aber warte, da ist noch mehr! Als Nächstes fügen wir eine Verlaufsüberlagerung hinzu.
Ändern Sie die Einstellungen des Hauptdialogfelds so, dass sie mit dem folgenden Bild übereinstimmen, und doppelklicken Sie dann auf den Verlauf, um die Farben und Schritte des Verlaufs anzupassen. Auch hier müssen wir nicht perfekt mit den Farben oder Stufen des Verlaufs sein, aber wir haben die genauen Farben unten hinzugefügt, damit Sie genauer sind.
Schritt 11
Ewww, was ist mit unserer Kette passiert? Es ist alles verwaschen und eklig, haben wir etwas falsch gemacht? Keine Angst! Denn wir werden das Fenster „Ebenenstile“ etwas länger offen halten und den letzten Schliff hinzufügen, um unsere Chromgüte zu erreichen. Oh, und ja... die abgedroschenen Bemerkungen werden auch fortgesetzt, also komm schon darüber hinweg.
Als nächstes fügen wir unserem Rezept für Ebenenstile einen inneren Glanz hinzu. Inner Glow ist in diesem Fall etwas irreführend.
Standardmäßig ist Inner Glow mit einem Mischmodus für den Bildschirm auf eine gelbliche Farbe eingestellt. Das ist in Ordnung, wenn wir tatsächlich ein inneres Leuchten wollen, aber wonach suchen wir das Gegenteil?
Es gibt keinen Kantenschattenfilter. Aber indem wir Inner Glow verwenden und umgekehrt denken, können wir unserer Form einen Effekt hinzufügen, der dem Rand unserer Form die Illusion von Rundheit verleiht. Wenn Sie den Mischmodus auf Multiplizieren einstellen und eine dunklere Farbe anstelle einer helleren Farbe verwenden, erzielen Sie diesen Effekt.
TIPP: Sie können diesen umgekehrten Inner Glow-Trick für alles verwenden, was so aussehen soll, als würde es an den Rändern abrunden.
Schritt 12
Oh es tut mir leid. Habe ich gesagt, wir waren mit dem inneren Glühen fertig? Erinnern Sie sich an unseren Freund, die Tsunami-Kontur von Bevel and Emboss "? Nun, wir bringen sie für Inner Glow zurück. Hier werden Sie wirklich sehen, wie Ihre ausgewaschenen Teile wieder zum Leben erweckt werden.
Verwenden Sie die folgenden Einstellungen und passen Sie die Kontur mit unserer Welle aus den Schritten 6 und 7 an. Jetzt können Sie Inner Glow ins Bett bringen und mit dem nächsten Ebenenstil fortfahren.
Schritt 13
Weiter möchten wir einen inneren Schatten mit den folgenden Einstellungen hinzufügen. Der innere Schatten verzerrt die Färbung gerade so weit, dass die Kette nicht so symmetrisch aussieht. Wenn wir versuchen, pseudorealistische Elemente zu erstellen, ist es am besten, die Perfektion ein wenig zu verzerren, um sie realistischer aussehen zu lassen.
Schritt 14
Jetzt werden wir eine andere Kontur anwenden, aber diesmal ist es eine Voreinstellung. Öffnen Sie das Menü "Kontur" und wählen Sie "Ring - Double" (Sehen Sie unten).
Schritt 15
Ok Leute, ein letzter Effekt im Ebenenstil, der hinzugefügt werden muss, ist Strich. Ändern Sie Ihre Einstellungen so, dass sie mit dem Bild unten und der Bratsche übereinstimmen - wir haben eine Kette! Aber wir haben noch ein letztes Stück Flair, das wir dem "base link" hinzufügen können, also lasst uns zum nächsten Schritt springen.
Schritt 16
Beginnen wir mit dem Hinzufügen einer neuen Ebene, indem Sie auf Befehl + Umschalt + N klicken, und nennen Sie diese Ebene "Hilight".
Schritt 17
Klicken Sie bei ausgewählter Ebene "Hilight" mit der Befehlstaste auf die Basis-Link-Ebene, um unsere Auswahl zu erhalten.
Schritt 18
Jetzt wollen wir diese Auswahl verkleinern. Gehen Sie dazu zum Hauptmenü und klicken Sie auf Auswählen > Ändern > Kontrahieren. Reduzieren Sie dann die Auswahl um 60 Pixel.
Schritt 19
Danach wollen wir diese Auswahl um 5 Pixel verschieben. Gehen Sie zurück nach oben und wählen Sie > Ändern > Feder um 5 Pixel.
Schritt 20
Während wir uns noch auf der Ebene "Highlight" befinden, drücken wir "D", um sicherzustellen, dass unsere Vordergrund- und Hintergrundfarben die Standardeinstellungen haben. Drücken Sie nun Befehl + Entf/Rücktaste, um unsere gefiederte Auswahl mit Weiß zu füllen. Sie könnten fast in Ihren Bildschirm greifen und ihn greifen!
Schritt 21
Jetzt müssen wir die oberen und unteren Glieder herstellen, was viel schneller sein sollte, da wir bereits alle Vorarbeiten in den "Ebenenstilen" ausgeführt haben, um unser Chrom-Finish zu erzielen. Lassen Sie uns also einige neue Anleitungen einrichten und den Rest unserer Links erstellen.
Wir wissen, dass unsere Kette aus der Seitenansicht nicht dicker ist als eine Seite unserer Kette von vorne. Deshalb ziehen wir eine Führung nach links innen von unserem "base link" und eine nach unten unten nach "base link", wie unten zu sehen.
Schritt 22
Mit diesen Handbüchern möchten wir die Seitenansichtsglieder unserer Kette erstellen. Nehmen Sie das abgerundete Rechteck-Werkzeug, stellen Sie den Radius auf 325 Pixel ein und ziehen Sie die Form mithilfe unserer neuen Hilfslinien an ihren Platz, bis sie an unseren Hilfslinien einrastet. Am Ende sollten Sie eine neue Formebene erhalten, die wie im Bild unten aussieht. Nennen Sie diese Ebene "top link".
Schritt 23
Jetzt möchten wir den Ebenenstil, den wir auf den "base link" angewendet haben, kopieren und in den soeben erstellten Seitenansichtslink einfügen. Klicken Sie mit der rechten Maustaste auf die Ebene "base link" und wählen Sie Ebenenstil kopieren. Wählen Sie dann die Ebene "top link" aus, klicken Sie mit der rechten Maustaste und klicken Sie dann auf Ebenenstil einfügen.
Schritt 24
Das Bild unten zeigt nun, dass wir den gleichen Effekt auf den "top link" anwenden wie auf den "base link". Jetzt möchten wir das Highlight zum "top link" hinzufügen, genau wie wir es in den Schritten 17, 18 und 19 mit dem "base link" getan haben. Fahren wir damit fort.
Schritt 25
Erstellen Sie zunächst eine neue Ebene über der obersten Verknüpfungsebene, indem Sie Befehl + Umschalt + N drücken.
Wenn die neue Ebene noch ausgewählt ist, klicken Sie bei gedrückter Befehlstaste auf die oberste Linkebene, um unsere Auswahl zu erhalten. Wenn Sie sich jetzt daran erinnern, dass wir diese Auswahl zusammenziehen und ausfedern müssen, indem Sie zum Hauptmenü gehen und Auswählen > Ändern > Zusammenziehen wählen und um 60 Pixel zusammenziehen und dann Auswählen > Ändern > Feder auswählen, und wir möchten die Auswahl um 5 Pixel ausfedern.
Zuletzt füllen wir diese Auswahl mit Weiß, indem wir Befehl + Entf/Rücktaste drücken. Nennen Sie diese Ebene "top link hilight" und jetzt haben wir unseren Top Link mit demselben Ebenenstil und derselben Hervorhebung wie unsere Basisebene.
Schritt 26
Lassen Sie uns nun diese Teile einsetzen. Wählen Sie sowohl die Ebene "top link" als auch "top link hilight" aus, indem Sie eine auswählen und bei gedrückter Umschalttaste auf die andere klicken. Ziehen Sie es in die obere Mitte (siehe Abbildung unten).
Als nächstes wollen wir diese beiden Ebenen kopieren. Wir tun dies, indem wir bei gedrückter Alt-Taste darauf klicken und sie nach unten ziehen, bis sie mit dem Bild übereinstimmen. Benennen Sie diese Kopien nun schließlich in "bottom link" und "bottom link highlight" um.
Schritt 27
Vielleicht bin ich es nur, aber ich mag es nicht, wie der obere Teil dieses unteren Links aussieht. Also lasst es uns reparieren. Öffnen Sie das Dialogfeld Ebenenstile für den "bottom link", indem Sie auf die Ebene doppelklicken. Gehen Sie dann zum Abschrägungs- und Prägestil und ändern Sie ihn von Auf nach Ab. Viel besser.
Schritt 28
Dieser Schritt ist nicht wirklich ein Schritt, sondern eine bewährte Methode. Da wir verschiedene Ebenen haben, aus denen die einzelnen Verknüpfungsteile bestehen, werden wir die Ebenen zusammenfassen. Lassen Sie uns den Basislink und seine "Hilight" -Ebene auswählen und Befehlstaste + G drücken und diese Gruppenebene "Basislink" nennen. Führen Sie den gleichen Vorgang für den "top link" und dessen Hervorhebung und dann für den "bottom link" und dessen Hervorhebung durch. Alles schön und organisiert.
Schritt 29
Wenn wir Lichter haben, müssen wir Schatten haben, oder? Richtig! Erstellen Sie also eine neue Ebene über der Gruppenebene "base link" (siehe unten) und nennen Sie sie "shadows". Wenn es noch nicht geöffnet ist, öffnen wir als Nächstes die Gruppe "base link" und wählen Sie mit der noch ausgewählten Ebene "shadows" die Befehlsebene auf der Formebene "base link" aus. Das gibt uns wieder eine Auswahl unseres "base link".
Schritt 30
Drücken Sie nun Umschalt + M, bis wir unser elliptisches Auswahlwerkzeug haben. Wir möchten einen Teil dieser Auswahl subtrahieren. Wie zuvor, als wir den Knock-Out-Effekt unserer Formebene für Basislinks ausgeführt haben, halten wir Alt gedrückt und können erneut sehen, dass das Minuszeichen sichtbar ist, was uns sagt, dass wir es sind werde von dieser Auswahl subtrahieren.
Ziehen Sie nun einfach Ihr Festzelt auf beide Seiten unserer ursprünglichen Auswahl, um es von beiden Seiten zu subtrahieren, bis Sie eine Auswahl erhalten, die wie im Bild unten aussieht. Wie Sie unten sehen können, ist unsere Auswahl auch nicht perfekt. Wenn Sie es ein paar Mal ausprobieren möchten, können wir warten.
Schritt 31
Feather unsere Auswahl um 35 Pixel. Wenn Sie sich also an eine frühere Version erinnern, können Sie zum Menü gehen und zu Auswählen > Ändern > Feder gehen. Oder drücken Sie einfach Umschalt + F6.
Schritt 32
Um unsere gefiederte Auswahl mit Schwarz zu füllen, drücken Sie Alt + Entf/Rücktaste, deaktivieren Sie dann durch Drücken von Befehlstaste + D und fahren Sie mit dem nächsten Schritt fort.
Schritt 33
Wenn die Ebene "shadows" erneut ausgewählt ist, klicken Sie bei gedrückter Befehlstaste auf die Ebene "base link", um unsere Auswahl zu erhalten. Dann gehen wir zu Ebene > Ebenenmaske > Alle anzeigen, um die Maskenebene zu erstellen. Füllen Sie nun die Maske, indem Sie Befehl + Entf/Rücktaste drücken und dann Befehl + D drücken, um die Auswahl aufzuheben.
Schritt 34
Warten Sie, etwas stimmt nicht. Sollte der Schatten nicht AN der Kette und nicht dahinter sein?
Schritt 35
Oh ja, ein einfacher Befehl + ich, um unsere Maske umzukehren und da haben Sie es. Lassen Sie diesen Schatten auf 70% Deckkraft fallen, indem Sie V drücken, um sicherzustellen, dass unser Verschieben-Werkzeug aktiv ist, und dann 7, um unsere Deckkraft auf 70% zu bringen.
TIPP: Solange das Verschieben-Werkzeug (V) aktiv ist, wird durch Drücken der Zahlen eins bis null die Deckkraft dieser Ebene in Zehnerschritten übersprungen. Wenn Sie also 1 drücken, erhalten Sie 10% Deckkraft, und wenn Sie 8 drücken, erhalten Sie 80% Deckkraft, während 0 die Deckkraft auf 100% zurückbringt. Wenn Sie anschließend schnell 5 und dann 3 drücken, erhalten Sie 53% und so weiter und so fort.
Abschluss
Wir haben es geschafft! Klicken Sie hier, um die fertige Kette in voller Größe zu sehen.
Ich hoffe Sie hatten so viel Spaß, wie ich! Wir haben viel gelernt und nicht nur, wie man eine Kette erstellt, sondern hoffentlich auch einige andere Techniken, die Sie in zukünftigen Designs verwenden können, die Sie selbst erstellen.
Denken Sie daran, dass Sie zu Fuel Your Creativity gehen, um das Schwester-Tutorial zu lesen, wie Sie diese Kette alt aussehen lassen und wie Sie eine Premium 6-Monats-Mitgliedschaft bei Psd Plus gewinnen können!
By
