In diesem Lernprogramm wird erläutert, wie Sie ein Autolenkrad und ein Dashboard in Photoshop erstellen, indem Sie Vektorformen, Ebenenstile und ein wenig Malerei verwenden. Lass uns anfangen!
Das folgende Asset wurde während der Erstellung dieses Tutorials verwendet.
Beginnen Sie mit dem Zeichnen einer neuen Datei mit einer Größe von 850 px × 840 px. Drücken Sie die Befehlstaste / Strg + R, um das Lineal anzuzeigen. Klicken Sie auf das vertikale Lineal und ziehen Sie es in den Zeichenbereich, um eine neue vertikale Hilfslinie zu erstellen. Wiederholen Sie den Vorgang für das horizontale Lineal, um eine horizontale Linie zu zeichnen. Grenzen aus diesen Führungen helfen uns beim Zeichnen der Lenkradform.
Beginnen Sie mit der Aktivierung des Ellipse-Tools. Halten Sie die Umschalttaste gedrückt, um eine perfekte Kreisform zu zeichnen. Setzen Sie die Farbe auf # 797979.
Duplizieren Sie den Pfad, indem Sie ihn auswählen und dann Befehl / Strg + C, Befehlstaste / Strg + V drücken. In diesem Schritt erhalten wir eine Ringform.
Verwenden Sie das Stiftwerkzeug, um den inneren Teil des Lenkrads zu zeichnen. Legen Sie für den Pfadmodus den Bereich "Zur Form hinzufügen" fest.
Grundbeleuchtung mit Layer Style Inner Shadow und Inner Glow anwenden.
Holen Sie sich eine Hautstruktur von WeGraphic (skin_6.jpg). Legen Sie es auf das Lenkrad.
Wir möchten sicherstellen, dass sich keine Stiche im Lenkrad befinden. Aktivieren Sie das Patch-Werkzeug, wählen Sie die Stiche aus und ziehen Sie es in den sauberen Bereich.
Wiederholen Sie dies für den restlichen Teil der Stiche.
Klicken Sie auf Bild> Anpassungen> Farbton / Sättigung. Reduzieren Sie die Sättigung auf -100 und die Helligkeit auf -47, um die Textur dunkler zu machen.
Ändern Sie die Ebene des Mischmodus in "Multiplizieren".
Ziehen Sie die Vektormaske bei gedrückter Maustaste von der Radform auf die Texturebene. Zu diesem Zeitpunkt geht die Textur in die Textur hinein.
Reduzieren Sie die Deckkraft auf 50%.
Dupliziere die Skin-Textur (Befehl / Strg + J). Stellen Sie den Mischmodus auf "Multiplizieren" und reduzieren Sie die Deckkraft auf 30%. Klicken Sie bei gedrückter Alt-Taste auf das Symbol "Neue Ebenenmaske hinzufügen". Malen Sie einen Teil der Maske mit Weiß, um mehr Textur am Lenkrad zu erhalten.
Unten sehen Sie eine Ebenenmaske, die ich erstellt habe.
Hier ist der Unterschied vor und nach dem Hinzufügen von mehr Textur.
Erstellen Sie eine neue Ebene und ziehen Sie die Vektormaske für das Lenkrad. Ab jetzt bleibt alles, was wir innerhalb dieser Gruppenebene platzieren oder zeichnen, im Lenkrad.
Befehl / Ctrl-Click-Ringform vom Lenkrad aus. Klicken Sie auf Auswählen> Ändern> Vertrag, verwenden Sie 15 Pixel.
Erstellen Sie eine neue Ebene und füllen Sie die Auswahl mit Weiß. Heben Sie die Auswahl auf (Befehl / Strg + D). Erweichen Sie den Glanzpunkt, indem Sie den Gaußschen Weichzeichner anwenden, Filter> Weichzeichnen> Gaußscher Weichzeichner.
Reduziere die Deckkraft auf 10%.
Klicken Sie bei gedrückter Ctrl-Taste in der Mitte des Lenkrads, um eine neue Auswahl basierend auf der Form vorzunehmen. Wählen Sie> Ändern> Verkleinern um 20 Pixel.
Legen Sie eine neue Ebene an und füllen Sie die Auswahl mit Weiß. Auswahl aufheben (Strg + D).
Machen Sie das Highlight mit Gaußscher Weichzeichnung weich. Filter> Unschärfe> Gaußsche Unschärfe.
Wählen Sie erneut die Ringform am Lenkrad. Klicken Sie auf Auswählen> Ändern> Vertrag, um die Auswahlgröße um 25 Pixel zu reduzieren. Aktivieren Sie eines der Auswahlwerkzeuge und bewegen Sie den Pfeil ein paar Mal nach oben und links, um es zu verschieben. Erstellen Sie eine neue Ebene und füllen Sie die Auswahl mit Weiß.
Erweichen Sie es mit Gaußscher Unschärfe.
Reduzieren Sie die Deckkraft auf 20%. Fügen Sie eine Ebenenmaske hinzu und bemalen Sie dann einen Teil der Hervorhebung, um sie auszublenden. Wir möchten es so natürlich wie möglich gestalten.
Wiederholen Sie die vorherigen Schritte, verwenden Sie jedoch dieses Mal Schwarz, um Markierungen hinzuzufügen.
Fügen Sie ein stärkeres Highlight am Lenkrad hinzu. Aktivieren Sie das Pinsel-Werkzeug und klicken Sie mit der rechten Maustaste auf die Leinwand, um die Pinseleinstellung zu öffnen. Weiche Bürste auswählen (Härte: 0%).
Erstelle eine neue Ebene. Aktivieren Sie das Stiftwerkzeug und zeichnen Sie eine Kurve. Klicken Sie mit der rechten Maustaste und wählen Sie "Strichpfad". Wählen Sie im nächsten Dialogfeld Werkzeug: Pinsel. Stellen Sie sicher, dass Druck simulieren ausgewählt ist.
Unten ist das Ergebnis, das wir haben. Sie können dasselbe Ergebnis erzielen, wenn Sie einen Wacom-Stift verwenden und die Druckeinstellung aktiviert ist. Ich benutze auch Wacom, aber ich bevorzuge immer diese Technik - das Stift- und Pinselwerkzeug -, weil das Ergebnis genauer ist.
Wenden Sie Gaußsche Unschärfe an, wenn Sie das Gefühl haben, dass das Highlight zu scharf ist. Filter> Unschärfe> Gaußsche Unschärfe.
Wiederholen Sie den vorherigen Schritt, verwenden Sie jedoch dieses Mal eine kleinere Pinselgröße, um eine stärkere Hervorhebung zu erzielen.
Erstelle erneut eine neue Ebene. Es ist eine gute Angewohnheit, jeden Pinselstrich in einer separaten Ebene zu platzieren. Auf diese Weise können Sie es leicht bearbeiten, wenn Ihnen das Ergebnis nicht gefällt. Malen Sie einen subtilen Schatten in der rechten unteren Ecke.
Neue Ebene erstellen. In der Mitte des Lenkrads weiß lackieren. Machen Sie sich keine Sorgen, wenn das Ergebnis hart erscheint.
Machen Sie das Highlight weicher, indem Sie einen sehr großen Gaussuan Blur-Filter anwenden.
Reduziere die Deckkraft seiner Ebene auf 32%.
Klicken Sie bei gedrückter Strg-Taste auf das Rändelrad, um eine neue Auswahl basierend auf seiner Form zu treffen. Aktivieren Sie das Auswahlwerkzeug und drücken Sie einige Male auf den Abwärtspfeil, um es nach unten zu verschieben.
Auswahl umkehren (Befehl / Strg + Umschalttaste + I).
Befehl / Strg + Umschalt + Alt-Klick auf die Lenkradform, um die aktive Auswahl mit ihrer Form zu schneiden. An diesem Punkt haben wir den oberen Teil des Lenkrads ausgewählt.
Neue Ebene erstellen. Auswahl mit Weiß füllen.
Heben Sie die Auswahl auf (Befehl / Strg + D). Erwecken Sie das Highlight mit Gaußscher Weichzeichnung.
Erhöhen Sie die Deckkraft auf 50%. Markierung außerhalb des Lenkrads löschen.
Malen Sie mehr Highlight in der Mitte des Lenkrads mit der vorherigen Technik. Fügen Sie der Maske Layer Mask hinzu.
Zeichnen Sie einen Pfad, indem Sie den oberen Teil der Lenkradmitte auswählen.
Befehl / Strg-Klick-Pfad, um ihn in eine Auswahl zu konvertieren. Drücken Sie die Befehlstaste / Strg + Umschalttaste + I, um die Auswahl umzukehren. Aktivieren Sie das Pinselwerkzeug und reduzieren Sie die Deckkraft auf 30%. Ausgewählte Maske mit Schwarz bemalen.
Reduzieren Sie die Deckkraft der Hervorhebungsebene auf 20%. Wenn Sie denken, dass die Hervorhebung zu scharf ist, heben Sie die Auswahl auf (Befehl / Strg + D) und wenden Sie dann Gaußsche Weichzeichnung an.
Wenn Sie die Auswahl aufheben, klicken Sie auf Auswählen> Neu auswählen, um die vorherige Auswahl wiederherzustellen. Malen Sie Schatten auf die unten angegebenen Bereiche.
Reduziere die Deckkraft der Ebene auf 35%.
Lassen Sie uns ein stärkeres Highlight auf das Lenkrad ziehen. Pfad zeichnen, neue Ebene erstellen, Rechtsklick und Strichpfad auswählen. Wählen Sie Werkzeug: Pinsel und stellen Sie sicher, dass Druck simulieren aktiviert ist. Reduzieren Sie ggf. die Deckkraft.
Erstellen Sie eine neue Ebene und zeichnen Sie einen anderen hervorgehobenen Schatten auf einem anderen Teil des Lenkrads.
Um ein realistisches Objekt zu zeichnen, müssen wir Unvollkommenheit hinzufügen. Im wirklichen Leben gibt es keine perfekte Beleuchtung, perfekte Textur, perfekte Form oder perfekte Farbe. Lassen Sie uns zunächst einige Falten auf das Lenkrad legen.
Neue Ebene erstellen und Pinselwerkzeug aktivieren. Wählen Sie eine kleine Pinselgröße (1 px oder 2 px). Malen Sie zufällig schwarze Linien an der Ecke des Lenkrads. Im Moment brauchen Sie sich keine Sorgen um das Ergebnis zu machen. Duplizieren Sie die Ebene (Befehl / Strg + J). Aktivieren Sie das Verschiebungswerkzeug und drücken Sie zweimal nach oben und links, um es um 2 px nach oben und rechts zu verschieben. Ändern Sie die Farbe in Weiß, indem Sie die Befehlstaste / Strg + I drücken. Reduzieren Sie die Deckkraft beider Ebenen.
Wiederholen Sie die vorherigen Schritte, um weitere Falten an der anderen Ecke des Lenkrads zu zeichnen.
Wiederholen Sie den gleichen Schritt, aber dies oben am Lenkrad. Legen Sie eine neue Ebene an und malen Sie zufällige Linien auf die Oberseite des Lenkrads. Duplizieren Sie die Ebene, verschieben Sie sie um 2 px nach oben, invertieren Sie die Farbe und reduzieren Sie dann die Deckkraft beider Ebenen.
Neue Ebene erstellen. Verwenden Sie das Pinselwerkzeug, um eine Linie auf einem Teil des Lenkrads zu zeichnen. Zeichne eine schwarze Linie.
Neue Ebene erstellen. Zeichnen Sie eine weiße Linie neben der vorherigen schwarzen Linie. Reduzieren Sie die Deckkraft beider Linien.
Zeichnen Sie mit einem größeren Pinsel-Werkzeug subtile Lichter und Schatten. Stellen Sie sicher, dass Sie eine weitere Unvollkommenheit hinzufügen, indem Sie einige zufällige Linien daneben zeichnen.
Hier ist das Ergebnis bei 100%.
Lassen Sie uns noch eine Unvollkommenheit hinzufügen, diesmal stechen einige Teile des Lenkrads.
Stellen Sie sicher, dass das Pinselwerkzeug aktiv ist, und öffnen Sie die Pinselfenster (F5). Klicken und ziehen Sie in das Erscheinungsbild des Pinsels, um es in eine Ellipse zu verwandeln. Erhöhen Sie den Abstand auf etwa 400%.
Erstellen Sie eine neue Ebene und zeichnen Sie eine schwarze Linie wie unten gezeigt.
Duplizieren Sie die Linienebene mit Befehl / Strg + J. Ändern Sie die Farbe in Weiß (Befehl / Strg + I). Aktivieren Sie das Verschiebungswerkzeug und drücken Sie zweimal auf den Pfeil nach oben und nach rechts, um die neue Ebene um 2 px nach oben und rechts zu verschieben. Reduzieren Sie die Deckkraft der schwarzen Linie auf 50% und die weiße Linie auf 20%..
Machen Sie eine neue Ebene und malen Sie einen dunklen Schatten in der Nähe der Stiche.
Wiederholen Sie den gleichen Schritt, um weitere Stiche auf der anderen Seite des Lenkrads zu zeichnen…
Doppelte Lenkradform und ändern Sie die Farbe in # aea7a1. Fügen Sie einen weiteren Pfad hinzu, um einige Schaltflächen zu platzieren, und setzen Sie den Modus auf Überschneiden. Stellen Sie sicher, dass Sie ihn hinter den Schatten- und Highlights-Gruppen platzieren, an denen wir zuvor gearbeitet haben.
Befehl / Strg-Klick-Form. Neue Ebene erstellen. Malen Sie benötigte Schatten und Highlights.
Erstelle eine neue Ebene und platziere sie hinter der Form. Auswahl mit Schwarz füllen.
Erweichen Sie es mit Gaußschem Blau. Löschen Sie den Schatten außerhalb des Lenkrads.
Malen Sie ein weiteres dezentes Highlight neben dem Schatten. Verwenden Sie einen weichen Pinsel mit einer Größe von 1 px.
Zeichnen Sie eine weitere Vektorform mit der Farbe # 434343 in der vorherigen Form. Fügen Sie Ebenenstil und Abschrägung hinzu.
Unten ist das Ergebnis bei 100% angegeben.
Befehl / Strg-Klick-Form, die wir gerade erstellt haben. Erweitern Sie die Auswahl um 1 px, indem Sie auf Auswählen> Ändern> Erweitern klicken. Erstelle eine neue Ebene und platziere sie hinter der Form. Auswahl mit Schwarz füllen.
Wenden Sie Gaußsche Unschärfe an, um es zu mildern.
Aktivieren Sie das Pinselwerkzeug und zeichnen Sie kleine Highlights rechts oben in der Form.
Zeichne diese Form aus einer Ellipse und transformiere sie. Fügen Sie Layer-Stile-Abschrägung und Verlaufsüberlagerung hinzu und reduzieren Sie die Füllmenge auf 0%.
Zeichnen Sie eine weitere Schaltfläche und wenden Sie dieselben Ebenenstile an.
Verwenden Sie das Typwerkzeug, um eine Beschriftung über der Schaltfläche hinzuzufügen. Sie können die Transformation immer anwenden (Befehl / Strg + T), um sicherzustellen, dass der Text mit der Schaltflächenperspektive übereinstimmt.
Fügen Sie eine weitere Schaltfläche auf der anderen Seite hinzu. Sie können deutlich erkennen, dass ich zu faul bin, andere Etiketten zu verwenden. Sei also kreativ!
Fügen Sie Text oder Logo in der Mitte des Lenkrads hinzu. Sie können Ihr eigenes Logo verwenden, wenn Sie möchten. Hier verwende ich eine Kombination von Zeichen in einem anderen Schriftstil. Wenden Sie den Ebenenstil Abschrägung und Relief an und setzen Sie die Füllung auf 0%..
Klicken Sie bei gedrückter Strg-Taste auf das Logo, und klicken Sie auf Auswählen> Ändern> Erweitern. Erstellen Sie eine neue Ebene und füllen Sie die Auswahl mit einer beliebigen Farbe. Übernehmen Sie den Ebenenstil "Innerer Schatten" und "Verlaufsüberlagerung". Reduziere die Füllung auf 0%.
Fügen Sie weitere Logos hinzu, wenn Sie glauben, dass dies erforderlich ist.
Hier ist unser Ergebnis.
Zeichnen Sie eine Ellipsenform mit Farbe: # 181817 hinter dem Lenkrad. Drücken Sie die Befehlstaste / Strg + T und drehen Sie sie. Drücken Sie die Eingabetaste, wenn Sie mit dem Transformationsergebnis zufrieden sind. Wenden Sie die Ebenenstil-Abschrägung und die Relief- und Verlaufsüberlagerung an.
Fügen Sie eine neue Ebene hinzu und konvertieren Sie sie in eine Schnittmaske. Auf diese Weise geht alles, was wir hier malen, in die Form. Malen Sie einige Schatten hinter der Lenkradform. Malen Sie auf der gegenüberliegenden Seite einige Highlights.
Erstellen Sie eine neue Ebene und zeichnen Sie dann eine weiße Kurve. Duplizieren Sie die Ebene (Befehl / Strg + J). Aktivieren Sie das Verschiebungswerkzeug und drücken Sie zweimal auf den Aufwärtspfeil, um es um 2 px nach oben zu verschieben. Reduzieren Sie die Deckkraft beider Linien, schwarz um 50% und weiß, um 20%.
Duplizieren Sie die Zeilen und platzieren Sie sie ein paar Pixel darüber.
Erstellen Sie eine neue Ebene und malen Sie dezente Lichter in der Mitte der Schaltfläche.
Duplizieren Sie den Button und platzieren Sie ihn auf der gegenüberliegenden Seite. Wir möchten nicht, dass beide Knöpfe zu 100% identisch sind. Ich empfehle Ihnen also, manuell verschiedene Lichter und Schatten zu zeichnen. Wie Sie unten sehen können, ist der linke Knopf viel heller als der rechte.
Zeichnen Sie die unten auf der linken Seite des Lenkrads dargestellte Form mit der Farbe # 434346. Ebenenstil-Überlagerung hinzufügen.
Malen Sie ein großes und dezentes Highlight in der Mitte der Form und ein scharfes Highlight im oberen Teil der Form.
Malen Sie Schatten direkt hinter den vorherigen Schaltflächen.
Hier ist unser Ergebnis.
Zeichnen Sie ein abgerundetes Rechteck mit der Farbe # 2d2c31 hinter dem Lenkrad. Neue Ebene erstellen und in Schnittmaske konvertieren. Malen Sie die obere Form mit Schwarz.
Zeichnen Sie kleinere abgerundete Rechteckform an derselben Position. Wiederholen Sie den vorherigen Schritt, und streichen Sie die Oberseite mit Schwarz.
Hinter dem Lenkrad eine rote Form zeichnen. Fügen Sie den Layer-Stil Inner Shadow und Gradient Overlay hinzu.
Zeichnen Sie manuell eine andere Form über der vorherigen Form mit dunkelgrauer Farbe. Übernehmen Sie den Ebenenstil "Inner Glow" und "Verlaufsüberlagerung".
Markieren Sie den markierten Bereich unten.
Klicken Sie bei gedrückter Befehlstaste auf die Lenkradform. Stellen Sie sicher, dass das Auswahlwerkzeug aktiv ist, und drücken Sie mehrmals auf den Abwärtspfeil. Auswahl mit Schwarz füllen.
Klicken Sie auf Filter> Unschärfe> Gaußsche Unschärfe, um den Schatten abzuschwächen.
Fügen Sie Ebenenmaske hinzu und bemalen Sie den oberen Schatten mit Schwarz, um ihn auszublenden.
Reduziere die Deckkraft auf 20%.
Untere Fläche mit schwarzer Farbe an alles dort streichen.
Zeichne die unten gezeigte Form mit der Farbe # 242524. Neue Ebene erstellen und in Schnittmaske konvertieren (Befehl / Strg + Alt + G). Malen Sie die obere Form mit Schwarz.
Wiederholen Sie den vorherigen Schritt. Zeichnen Sie eine andere Form über der vorherigen Form und bemalen Sie den oberen Bereich mit Schwarz. Legen Sie eine neue Ebene an und malen Sie dann den Schnittpunkt zwischen den beiden Formen mit Schwarz.
Zeichnen Sie das obere Armaturenbrett mit Grau als Farbe. Ebenenstil-Überlagerung hinzufügen.
Neue Ebene erstellen und in Schnittmaske konvertieren (Befehl / Strg + Alt + G). Malen Sie Schatten und markieren Sie die Form.
Bisher ist dies unser Dashboard. Als Nächstes zeichnen wir das mittlere Dashboard. Um uns dabei zu helfen, verstecken wir das Lenkrad.
Wenn Sie die unten gezeigte Form zeichnen, verwenden Sie #eeebdc als Farbe. Neue Ebene erstellen. Drücken Sie die Befehlstaste / Strg + Alt + G, um sie in eine Schnittmaske zu konvertieren. Malen Sie die Ränder mit Schwarz. Sie können die Deckkraft verringern, wenn Sie denken, dass der Schatten zu hart ist.
Unten ist das Ergebnis, wenn das Lenkrad sichtbar ist.
Zeichnen Sie ein abgerundetes Rechteck und ändern Sie einige seiner Punkte, bis wir die folgende Form haben. Ebenenstil hinzufügen Innenschatten. Dies wird das Lüftungsloch sein.
Unten ist das Ergebnis, wenn das Lenkrad sichtbar ist.
Verwenden Sie ein Stiftwerkzeug, um diese Formen auf die Belüftung zu zeichnen. Stellen Sie sicher, dass Sie einige Schatten dahinter zeichnen. Möglicherweise stellen Sie fest, dass Formen, die ich erstellt habe, außerhalb des Lochs liegen. Es spielt keine Rolle, weil das Lenkrad es versteckt hält.
Fügen Sie eine weitere abgerundete Rechteckform für den Griff hinzu. Malen Sie mehr Schatten und zeichnen Sie einige Formen in das Loch.
Fügen Sie einen weißen Strich hinzu, der die Lüftungsöffnung umgibt. Wenden Sie Gaußsche Unschärfe an, um es zu mildern.
Hier ist das Ergebnis mit dem Lenkrad aufgedeckt.
Wir sind fast fertig. Lassen Sie uns das Lenkrad nach hinten zeigen.
Das mittlere Armaturenbrett scheint zu hell. Wir müssen dort mehr Schatten hinzufügen. Klicken Sie bei gedrückter Befehlstaste auf die Lenkradform. Verschieben Sie die Auswahl um einige Pixel nach unten.
Hinter dem Lenkrad eine neue Schicht bilden. Füllen Si