So erstellen Sie stilisierte Spielgrafik

Sep 16, 2025

wie man

Der Kunststil des First-Person-Überlebens-Videospiels Lang dunkel kann täuschend schwierig sein, sich zu erfassen. Der Stil aus dem Videospiel kann entweder zu realistisch oder zu wunderbar aussehen. Wir möchten, dass der Spieler das Gefühl hat, in eine Welt zu treten, die sich vertraut fühlt, aber auch einzigartig - eine Welt sowohl schön als auch gefährlich.

In diesem Photoshop-Tutorial. , Gehen Sie durch meinen Prozess, um den Stil der ruhigen Apokalypse zu erfassen.

Holen Sie sich Photoshop CC hier

Von den frühen Tagen des Spiels wollten wir, dass der Kunststil als malerisch stößt. Der Kunststil wurde in einem kollaborativen Prozess von den Konzeptkünstlern, den 3D-Künstlern und den Tech-Künstlern im Hinterland erreicht.

Ich kann die Grundlagen auf diese Weise zusammenfassen: breite Bereiche der subtilen Textur, die in scharfen und einfachen Silhouetten eingeschlossen sind.

Ich nehme Sie durch meinen Prozess, wo wir die Formen verwenden, die wir in der Skizze als Grundlage für die endgültigen Silhouetten erreichen. Mit einfachen Zusammensetzungsanleitungen, um sicherzustellen, dass das Gesamtbild ausgewogen ist, geben wir dem Bild ein malerisches Aussehen mit Texturbürsten und mutigen Pinselstrichen. Wir können diese starken Silhouetten und mutigen Formen mit einem meiner Lieblings-Geheimwaffen behalten: Photoshops Lasso-Tool.

Wir fügen ein weiteres Wildtier, den Elch, der Liste der Gegner hinzu, die Sie im Spiel stoßen könnten. Und wir werden die Illustration um diesen Riesigen des Waldes konzentrieren.

01. Gönnen Sie sich (oder Client) -Optionen

Creating thumbnails with composition options aids the artist and the client — Erstellen von Thumbnails mit Kompositionsoptionen hilft dem Künstler und dem Kunden

Die Aufgabe bestand darin, den Elche mit Wasser, in der Nähe von Birken, und mit CATTAILS prominent zu haben, die sie essen. Es gibt viele Möglichkeiten, diese Elemente zu erfassen. Ich kam mit 12 Thumbnails auf, um mir Optionen zu geben und Ideen zu generieren. Ich kam mit beiden Optionen der ersten und der dritten Person, für die Kreativer Direktor. und künstlerischer Leiter übersehen.

02. So viele Probleme wie möglich lösen

Next stage is to refine the chosen thumbnail — Nächste Stufe ist, das gewählte Miniaturbild zu verfeinern

Das ausgewählte Miniaturbild zeigt starke Vorder- und Hintergrundelemente und ein gutes Maß an Skala für den Elch. Ich verfeinerte es mit einem Zusammensetzungshandbuch, der die Mitte des Bildes identifiziert, und das Rechtsregel. .

Die Horizontlinie befindet sich jedoch in der Mitte des Rahmens, links und rechts sind gleichermaßen gewichtet, und die unteren linken Cattails sind ablenkend. Also senke ich den Horizont auf dem Boden dritten, passen Sie die Inszenierung des Elchs an und fügen Sie die Birken hinzu.

Pro Secret: Kompositionskontrollen

Verwenden Sie Werkzeuge, um das Zentrum herauszufinden und Rechtsregel. . Diese können Ihnen helfen, eine angenehme Komposition zu stecken und dumme und Amateurfehler zu vermeiden, z. B. den Horizont an den mittleren Punkt des Rahmens.

03. Organisieren Sie Ihre Skizze

Spend some time developing the composition — Verbringen Sie einige Zeit damit, die Komposition zu entwickeln

Ich verbringe Zeit damit, eine gut komponierte Skizze in Photoshop zu entwickeln und in die Ebenen aufzuteilen. Dies hilft mir, die Skizzenformen in der letzten Malerei zu verwenden.

Ich nehme auch ein paar hochauflösende Bildschirmspalte aus dem Spiel und nutzen Sie diese Screenshots als Referenz, um sowohl die Arbeit im Stil der langen Dunkelheit und als Basis für Textur zu halten. Ich benutze die Formen der Skizze als Beschneidungsmaske ( Klicken Sie mit der rechten Maustaste mit der rechten Maske ) Für die Pinselstriche und Texturen.

04. Haben Sie keine Angst, die Transformation-Tools zu verwenden

Free Transform and Warp will help you get the concept just right — Free Transform und Warp hilft Ihnen, das Konzept genau richtig zu machen

Ich verwende weiterhin die etablierten Formen der Skizze als Beschneidungsmaske, beginnend mit dem Elch. Ich habe das ursprüngliche Elch-Design für das Spiel konzeptioniert, also verwende ich das etablierte Konzept, um in der Form des Tieres zu blockieren.

