In diesem Lernprogramm werden die Funktionen von Photoshop als Rendering-Tool beschrieben, mit dem Sie Vektor-Illustrationen mit Rastereffekten zum Leben erwecken können. Mit nur wenigen Farbtechniken, nämlich Anpassungsebenen, Ebenenmasken und Ebenenstilen; Sie werden feststellen, dass der Prozess sich sehr oft wiederholen kann, was zu einem ziemlich intuitiven und effizienten Arbeitsablauf führt. Lass uns anfangen!
Öffnen Sie die Datei spacecadetBASE.psd aus dem Quellordner Ihres Downloads. Dort werden Sie mehrere von Illustrator eingefügte Ebenengruppen finden, indem Sie einfach verschiedene Vektorelemente nacheinander in eine leere Photoshop-Datei kopieren und einfügen. Diese bestimmte Datei sollte Folgendes enthalten:
Fügen Sie eine Einstellungsebene direkt über der Gruppe "Cadet" hinzu. Das Menü für die Einstellungsebenen befindet sich unten auf der Registerkarte "Ebenen". Klicken Sie auf der Registerkarte Anpassungen auf die Verlaufsleiste, um den Verlaufseditor aufzurufen. Wählen Sie unter den Voreinstellungen die Standardgradientenkarte "Blau, Rot, Gelb" aus.
Fügen Sie eine weitere Verlaufskarte über der Gruppe "Roboterhintergrund" hinzu. Diesen neuen Verlaufs-Karten-Layer wollen wir in "rote Atmos" umbenennen. Gehen Sie zum Verlaufseditor und wählen Sie die Standardkarte "Rot, Grün". Wenn Ihr Bild invertiert aussieht, wechseln Sie im Gradient-Editor die roten und grünen Blenden auf entgegengesetzte Enden der Spur. Doppelklicken Sie nun auf den grünen Anschlag und ändern Sie die Farbe in ein dunkles Braun (# 2f1900)..
Wählen Sie die Ebene "Lichter" unter der Gruppe "Cadet" aus. Wenden Sie eine Ebenenmaske an. Wählen Sie das Pinselwerkzeug aus und stellen Sie es mit einem Durchmesser von 30px auf 0% Härte ein. Setzen Sie Ihre Vordergrundfarbe auf Schwarz und beginnen Sie mit dem Ausblenden der Lichter, wie unten gezeigt. Sie können auch den Prozentsatz "Deckkraft" und "Fluss" des Pinsels anpassen, um dessen Stärke zu steuern. Aktivieren Sie auch die Airbrush-Einstellung.
Lassen Sie uns versuchen, unserer Kadettenfigur etwas mehr Schatten hinzuzufügen. Wählen Sie "Layer 1 copy 4". Gehen Sie zum Einstellungsebenen-Menü und wählen Sie 'Levels'. Drücken Sie 'Cmd / Strg + Alt + G', um die Maske mit der Kadettenebene zu versehen. Passen Sie die Höhe der Hervorhebung auf etwa 127 an. Klicken Sie auf die Ebenenmaske und wählen Sie das Verlaufswerkzeug. Klicken Sie bei einer linearen Steigungseinstellung auf die linke Schulter und ziehen Sie sie von der oberen Schulter zum unteren Oberschenkel des Kadetten. Stellen Sie sicher, dass Schwarz der vordere Farbton ist, Weiß der Hintergrund in Ihren Farben.
Fügen Sie nun eine zweite Einstellungsebene für "Ebenen" hinzu, schneiden Sie sie ab und ändern Sie den Hervorhebungs-Eingangspegel auf etwa 230.
Duplizieren Sie die Ebene "Lichter". Bewegen Sie es unter das Original und schneiden Sie die Maske ab.Cmd / Ctrl + CLICK 'auf der Ebene, um diese' marschierenden Ameisen 'oder eine Laufschriftauswahl zu erstellen. Gehen Sie zum Hauptmenü und wählen Sie Filter> Weichzeichnen> Gaußsche Weichzeichnung. Stellen Sie den Radius auf ungefähr 4,4 ein. Drücken Sie Cmd / Strg + D, um die Auswahl aufzuheben.
Duplizieren Sie die in Schritt 2 vorgenommene Einstellungsebene für "rote Atmos", indem Sie darauf klicken und Cmd / Ctrl + J drücken. Bewegen Sie die Kopie über die Ebene "Hervorhebungskopie" und schneiden Sie die Maske mit der Clipmaske ab. Bisher haben wir angenommen, dass die Hauptlichtquelle von links oben kommt. Folgen Sie dieser Logik, während Sie mit einem weichen schwarzen Pinsel maskieren, wodurch bestimmte Punkte etwas heller werden.
Jetzt ist der Roboter an der Reihe. Wählen Sie die Roboterebene in der Gruppe aus (Kopie der Ebene 2). Fügen Sie eine Ebene für die Ebenenanpassung hinzu, maskieren Sie sie (Cmd / Ctrl + Alt + G) und setzen Sie den Hervorhebungspegel auf 105. Erstellen Sie eine zweite Ebene für die Pegelanpassung, schneiden Sie die Maske ab und setzen Sie den Eingangspegel für die Hervorhebung auf etwa 233.
Kopieren Sie die Kadettenebene (Ebene 1, Kopie 4) und fügen Sie sie in die Robotergruppe ein. Benennen Sie die Ebene in "shadow" um und drücken Sie STRG + L, um ein Ebenenfenster aufzurufen. Setzen Sie den Ausgabepegel für die Hervorhebung auf 0. Als nächstes schneiden Sie die Maske ab und setzen Sie den Mischmodus auf "Überlagerung". Senken Sie die Deckkraft des Masters auf 60%..
Suchen und duplizieren Sie den Gradienten-Karten-Layer "Rote Atmos" und platzieren Sie ihn über dem Schatten-Layer. Clip maskieren Sie es und verwenden Sie einen weichen schwarzen Pinsel, um den Ursprung Ihrer Lichtquelle wie zuvor zu maskieren.
Wählen Sie die rote Kopie der Atmos-Ebene aus und duplizieren Sie sie. Benennen Sie die Ebene in 'blaues Overlay' um. Clip maskieren Sie es und ändern Sie die Stoppfarben im Verlaufseditor in dunkelblau (# 1f03af) und hellblau (# 02fffe). Schieben Sie den dunkelblauen Anschlag auf etwa 15%..
Fügen Sie eine Anpassungsebene für die Farbfüllung hinzu, machen Sie sie rot (# ff0000) und schneiden Sie diese Maske ab. Wählen Sie nun die Ebenenmaske aus und drücken Sie Cmd / Ctrl + I, um die Maske in Schwarz umzukehren. Mit einem weichen weißen Pinsel beginnen Sie, etwas Rotes an der Unterseite des Roboters sichtbar zu machen. Dadurch soll es visuell auf die Effekte reagieren, die wir in den folgenden Schritten dem Boden hinzufügen.
Wählen Sie die Panels-Ebene und Cmd / Ctrl + klicken Sie darauf, um eine Auswahl auszuwählen. Wählen Sie das Verlaufswerkzeug und setzen Sie es auf einen radialen Verlaufsmodus. Klicken Sie in der Mitte der Auswahl auf + halten und ziehen Sie sie nach außen, um sie auf dem Boden anzuwenden. Deaktivieren Sie die Ebene.
Duplizieren Sie die Verlaufskarte "rote Atmos" und schneiden Sie sie in die Rasterebene. Verwenden Sie das Verlaufswerkzeug, um eine radiale Verlaufsmaskierung anzuwenden. Schwarz sollte die zentrale Nuance sein.
Lassen Sie uns jetzt ein Glühen auf das Raster anwenden. Klicken Sie auf das Menü "fx" am unteren Rand der Registerkarte "Layer" und wählen Sie "Glow" aus. Kopieren Sie die unten gezeigten Einstellungen.
Wenden Sie eine invertierte Ebenenmaske auf die Rasterebene an (halten Sie die Alt-Taste gedrückt und klicken Sie auf die Option Ebenenmaske). Setzen Sie die Hintergrundfarbe auf Weiß und legen Sie das Raster diesmal mit einem weichen Radiergummi frei (wenn Sie den Pinsel verwenden möchten, setzen Sie die Vordergrundfarbe auf Weiß). Sie können die in der nachstehenden Abbildung gezeigten Radierereinstellungen verwenden. Vergewissern Sie sich, dass die Airbrush-Einstellung aktiviert ist.
Fügen Sie der Ebene 5 der Gruppe "Roboterhintergrund" eine Ebene für die Anpassung der Ebenen für die Ebene "Ebene 5" hinzu. Stellen Sie die Hervorhebungsstufe auf 93 ein. Wenn Sie möchten, können Sie auch bestimmte Bereiche etwas ausblenden.
Erstellen Sie eine neue Ebene innerhalb der Gruppe. Befehl / Strg + Klicken Sie auf die Ebene 5, um eine Auswahlliste zu erstellen. Wählen Sie das Laufschriftwerkzeug aus und klicken Sie mit der rechten Maustaste. Wählen Sie Strich und wenden Sie in der Mitte eine Breite von 1,5 px an. Fügen Sie einen äußeren Schein mit einem gelben (# fff145) hinzu. Stellen Sie sicher, dass Ihre Farbe weiß ist. Verwenden Sie die Ebenenstileinstellungen unten.
Fügen Sie nun eine Ebenenmaske hinzu (Alt + Klick). Decken Sie das Glühen mit einem weichen weißen Pinsel wie unten gezeigt auf.
Wählen Sie Ebene 6 in der Roboter-Hintergrundebene. Wenden Sie eine Clip-maskierte Pegelanpassung mit einem Markierungsausgangspegel von etwa 40 an. Maskieren Sie die Maske, damit das Objekt von etwas Licht getroffen wird.
Kehren wir nun zu unserem Kadett zurück und fangen an, etwas mehr "Blitz" auf ihr Aussehen anzuwenden. Gehen Sie zur Gruppe "Glows"> Untergruppe "Cadetglows". Fügen Sie eine neue Ebene hinzu und nennen Sie sie "rote Kontur". Cmd / Ctrl + Klicken Sie auf "Schicht 1 Kopie 4" unter der Gruppe "Cadet", um eine Auswahl auszuwählen. Wenden Sie in der Mitte in der Ebene mit der roten Umrandung einen Strich von 2 Pixel an.
Fügen Sie dem Strich ein äußeres Glühen (# ff4242) und eine Farbüberlagerung (# ff7376) hinzu.
Wenden Sie eine invertierte Ebenenmaske an und decken Sie einige Bereiche mit einem weichen weißen Pinsel oder Radiergummi auf.
Einblenden der Ebene 9. Wenden Sie einen äußeren Schein an (# ff2099)
Wiederholen Sie Schritt 22
Wiederholen Sie Schritt 22, um Ebene 9 (Cmd / Ctrl + J) zu duplizieren. Dadurch werden bestimmte Bereiche noch stärker hervorgehoben.
Blenden Sie die Ebene 10 ein und erstellen Sie eine doppelte Ebene (Cmd / Ctrl + J). Blenden Sie das Duplikat aus.
Wählen Sie die Ebene 10 und wenden Sie einen äußeren Schein (# ff3636) und eine Farbüberlagerung (# ff000c) an. Machen Sie eine invertierte Ebenenmaske und decken Sie sie mit einem weichen weißen Pinsel am unteren Rand der Stiefel auf.
Blenden Sie "Ebene 10-Kopie" ein und fügen Sie einen äußeren Schein (# ffbf36) und eine Farbüberlagerung (# feabf9) hinzu.
Fügen Sie eine Ebenenmaske hinzu und verstecken Sie sich an bestimmten Stellen mit einem weichen schwarzen Radiergummi, damit die Materialität weniger flach erscheint.
Fügen Sie auf Ebene 13 auch einen Ebenenstil hinzu. (äußeres Glühen: # ff15cb, Farbüberlagerung: #fffbbf). Wenden Sie eine invertierte Ebenenmaske an und beginnen Sie mit einem weißen Pinsel.
Fügen Sie auf Layer 21 ein äußeres Glühen und eine Farbüberlagerung (beide # 3ae1ff) hinzu..
Jetzt duplizieren wir die rote Umrissebene, die Sie in Schritt 20 erstellt haben, und benennt sie in "Magenta-Umriss" um. Wählen Sie die Ebenenmaske aus, drücken Sie die Tastenkombination Cmd / Strg + L, und stellen Sie den Schattenausgabepegel auf 255 ein, um ihn vollständig weiß zu machen und alles anzuzeigen. Ändern Sie die äußere Glutfarbe (# fd64ff)
Befehl / Strg + Klicken Sie auf Layer 10, um eine Auswahlliste zu erstellen. Wählen Sie das Auswahlwerkzeug und stellen Sie den Subtraktionsmodus ein. Klicken und ziehen Sie über die gesamte Auswahl, außer für den Helm. Nur die Helmauswahl sollte wie unten gezeigt bleiben. Wenden Sie jetzt einen 2px-Hub in der Mitte an.
Invertieren Sie die Ebenenmaske (Cmd / Ctrl + I) und decken Sie sie auf, je nachdem, wo Sie Ihre Lichtquelle wahrnehmen.
Lassen Sie uns jetzt ein wenig Funkeln hinzufügen. Erstellen Sie eine neue Ebene und beschriften Sie sie "funkelt". Wählen Sie das Linien-Werkzeug (drücken Sie U) und stellen Sie den Modus "Pixel füllen" ein. Zeichnen Sie zwei 2px-Diagonalen, die sich in der Mitte schneiden. Verwenden Sie dann einen weichen 46px-Pinsel mit einer Fließ- und Deckkrafteinstellung im Bereich von 60% und wenden Sie ihn mit wenigen Klicks in der Mitte an. Gehen Sie schließlich mit einem weichen 48px-Radiergummi hinein und löschen Sie die Enden der beiden Liniensegmente.
Wählen Sie das Verschiebungswerkzeug (V) und halten Sie die Alt-Taste gedrückt. Ihr Mauszeiger sollte zu einem doppelten weißen / schwarzen Zeigerpfeil werden. Halten Sie die Alt-Taste gedrückt und ziehen Sie die Glitzerebene über die gesamte Kadettenfigur. Halten Sie die Umschalttaste gedrückt, und wählen Sie alle duplizierten Ebenen aus, und fügen Sie sie zusammen, indem Sie die Tastenkombination Cmd / Strg + E drücken.
Aktivieren Sie alle Ebenen in der Gruppe "Roboterlicht". Befehl / Strg + Klicken Sie auf "Ebene 1 Kopie 4" (unter Kadettgruppe). Wählen Sie den Ordner robotglows und Alt + Klicken Sie auf die Ebenenmaske. Dadurch wird alles verborgen, was die Kadettenfigur innerhalb dieser Gruppe visuell blockiert.
Alle Ebenen unter der Gruppe mit Ausnahme von Ebene 12 ausblenden. Ein äußeres Glühen (# 7dfbf7) und eine Abdeckungsüberlagerung (#fffcaa) anwenden..
Tragen Sie eine invertierte Ebenenmaske auf und legen Sie sie mit einem weichen Pinsel frei.
Erstellen Sie eine neue Ebene und benennen Sie sie in "Gliederung" um. Cmd / Ctrl + Klicken Sie unter der Robotergruppe auf "Layer 2-Kopie", um eine Auswahlliste zu erstellen. Wenden Sie in der Mitte einen 2px-Hub an.
Wenden Sie ein äußeres Glühen (# c0f8fc) an, fügen Sie eine invertierte Maske hinzu und legen Sie mit einem weichen Pinsel frei.
Duplizieren Sie nun die Ebene, benennen Sie sie in "rote Kontur" um und ändern Sie ihre Leuchtfarbe (# ff3c3c). Stellen Sie die Maske auf Schwarz ein und zeigen Sie einige Umrisse entlang der Basis des Roboters.
Aktiviere die Ebene 20. Lege einen äußeren Schein auf (# 49ffa3).
Wiederholen Sie Schritt 43 für Layer 23. Maskieren Sie den Bereich, der die Abbildung des Vordergrundroboters überlappt, wie unten gezeigt.
Zeit, dem Hintergrund mehr Details hinzuzufügen. Erstellen Sie einen neuen Ordner direkt unter der Gruppe 'Lazerz' und nennen Sie ihn 'Sternenfeld'. Erstelle eine neue Ebene und benenne sie als "Sterne". Wählen Sie das Pinselwerkzeug aus und stellen Sie es auf 7px 100% Härte, Deckkraft und Fluss ein. Klicken Sie hier, um eine Reihe von Punkten zu machen.
Dupliziere nun diese Ebene (Cmd / Ctrl + J) und drücke Cmd / Ctrl + T, um die Transformationsbox aufzurufen. Verkleinern Sie die Ebene, und drücken Sie zur Bestätigung die Eingabetaste.
Halten Sie bei ausgewähltem Verschiebungswerkzeug Alt + Klicken und ziehen Sie die Ebene, um mehrere Kopien zu erstellen.
Wählen Sie alle Sternebenen und Cmd / Ctrl + E aus, um sie zusammenzuführen. Fügen Sie eine Ebenenmaske hinzu und maskieren Sie an bestimmten Stellen, um eine gewisse Abweichung in Helligkeit und Tiefe zu erzeugen. Klicken Sie mit der rechten Maustaste auf die Ebenenmaske und klicken Sie auf "Ebenenmaske anwenden"..
Wiederholen Sie Schritt 46
Wiederholen Sie die Schritte 45 bis 49, bis Sie ein ähnliches Ergebnis wie das folgende erhalten
Erstellen Sie eine neue Ebene und nennen Sie sie "Sternschnuppen". Zeichne eine weiße diagonale 2px-Linie. Wenden Sie ein äußeres Glühen (# fc2cff) und eine Farbüberlagerung (# ffeb8c) an..
Verwenden Sie einen weichen Radiergummi, um ein Ende der Zeile auszublenden.
Zeichnen Sie auf diese Art und Weise weitere Linien.
Unser Sternenfeld blockiert derzeit unsere Roboter-Hintergrundgruppe. Beheben Sie das Problem, indem Sie mit gedrückter Umschalttaste + Befehlstaste + Strg + die Hintergrundebenen des Roboters (Layer 5 & 6) anklicken und der Starfield-Gruppe eine Layer-Maske hinzufügen, indem Sie die Alt-Taste + klicken und auf die Layer-Maskenoption klicken.
Schalten Sie die 'Lazerz'-Gruppe ein. Wenden Sie auf beiden Ebenen innerhalb der Gruppe ein äußeres Glühen (# bc53ff), ein inneres Glühen (# 06fff6) und Farbüberlagerungen (# fcd7e2) an.
Wenden Sie eine Ebenenmaske auf beide Ebenen an und maskieren Sie vom Fluchtpunkt nach außen wie unten gezeigt.
Wiederholen Sie den Vorgang in Schritt 54 für die Lazerz-Gruppe.
Es ist jetzt an der Zeit, einige atmosphärische Effekte von subtil bis substanziell anzuwenden. In der nächsten Serie von Bildern achten Sie besonders auf die verschiedenen Mischmodi, die Deckkraft und andere Einstellungen. Beginnen wir damit, eine 'Atmosphären'-Gruppe direkt unterhalb der' Text'-Gruppe zu erstellen. Fügen Sie eine Verlaufsanpassungsebene hinzu, setzen Sie sie auf einen radialen Stil und erstellen Sie eine benutzerdefinierte dreifarbige Palette mit # d5fff5, # 9076ff, # 03f0ff (von links nach rechts). Setzen Sie den Deckkraftstopp für # 03f0ff auf 0%. Um eine dritte Haltestelle zu erstellen, klicken Sie einfach auf eine beliebige Stelle unterhalb der Farbspur im Verlaufseditor.
Erstellen Sie eine neue Ebene und wählen Sie das Pinselwerkzeug aus. Stellen Sie den Durchmesser mit einer Flusseinstellung von 27% auf ungefähr 1000px ein. Klicken Sie mehrmals auf den Torso der Figur.
Passen Sie den Mischmodus, die Deckkraft und die Füllung der Ebene an. Wenden Sie eine umgekehrte Maske an und beginnen Sie mit der Enthüllung. Die atmosphärischen Auswirkungen können nun sehr subtil sein, so dass viel Spielraum für Abweichungen besteht. Von hier aus sehen Sie einige Beispiele meiner eigenen Maskierungsdichte.
Fügen Sie eine weitere Verlaufsebene mit zwei Stoppfarben (# ff7676, # ae00ff) und in einem radialen Stil hinzu. Legen Sie die Stop-Opazität für # ae00ff auf 0% fest. Klicken Sie im Verlaufseditor auf OK. Bewegen Sie das Fenster mit dem Verlaufsfenster immer noch nach oben, und verschieben Sie es an den unteren Rand der Leinwand. Sie müssen dazu das Verschiebungswerkzeug nicht auswählen.
Fügen Sie eine Ebenenanpassungsebene hinzu. Setzen Sie die Hervorhebungsausgabe auf 76 und wenden Sie eine Ebenenmaske an. Dies soll helfen, den Fokus im Stück zu betonen.
Fügen Sie eine neue 3-Punkt-Farbverlauf-Einstellungsebene hinzu und setzen Sie die Endfarben auf # c1f7ff, # a3fffc, # c6fff0 (von links nach rechts). Klicken Sie über der Farbspur, um einen Deckkraftstopp in der Mitte hinzuzufügen. Setzen Sie die Deckkraftstopps an einem Ende der Spur auf 0%..
Duplizieren Sie die hellblaue Farbverlaufsfüllung und wenden Sie eine Ebenenmaske mit einem radialen Farbverlauf an.
Nun zum letzten Schliff. Öffnen Sie die Gruppe "Text". Duplizieren Sie die Ebene '10000LYIS' und behandeln Sie beide Ebenen wie in der Abbildung unten gezeigt. Die für den Text verwendete Schriftart kann hier heruntergeladen werden: Star Jedi
Erstellen Sie einen 2px-Konturstrich in einer neuen Ebene. Fügen Sie ein äußeres Glühen (# ffd257) hinzu und wenden Sie eine Maske an.
Platzieren Sie die Extrusionsschicht in einer neuen Gruppe. Wenn der neue Ordner noch ausgewählt ist, klicken Sie bei gedrückter Befehlstaste auf die 10000LYIS-Ebene, und klicken Sie bei gedrückter Alt-Taste auf die Option für die Ebenenmaske.
Fügen Sie einen neuen Verlaufs-Karten-Layer hinzu und schneiden Sie ihn mit der Maske (Cmd / Strg + Alt + G) zur Extrusionsebene. Stellen Sie die Stoppfarben auf # ff0000 und # fffc00 ein.
Fügen Sie eine weitere Clip-maskierte Verlaufskarte mit den Stoppfarben # d800ff und # 00f6ff hinzu. Invertieren Sie die Ebenenmaske (Cmd / Strg + I) und maskieren Sie sie entsprechend.
Erstellen Sie eine 2px-Kontur-Strich-Ebene der Extrusion in einer neuen Ebene und fügen Sie ein Glühen hinzu (# 57fff5).
Suchen Sie die Gruppenmaske 'Lazerz' und maskieren Sie den Teil, der die Ansicht des Texts wie gezeigt behindert.
Fügen Sie etwas Funkeln hinzu, wie wir es in den Schritten 35 und 36 getan haben.
Als letztes müssen wir die Figur ein wenig "erden", so dass wir eine einfache Reflexion erstellen. Suchen Sie die Ebene mit der Figur, kopieren Sie sie und fügen Sie sie ein. Umbenennen wir es in 'Reflektion'. Cmd / Strg + T, klicken Sie mit der rechten Maustaste und wählen Sie 'Vertikal spiegeln'. Bewegen Sie es wie gezeigt unter die Füße des Kadetten. Drücken Sie Cmd / Strg + I, um die Reflexionsschicht zu invertieren.
Verschieben Sie die Ebene an den unteren Rand der Gruppe und wenden Sie die unten angegebenen Ebeneneinstellungen an.