Erstellung Street Fighter in Photoshop

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Final product image — What You'll Be Creating

Das Erstellen von Lichteffekten ist oft ein ziemlich einfacher Prozess. Um diese Lichteffekte des Lebens und der Ähnlichkeit mit realen Objekten zu erreichen, kann es ein wenig mehr Geschick, Geduld und Zeit erfordern. Heute werden wir zeigen, wie man eine Komposition im Stil von Grunge kreiert, die Street Fighter inspiriert hat und Licht-, Foto- und Texteffekte beinhaltet. Lassen Sie uns anfangen!

Trainingsvermögen

Die folgenden Elemente wurden während der Erstellung dieser Lektion verwendet.

Inspiration

Inspiration für diesen Teil war ein Poster aus dem Film Pandorum. Ich mag die Art der "Gravur" -Verarbeitung und insbesondere, wie sie mit dem Rest der Komposition kontrastiert. Mein erstes Ziel in dieser Lektion war es, mich auf diesen Texteffekt zu konzentrieren. Dann - eine Person hineinführen. Ich bin ein großer Fan von Science-Fiction und übernatürlichen Szenen, also wollte ich einen Superhelden erschaffen. Ich möchte eine Figur ähnlich dem Ryu von Street Fighter vorstellen, mit Lichtenergie, als Fortsetzung seines Körpers. Da der Ryu-Energieball zu flach für mich aussah, beschloss ich ein animalisches Gesicht zu kreieren, inspiriert von Cartoons wie Pokemon und dem Harry Potter Film, wo die Hauptcharaktere "magische" Tiere haben, die sie als persönliche Verteidiger kontrollieren können.

Und hier sind einige Nahaufnahmen, so dass Sie einige Details sehen können, die im 600px Vorschaufenster nicht sichtbar sind.

Schritt 1