Ich benutze die kostenlosen Transformations- und Warp-Tools ( Cmd + t. , Rechtsklick & GT; Warp ) nach Bedarf, um es meist richtig auszusehen, und lackieren Sie auf den übrigstens übrig.

05. Verbessern Sie den Fokuspunkt

Lift the focal point from the background — Heben Sie den Fokuspunkt vom Hintergrund an

Ich benutze einen Farbton- und Sättigungsschicht, um den Vordergrund einzunehmen, und die Bäume, um den Kopf des Elchs zu rahmen. Ich benutze dann die Clipping Maske wieder und dupliziert die Farbton- und Sättigungsschicht mehrmals. Vergewissern Sie sich, dass ich meine größeren Formschichten getrennt halte, ich scanne sie über jeder einzelnen Schicht, bevor ich sie flatterte. Dann fange ich mit Malen mit meinen Bürsten an.

06. Maske mit Auswahl

Next, create a selection mask — Erstellen Sie als nächstes eine Auswahlmaske

Eine andere Möglichkeit, die ich maskiere, wo ich malerei habe, besteht darin, meine Ebenen zu verwenden, um Auswahl zu erstellen. Ich habe an diesem Punkt in mehr Niederlassungen und Bäumen gemalt. Jetzt möchte ich anfangen, etwas Licht hinzuzufügen, das die Oberseite der Bäume trifft. Ich erstellte eine Auswahlmaske ( Cmd + ship + click Schichten).

07. Verweis auf die Beleuchtung

Getting the lighting right is crucial at this stage — Das Beleuchtungsrecht ist zu diesem Zeitpunkt von entscheidender Bedeutung

Dann nehme ich die Auswahlmaske, die ich im letzten Schritt gemacht habe, und drehe es in eine Vektormaske. Ich stellte die Ebene auf, um sich zu überlagern, und fügte an, etwas Wärme der untergehenden Sonne an der Oberseite der Bäume hinzuzufügen. Mit einer Idee für die Palette verbringe ich eine gute Zeit damit, Referenz zu erhalten und zu beobachten, wie die Sonne bei Sonnenuntergang auf die Bäume trifft.

08. Lasso Diese Auswahl

The lasso tool is an underrated ally — Das Lasso-Tool ist ein unterschätzter Verbündeter

Nun, da ich eine Idee für die Beleuchtung habe, verwicke ich meine Aufmerksamkeit auf den Elch. Ich liebe es, das Auswahlwerkzeug zu verwenden ( L. ) Um starke Formen zu erstellen, die ich mit mutigen Pinselstrichen füllen kann. Ich verfolge die Skizze des Geweihs mit dem Lasso-Werkzeug und verwenden Sie mutige und lange Bürstenanschläge, um auf einer subtilen Textur des Geweihs zu tauchen.

Pro Secret: Lasso ist meine Geheimwaffe

Das Lasso-Auswahlwerkzeug ist eines meiner Lieblings-Photoshop-Tools. Ich benutze es, um Formen zu ziehen und organische runde Formen mit scharfen Geraden zu kombinieren. Einige Abkürzungen, um zu berücksichtigen: L. (Lasso-Werkzeug); L + Cmd + Hebe-Stift aus Tablet (Erhalten Sie Point-to-Point-Linien); L + -verschiebung. (zur Auswahl hinzufügen); und L + alt. (subtrahieren Sie von der Auswahl).

09. Bringen Sie die Texturbürsten an

Start painting in some texture — Beginnen Sie in einiger Textur

Sobald ich im Geweih blockiert habe, sperre ich die Transparenz auf der Elch-Schicht ein (klicken Sie oben auf dem Schichtfenster auf das Karierbare Feld). Ich fange nun an, die Form des Geweihs zu definieren, und mit strukturierten Bürsten, um dem Bild zu geben, das die subtile Malen-Textur an die lange Dunkelheit erinnert. Ich habe auch viel Bezug auf Elch-Geweihs, um ihre Form wirklich zu verstehen und wie sie Licht fangen.

10. Raffinieren der Palette

It's time to dip into Hue and Saturation — Es ist Zeit, in Farbton und Sättigung einzutauchen

Ich erkennen, dass das Bild ziemlich stumm ist. Die Farben müssen mutiger sein, sodass ich eine Farbton- und Sättigungsschicht verwende. Ich erhöhee die Sättigung leicht und passen Sie den Farbton an.

Ich wiederhole dann den Prozess in Schritt 5. Ich duplizierst die Farbton- und Sättigungsschicht, um sicherzustellen, dass ich meine größeren Formschichten getrennt habe. Schließlich zerlege ich die Farbton- und Sättigungsschichten über jeder einzelnen Schicht, bevor sie sie abflacht.

11. Wärme der Sonne

The sun's warm glow is added here — Das warme Glow der Sonne wird hier hinzugefügt

Ich fange an, dem warmen Glanz der Sonne hinzuzufügen, die durch die Bäume auf der linken Seite des Bildes mit einer Farbdodge-Schicht durch die Bäume stößt. Ich legte es hinter etwas Hintergrundbaumschicht, aber nicht andere Bäume im Vordergrund. Ich füge dann eine weitere Farbe-Dodge-Schicht hinzu und legte es hinter alle Bäume, um diesen geblasenen Look der Sonne zu bekommen.

12. Verbessern Sie den Fokuspunkt

Making adjustments to the focal point will ensure it draws the eye — Die Anpassungen des Fokuspunkts stellen sicher, dass er das Auge zeichnet

Ich fange an, in der Gegend um den Brennpunkt des Gemäldes zu arbeiten, der der Kopf des Elchs ist. Ich sorge dafür, dass das Auge des Tieres richtig aussieht. Ich bemerke auch, dass der Himmel über dem Elche zu viel Kontrast zum Bereich über dem Kopf einleitet. Meine Lösung besteht darin, mit einem einfachen runden Pinsel in einem Berg zu blockieren.

Pro Secret: Üben Sie mit Ihren Bürsten

Textur Photoshop-Pinsel kann als geheime Sauce sein, der ein gutes Gemälde macht. Sie sind nicht. Wie jedes Werkzeug benötigen sie die Praxis. Ich habe zwei Bürsten, die ich ständig benutze. Ich übe gerne mit ihnen, indem ich Untersuchungen von Filmstills, der Arbeit alter Meister oder Fotokudienstudien tue. Ohne die Notwendigkeit, das Thema zu erfinden, können Sie sich auf die Technik konzentrieren.

13. Beginnen Sie, Details hinzuzufügen

Start adding detail, but remember to stop! — Beginnen Sie mit dem Hinzufügen von Details, aber denken Sie daran, zu stoppen!

Ich erhalte ein Feedback, um die Größe des Geweihs übertreiben, also steigere ich ihre Größe. Und sie, um nicht zu viel zu dürfen, ich füge der Szene an, Details hinzuzufügen. Wenn ich Texturbürsten verwende, muss ich die Textur das schwere Anheben machen lassen. Dies kann mehrere Schläge annehmen, um richtig zu bekommen, also ich Cmd + z. Ein faires Stück, bis ich den einen Pinsel-Schlag bekomme, der perfekt ist.

14. Fertigstellung mit frischen Augen

An oft-overlooked stage – step away, then return to your work afresh — Eine oft-übersehene Stufe - Schritt weg, dann kehren Sie zu Ihrer Arbeit erneut zurück

Ich verbringe etwas Zeit von der Malerei, um es mit einer frischen Perspektive zu sehen, und erkennen Sie, dass weitere Details an dem Elch als Fokus erforderlich sind. Ich verbringe auch Zeit, um die Kanten mit malerischer Pinselarbeit zu lösen, und denken Sie in der ganzen Zeit den Stil der langen Dunkelheit. Ich schicke dann die Arbeit an den kreativen Direktor und dem Kunstdirektor, um die Kunst genehmigt zu erhalten. Einmal genehmigt, ist das Gemälde abgeschlossen!

Dieser Artikel wurde ursprünglich in veröffentlicht Imaginefx. Magazin-Ausgabe 157. Kaufen Sie es hier. .

Zum Thema passende Artikel:

4 Vergünstigungen der Arbeit in einem Indie-Spielstudio
5 Tipps, um Ihre 3D-Karriere zu kippen
5 Möglichkeiten für Designer, ihr nächstes Studio zu finden

So erstellen Sie stilisierte Spielgrafik

01. Gönnen Sie sich (oder Client) -Optionen

02. So viele Probleme wie möglich lösen

03. Organisieren Sie Ihre Skizze

04. Haben Sie keine Angst, die Transformation-Tools zu verwenden

05. Verbessern Sie den Fokuspunkt

06. Maske mit Auswahl

07. Verweis auf die Beleuchtung

08. Lasso Diese Auswahl

09. Bringen Sie die Texturbürsten an

10. Raffinieren der Palette

11. Wärme der Sonne

12. Verbessern Sie den Fokuspunkt

13. Beginnen Sie, Details hinzuzufügen

14. Fertigstellung mit frischen Augen

wie man - Die beliebtesten Artikel

So erstellen Sie einen 3D-Werwolf im Unreal Engine

Master der Mischerbürste in Photoshop

15 Fantasy-Porträt-Tipps

Simulieren Sie eine Ghost-Reiter-Transformation

Erstellen skalierbare ansprechende Komponenten

So erstellen Sie 3D-Schriftzug in Illustrator

Schärfen Sie Ihre Stillleben-Malerei-Fähigkeiten

Entdecken Sie unter Ausländer, und wie Sie es am besten benutzen

Kategorien