Erstellen Sie ein neues Dokument in Photoshop. Mein ist 1920 x 1200, das ist meine Bildschirmauflösung, also kann ich es als Hintergrund verwenden. Sie können das gleiche tun. Füllen Sie die Leinwand nach der Erstellung grau (# b8b8b8).

Schritt 2

Erstellen Sie eine neue Ebene und füllen Sie es mit schwarzer Farbe. Stellen Sie sicher, dass Sie weiße und schwarze Farben, wie Vordergrund- und Hintergrundfarben, haben, und gehen Sie dann zu Filter> Render> Clouds. Mein Ziel ist es, diese Wolken in ordentliche lineare Effekte zu verwandeln. Gehen Sie zu Filter > Blur > Motion blur und geben Sie einen Abstand von 999 Pixel und einen Winkel von 0 ein. Stellen Sie die Ebene auf Multiply mit einer Transparenz von 60% ein.

Schritt 3

Legen Sie eine allmählich verschwindene blaue Textur auf und legen Sie sie auf die Leinwand. Erhöhen Sie die Transparenz auf 35%.

Sie können bemerken, dass der linke Bereich dunkler ist als der rechte. Also nehmen Sie Burn Tool (O) und zeichnen Sie um die Ränder des rechten Bereichs, um mehr Texturausgleich zu erhalten.

Schließlich erstellen Sie eine neue Ebene, nehmen Sie einen schwarzen weichen Pinsel (0% Härte) und zeichnen Sie um die Ränder der Leinwand herum. Erhöhen Sie die Transparenz auf 15%. Wir werden den Text in die Mitte stellen. Wir machen die Kanten dunkler, bringen die Aufmerksamkeit des Benutzers auf die Mitte.

Schritt 4

Der Hintergrund ist immer noch flach. Wir werden 3 Anpassungsebenen hinzufügen, um es zu vervollständigen. Beginnen wir mit einer schwarz-weißen Verlaufs-Map (Layer > New Adjustment Layers > Gradient Map), legen Sie die Overlay-Ebene mit einer Transparenz von 70% fest.

Zweitens, fügen Sie eine Ebene für Helligkeit/Kontrast (Layer > New Adjustment Layer > Brightness/Contrasts), einen Helligkeitswert von -18 und einen Kontrast von +80 hinzu.

Schließlich fügen Sie der Karte einen weiteren Farbverlauf hinzu, aber verwenden Sie diesmal die Farben dunkelblau (#082a75) und orange (#ffba00). Stellen Sie die Overlay-Ebene mit einer Transparenz von 40% ein.

Schritt 5

Es ist Zeit, einen Verarbeitungstyp zu erstellen, beginnen Sie mit einem Plus im Psdtuts-Logo. Verwenden Sie das Rechteck-Werkzeug (U), die erste Figur zu schaffen, und dann duplizieren, indem Cmd/Ctrl + J drücken und drehen sie um 90 (eine Form zu drehen, können Sie das Werkzeug Trans aktivieren, indem Cmd / Ctrl + T drücken).

Schritt 6

Erstellen Sie eine neue Ebene, nehmen Sie einen Pinsel mit Polylinien und zeichnen Sie an den Rändern des "+". Wir werden diese Pinsel verwenden, um dem Typ ein schäbiges Aussehen zu geben. Machen Sie sich keine Sorgen über die Farbe, wir ändern sie später mit den Mischoptionen.

Schritt 7

Wählen Sie 3 "Plus" Ebene (2 Rechtecke und Pinsel-Grunge) und drücken Sie Cmd/Ctrl + E, um sie zu einer neuen Ebene zusammenzuführen. Jetzt können Sie die Sichtbarkeit von 3 Original-Layern ausblenden, da wir nur eine weitere vereinigte Ebene verwenden werden.

Klicken Sie mit der rechten Maustaste auf die zusammengeführte Ebene, und wählen Sie die Fülloptionen aus. Fügen Sie zuerst ein rotes Overlay hinzu (#630707).

Zweitens, fügen Sie einen inneren Schatten hinzu, um einen Gravureffekt zu erzeugen. Denken Sie daran, dass diese Werte hängen von der Größe der Rechtecke, so, falls Sie nicht zufrieden mit dem Ergebnis, Experiment mit Abstandswert, Größe und Transparenz

Zum Schluss fügen Sie dem "linearen Clarifier" weiße Schatten hinzu, um den Gravureffekt zu vervollständigen:

Schritt 8

Jetzt müssen wir dem Text den Effekt des zerkratzten Metallhintergrunds hinzufügen. Also laden Sie die Textur aus dem zerkratzten Metall von WeGraphics (die kostenlose Probe funktioniert gut). Legen Sie die Textur der Leinwand Resize (Cmd/Ctrl + T) und stellen Sie die Überlappung Mischmodus. Beachten Sie, dass dieser Effekt nur auf die „Plus“ gilt, so dass die Textur so lange zu bewegen, wie Sie nicht das erwartete Ergebnis.

Schritt 9

Nachdem Sie diese Texturebene aktiviert haben, drücken Sie Cmd/Ctrl + Klick auf die Ebene "+", um ihre Pixel auszuwählen, und klicken Sie auf die Schaltfläche "Ebenenmaske hinzufügen" am unteren Rand des Ebenenfensters. Also die Wirkung einer zerkratzten Textur wird nur auf das Plus beeinflussen. Erhöhen Sie die Transparenz auf 60%.

Schritt 10

Ich denke, dass der Effekt bei der Kombination von weißen und schwarzen Kratzern realistischer aussehen wird. So duplizieren Sie die Textur und entfernen Sie die Ebenenmaske. Bewegen Sie die Textur, so dass die weißen Kratzer mit dem schwarzen nicht überlappen. Drücken Sie Cmd/Ctrl+ I, die Farben und Texturen zu invertieren, stellen Sie den Mischmodus auf Bildschirm. So halten wir nur die weißen Bereiche. Schließlich gilt wieder die Maske, die „+“ als Modell.

Wenn Sie den Transparenzgrad von 100% eingestellt ist, werden Sie ein kleines Problem sehen: die Spitze des inneren Schattens wird weißen Kratzer sein. Keine Sorge, wir werden diese Fehler im nächsten Schritt korrigieren ;-)

Schritt 11

Um die weißen Kratzer unter dem Schatten nach innen zu bewegen, müssen wir jeden Stil auf einer separate Ebene setzen. Glücklicherweise ist es möglich, in Photoshop. Rechtsklick auf die Stile (im Ebenenfenster) und wählen Sie die „Erstellen von Ebenen“.

An dieser Stelle legen Sie einfach die Weiße Riss Schicht zwischen dem inneren Schatten und Farbe füllen. Erhöhen Sie auch die Deckkraft auf 30%, um den Effekt schwer fassbarer zu machen.

Schritt 12

In diesem Schritt müssen wir den Text „TUTPLUS“ (verwendet Edistys Schrift), die gleiche Methode, die wir mit dem „Plus“ Logo verwendet anzuwenden. Experimentieren Sie mit Pinsel und Texturen die Wirkung der Zerstörung des Textes zu erzeugen.

Schritt 13

Zu düsteren Atmosphäre, meiner Meinung nach. So erstellen Sie eine neue Gruppe und wechseln Sie in Mischmodus auf „Color Ausweichen“. Erstellen Sie eine Schicht innerhalb der Gruppe, einen großen weichen gerundeten weißen Pinsel greifen und klicken Sie einmal in der Mitte der Leinwand. Erhöhen Sie die Deckkraft auf 45%. Jetzt hat das Modell mehr sichtbar und hell geworden.

Erstellen Sie eine neue Ebene, wählen Sie die rote Farbe als primäres, einen Pinsel aus meinem Satz von Säurefarbstoffe greifen, und klicken Sie einmal auf der Leinwand. Dann legen Sie den Pinsel, wo Sie wollen. In meinem Fall habe ich es von oben aufgetragen, es fast unsichtbar gemacht.

Schritt 14

Wenn Sie Pandorum Plakat betrachten, werden Sie einen leichten Boden unter dem Behandlungsbereich und der Metalloberfläche feststellen. Ich möchte den gleichen Effekt reproduzieren. Um es zu tun, wählen Sie alle erstellten Schichten so weit und kombinieren sie in eine neue Ebene (Cmd/Ctrl+ E erreicht wird). Benennen Sie diese Ebene „Zusammenführen“. Ausblenden der Sichtbarkeit der anderen Schichten. Wir werden nur auf den Pool für die nächsten Schritte verwenden.

Laden Sie das Bild des Bright Chateau und legen Sie es unter allen anderen Ebenen in ein Photoshop-Dokument. Wählen Sie nun die „kombinierten“ Schicht und eine Ebenenmaske hinzufügen. Mit einem großen weichen Pinsel von schwarzer Farbe, löschen Sie sanft den unteren Bereich, so dass einige Details des Bodens erscheinen.

Der untere Teil nicht übereinstimmt mit der Metalloberfläche. Ich denke, das ist ein Problem in Bezug auf die verwendete Farbe: der untere Teil ist nicht gesättigt genug. Suchen Sie im Hintergrundordner nach der Verlaufsgrafik (blau / orange), halten Sie die Alt-Taste gedrückt und ziehen Sie die Verlaufskarte direkt in den Bereich über dem Boden. Also haben wir die Ebene der Verlaufskarte dupliziert und in den Bereich über dem Boden verschoben.

Schritt 15

Und jetzt, wenn der Hintergrund vorbei ist, können wir uns auf den jungen Mann und die Lichteffekte konzentrieren. Das erste, was zu tun ist, ist, den jungen Mann aus dem Hintergrund zu nehmen und ihn auf die Leinwand zu setzen. Als nächstes wenden Sie die Technik an, die Sie in meiner ersten Lektion gesehen haben (Schritt 14), die für Psdtuts geschrieben wurde, um eine Art HDR-Effekt zu erzeugen: Dupliziere die Ebene mit dem jungen Mann und setze sie als Overlay mit einer Transparenz von 70%; Duplizieren Sie es erneut, aber dieses Mal wenden Sie den Filter "Smart Sharpen" an (Filter > Sharpen > Smart Sharpen), um eine Art schmutzigen Effekt zu erzeugen und Details zu erhöhen. Abschließend duplizieren Sie noch einmal und den Farbkontrast (Filter > Other > High pass) auf die Ebene anwenden, die immer überlappen soll.

Schritt 16

Verwenden Sie das Burn Tool (O), um den linken Bereich der Person zu verdunkeln. Denken Sie daran, dass in den Händen des jungen Mannes Lichteffekte auftreten, und sein Rücken wird dunkel sein

Schritt 17

Unser Superheld ist zu voll. Selektieren Sie alle Schichten der jungen Person und fügen Sie sie zu einer neuen Ebene zusammen (Cmd/Ctrl+ Alt + E). Drücken Sie Cmd/Ctrl+ U, um das Fenster Farbton/Sättigung zu öffnen und reduzieren Sie die Sättigung auf -30.

Schritt 18

Es ist Zeit, einem jungen Mann, der nach einem Kampf eher wie ein schmutziges Kind aussieht als ein Superheld, ein paar Details hinzuzufügen. Erstellen Sie eine neue Ebene, vergrößern Sie das Auge und malen Sie mit einem weißen Pinsel darüber. So wird der Superheld wie in einem Trancezustand aussehen.

Schritt 19

Ein weiterer cooler Teil, über den wir arbeiten werden - ist eine Narbe. Es kann mit Hilfe eines Pinsels auf die Schulter eines jungen Mannes gemalt werden. Ich benutze ein Tablet, es ist bequemer, drei Schnitte zu erstellen. Nachdem Sie einen dunkelroten Pinsel (etwa 5 Pixel) ausgewählt haben, öffnen Sie bei einem Tablett das Fenster "Pinsel" und aktivieren Sie das Kontrollkästchen "Dynamische Form", damit die Stärke des Pinsels vom Druck Ihres Stiftes abhängt.

Erstellen Sie eine neue Ebene und bewegen Sie sie unter die rote Narbe. Verwenden Sie immer einen Pinsel, aber wählen Sie diesmal Weiß als Vordergrundfarbe, und zeichnen Sie die Ränder der Narbe. Jetzt wird es realistischer aussehen.

Schritt 20

Jetzt können wir mit Lichteffekten experimentieren. Erstelle eine neue Gruppe und nenne sie "Lichteffekte". Erstelle eine Ebene innerhalb der Gruppe und nimm einen Pinsel mit einem Raucheffekt. Beginnen wir mit dem Licht, das aus den Händen kommt. Wählen Sie einen Pinsel aus der Bibliothek und klicken Sie einmal auf die Leinwand.

Versuchen Sie sich vorzustellen, wie dieser Rauch-Effekt der Position des Superhelden entsprechen kann. Ändern Sie die Größe, drehen und wenn nötig, entfernen Sie es und wiederholen Sie mit einem anderen Rauch.

Verwenden Sie den Radiergummi (E) oder die Ebenenmaske, um einige Rauchbereiche zu entfernen.

Schritt 21

Sie werden feststellen, dass der Rauch nicht monochrom ist. Das liegt daran, dass ich eine Farbverlaufsüberlagerung anwendete, beginnend mit einem hellen Azur (#cffeff) bis zu einem hellen Gelb (#fffeeb).

Schritt 22

Erstellen Sie mit der Methode aus Schritt 20 eine zweite Lichtspur.

Schritt 23

Um eine Schnauze eines Tigers zu kreieren, brauchen wir ein Muster. Laden Sie diesen Tiger herunter und öffnen Sie das Bild in Photoshop. Ziehen Sie mit dem Stiftwerkzeug oder dem Lasso-Werkzeug ungefähr den Kopf des Tieres und ziehen Sie es auf die Hauptleinwand. Platzieren Sie es dort, wo Sie den Lichteffekt platzieren möchten.

Machen Sie das Bild farblos (Cmd/Ctrl + Shift + U) und senken Sie es ab, dies hilft Ihnen bei der Erstellung dieses Lichteffekts.

Schritt 24

Das Ergebnis kann cool sein, aber der Prozess, einen Tigermaul zu kreieren, ist nicht so interessant. Erstelle eine neue Ebene und klicke einmal mit einem Rauchpinsel.

Achten Sie auf die Form des Rauches. Finden Sie Bereiche, die verschiedenen Teilen der Tigermündung dienen können. Hier habe ich etwas gefunden, das einem Tigerzahn ähnelt.

Bewegen Sie es in die entgegengesetzte Richtung.

Am Ende verwenden Sie den "Radiergummi", um alle anderen Teile des Rauchs zu entfernen.

Schritt 25

Setzen Sie den Prozess auf die gleiche Weise fort. Konzentrieren Sie sich auf kleine Details von Rauch, bewegen sie vom Tiger, um zu sehen, wie es aussehen wird. Wenn Sie die Schicht aus Licht duplizieren wollen den Effekt zu verstärken.

Schritt 26

Manchmal verstecken Sie die Tigerschicht. So können Sie den Effekt, indem die Bürsten Rauch einzustellen, wie es vorziehen. Sie müssen die Linie nicht genau reproduzieren.

Schritt 27

Wie Sie sehen können, ist diese Methode sehr einfach zu bedienen. Sie können verschiedene Pinsel verwenden und weitere Details hinzufügen. Sie können auch mit Farben experimentieren, um ein anderes Ergebnis zu erzielen. Alles, was Sie brauchen, ist Geduld - weil es ein einfacher Prozess, aber langsam ist. Nach einer Stunde Arbeit, die ich getan habe.

Schritt 28

Die Zusammensetzung ist fast abgeschlossen, aber es ist etwas anderes, das wir tun können. Erstellen Sie eine neue Gruppe und wechseln Sie in den Füllmodus. Wie Sie wissen, werden wir diese Gruppe verwenden, um die endgültigen Lichtpunkte in unserer Arbeit hinzuzufügen. Erstellen Sie eine Ebene innerhalb der Gruppe, nehmen Sie einen weichen, großen Pinsel mit weißer Farbe und wenden Sie ihn über die Lichteffekte an. Erhöhen Sie die Transparenz der Schicht oder der Effekt wird zu stark ausgeprägt.

Hier ist der letzte Lichteffekt.

Endgültiges Bild

Hier ist das Endergebnis. Ich hoffe, dass dir die Lektion gefallen hat und du in Photoshop einige neue Tricks gelernt hast.