Konzeptkunst: Erstellen Sie ein Sci-Fi-Interieur mit digitalen Maltechniken

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

Künstler zeichnen oft grobe Skizzen ihrer Kunstwerke, bevor sie den letzten Schliff hinzufügen. Dies gilt auch für Digitalmaler, die in Photoshop eine grobe Skizze zeichnen, bevor sie mit der Arbeit beginnen. Im heutigen Tutorial zeigen wir Ihnen, wie Sie eine grobe Skizze einer Science-Fiction-Zeichnung mit digitalen Maltechniken polieren.

Hinweis für Mac-Benutzer

Hotkeys mit "Strg" können in einer Mac-Version von Photoshop einfach durch die Schaltfläche "Befehl" ersetzt werden.

Schritt 1

Es ist wichtig, eine gute Grundlage für unser Konzept zu schaffen. Lassen Sie uns daher mit dem Pinsel-Werkzeug (B) einige perspektivische Linien auf einer (ungefähr) Breitbild-Leinwand auslegen. Die Leinwandgröße ist im Moment nicht wichtig, da wir nur eine Komposition ausarbeiten - Größen können unterwegs geändert werden. Es ist oft eine gute Idee, Strichzeichnungen auf einem neuen Layer zu zeichnen (Strg + Umschalt + N), damit wir die Strichzeichnungen von allen anderen Elementen wie dem Hintergrund trennen können. Um die Dinge sauber zu halten, können wir die Layers umbenennen, indem wir in der Layer-Palette auf den Text der Layer doppelklicken.

Schritt 2

Die Perspektive scheint alles nach rechts zu schlucken - nicht sehr effektiv, um ein schönes, hohes Interieur zu zeigen. Zeichnen wir die perspektivischen Linien neu, um den Boden voller zu machen. Dies wird die Illusion einer Ansicht von oben nach unten vermitteln und es uns ermöglichen, eine tiefere und geräumigere Architektur zu vermitteln.

Schritt 3

Derzeit ist die Bildperspektive zweipunktig. Das Hinzufügen einer dritten vertikalen Perspektive verleiht einer Komposition ein dynamischeres Gefühl und sorgt für ein schwindelerregendes Aussehen. Wenn Sie mehrere Layers verwenden oder alles auf einem Layer malen, haben beide ihre eigenen Vorteile - experimentieren Sie und sehen Sie, was für Sie funktioniert!

Schritt 4

Um das Anzeigen unserer Skizze zu vereinfachen, können Sie die Deckkraft der Strichzeichnungen in der Layerpalette verringern. Im folgenden Beispiel, in dem alles zu einem einzigen Layer zusammengeführt wird, können Sie mit dem Farbeimer-Werkzeug (G) eine neutrale Farbe in ein neues Layer einfügen (Strg + Umschalt + N) und die Deckkraft zurückziehen ein wenig, um die Strichzeichnungen darunter zu sehen. Jetzt können wir beginnen, unsere Ideen auf ein neues Layer zu skizzieren. Wenn Sie mehr Platz zum Malen benötigen, passen Sie die Leinwandgröße im Handumdrehen mit dem Zuschneidewerkzeug (C) an.

Schritt 5

Da das Stück bereits einen schönen Gehweg als Hauptattraktion hat, benötigen wir eine Art Vordergrundelement, um die Entfernung einzustellen und dem Betrachter eine vertraute Grundlage zu geben, von der aus er den Gehweg beobachten kann. Die Leinwand wird auch mit dem Befehl Bild > Leinwand drehen > Leinwand horizontal spiegeln gespiegelt. Durch Umblättern der Leinwand können wir alle Fehler erkennen, in die wir zuvor möglicherweise zu stark eingeteilt waren, um sie zu sehen. Jetzt mach eine schöne Kaffeepause... Es sei denn, du bist Hardcore, sonst mach bitte weiter.

Schritt 6

Andere Elemente wie der Hintergrund müssen hinzugefügt werden, um die Formulare grob zu halten. Wir sollten idealerweise alle großen und wichtigen Formen annehmen, um zu sehen, was auf allgemeiner Ebene funktioniert. Es können feinere Details folgen. Indem wir die hohe Architektur auf der linken Seite nicht stören, nutzen wir die Höhe der Umgebung, um der Struktur ein königliches Aussehen zu verleihen. Um den Thron oder Stuhl auf der isolierten Struktur links hervorzuheben, setzen wir eine kreisförmige Architektur ein, um mit den Formen ein Statement abzugeben. Dies ist eine clevere Möglichkeit, Elemente der Komposition mit einer einfachen Designsprache zu extrahieren. Indem wir Formen wie die Einlässe und Balkone auf der rechten Seite wiederholen, können wir helfen, den Maßstab der Dinge darzustellen, wenn sie sich in der Ferne wiederholen.

Schritt 7

Wenn Sie mit der Strichgrafik zufrieden sind, verwenden Sie das Fenster Bildgröße (Strg + Alt + I), um die Pixel zu erhöhen. Ich ändere meine mit Blick auf den Druck, daher ist eine Breite von ca. 4000 ideal. Jetzt können wir beginnen, innerhalb der Linien zu färben. Wenn sich die Strichzeichnungen auf einem separaten Layer befinden, wird das Färben erheblich vereinfacht, da wir unter der Strichgrafiklayer ordentlich färben können. Eine gute Möglichkeit, Farbverläufe hinter Elementen zu färben, wie im folgenden Beispiel gezeigt, besteht darin, auf ein neues Layer zu malen (Strg + Umschalt + N), dann ein weiteres neues Layer darüber zu erstellen und bei gedrückter Alt-Taste dazwischen zu klicken (siehe unten). Dies ermöglicht es uns, auf das oberste Layer zu malen, während die Transparenz des darunter liegenden Layers erhalten bleibt. Das war eine schlechte Erklärung... was noch mehr Grund ist, sich zu entspannen und selbst zu experimentieren!

Schritt 8

Der grüne Bereich unten zeigt einen Teil des Gemäldes, den wir dunkler machen, weil es weniger Licht einfängt. Beachten Sie, dass je näher die Umgebung ist, desto dunkler und gesättigter erscheint sie. Dies liegt an dem atmosphärischen Nebel, der sich über größere Entfernungen aufbaut - eine unglaublich nützliche Technik, um epische Entfernungen zu veranschaulichen. Vergessen wir nicht, die Leinwand ab und zu horizontal zu drehen, auch wenn wir unsere Farben aufrauen.

Schritt 9

Das Hinzufügen eines roten Teppichs oder Designs auf dem Pfad ist eine weitere großartige Möglichkeit, die Entfernung von Elementen anzuzeigen. Hier können wir den roten Teppich benutzen, um die Seitenplattform und die Hauptgangstruktur zu überbrücken. Jetzt ist der perfekte Zeitpunkt, um die Hauptfarben und Lichtquellen festzulegen. Denken Sie daran, das gesamte Gemälde zu bearbeiten und sich nicht in Details zu verlieren. Wenn wir uns auf einen kleinen Bereich bis zur Perfektion konzentrieren, werden wir uns vom Rest des Gemäldes abkoppeln, und es wird wahrscheinlich viel zu lange dauern, bis das gesamte Gemälde perfekt ist, um es wert zu sein. Wir müssen die Komposition nur mit Farbe, Licht und Raum auf ein lesbares Niveau bringen und sie sollte zu einem erfolgreichen Stück führen. Durch die Bearbeitung des gesamten Gemäldes bleibt das Stück auch zusammen und kann dem Kunden in früheren Phasen präsentiert werden, falls er es unerwartet benötigt. Wie wir es in Schritt 6 wiederholt haben, hilft das Wiederholen des Teppichs in der Ferne, die Waage zu verkaufen und vorzuschlagen, wie weit sie zurück ist.

Schritt 10

Um nun einige der Elemente etwas besser zu definieren, können wir die Illusion von Lichtern aus einem weiteren Raum erzeugen, um dies zu erreichen. Härtere Pinsel verleihen einem Gemälde im Allgemeinen mehr Textur und Lebensdauer. Die Verwendung eines weichen Pinsels für volumetrische Lichter wie im folgenden Beispiel ist jedoch sehr effektiv.

Schritt 11

Ein quadratischer Pinsel gibt uns die dringend benötigte visuelle Wiederholung für die Treppe. Klicken Sie also mit der rechten Maustaste auf die Leinwand, um die Pinselpalette aufzurufen, und klicken Sie dann mit der linken Maustaste auf das Dreieck rechts, um zusätzliche Optionen aufzurufen, und wählen Sie Quadratische Pinsel. Dies sind Standardpinsel, die im Lieferumfang des Softwarepakets enthalten sind. Daher ist es viel besser, Ihre eigenen Pinsel zu erkunden oder online nach lizenzfreien, benutzerdefinierten Pinseln zu suchen. Weitere Informationen zum Erstellen benutzerdefinierter Pinsel finden Sie im Photoshop-Pinselwerkzeug - Grundlegende Anleitung von Alvaro Guzman.

Schritt 12

Spielen Sie mit dem Abstand im Fenster Pinsel (F5), bis Sie nach dem Strich unten suchen - etwas, das etwas an eine Treppenkante erinnert. Im folgenden Beispiel wurde das Quadrat durch den hervorgehobenen Punkt leicht abgeflacht und mit der linken Maustaste angepasst. Experimentieren Sie mit den anderen Parametern, um zu sehen, was zu Ihnen passt.

Sie können den Pinsel für eine spätere Verwendung speichern, indem Sie mit der rechten Maustaste auf die Leinwand klicken, mit der linken Maustaste auf das Dreieck klicken und die Option Neue Pinselvoreinstellung auswählen. Benennen Sie den Pinsel und er befindet sich auf der Pinselpalette, um ihn ein anderes Mal zu verwenden.

Schritt 13

Räumen Sie alles auf, was auffällt, um die Reihenfolge der Elemente klar zu halten. Wir werden auch einige Kanten hervorheben, um die Definition auf klarere Werte zu bringen.

Schritt 14

Arbeiten an anderen Bereichen des Gemäldes - das grüne Randlicht, das wir in Schritt 10 gemacht haben, hat recht gut funktioniert. Versuchen wir diesen Effekt also auch entlang der Unterseite der Plattform. Wir müssen noch keine Lichter zu hell machen - die extremen Kontrastwerte sind sehr stark, also bewahren wir sie für später auf. Wenn wir etwas länger im mittleren Bereich bleiben, haben wir mehr Platz, um mit der Beleuchtung der Komposition herumzuspielen, ohne dass etwas stark in Stein gemeißelt ist. Beachten Sie, dass das Navigator-Fenster ebenfalls geöffnet ist (Fenster > Navigator). Dadurch erhalten wir eine Miniaturansicht des Gemäldes, damit wir wissen, wie es im größeren Bild aussieht, während Sie gezoomt arbeiten.

Schritt 15

Wenn wir ein bestimmtes Element auf ein neues Layer wie den grünen Nebel unten malen, haben wir die Flexibilität, Änderungen an dem Layer mit dem Farbton/Sättigung-Werkzeug (Strg + U) vorzunehmen. Wenn Sie die Option "Kolorieren" aktivieren, können Sie helleren Graustufenwerten Farbe verleihen, indem Sie einfach den Parameter "Helligkeit" verringern.

Schritt 16

Lassen Sie uns ähnlich wie bei der Behandlung in Schritt 8 die Wand etwas abdunkeln, um die Abwesenheit von Licht zu veranschaulichen. Das Grün im Beispiel soll nur zeigen, wo es gemalt ist. Etwas Gold wurde ebenfalls eingeworfen, um die Rottöne für ein königliches Aussehen zu ergänzen, der zu den hohen, eleganten Säulen passt. Wir könnten einfach alles schweben lassen, was wir wollen, aber die Verwendung von Säulen wird die Architektur auf glaubwürdige Weise erden und dem Betrachter etwas geben, mit dem er sich vertraut machen kann, wenn dies in der realen Welt wäre.

Schritt 17

Die allgemeine Komposition verwendet viele kühlere Töne, so dass wir dem Hauptgang etwas Wärme geben können, um hervorzuheben, was auf eine natürliche Lichtquelle hindeutet. Testen Sie einige Layermodi und Farbkombinationen, um zu sehen, welche Effekte und wie sie zu Ihrer eigenen Komposition passen. Im folgenden Beispiel wird der Layermodus in Überlagern geändert und die Deckkraft verringert, damit sie nicht zu sichtbar ist. Wenn der Effekt nicht stark genug ist, gibt es immer die Möglichkeit, die Dinge aufzuhellen, wenn Sie unser Stück gegen Ende aufpolieren.

Schritt 18

Lassen Sie uns die Kanten noch etwas verstärken und einige sekundäre Lichtquellen einsetzen.

Schritt 19

Um einige Science-Fiction-Elemente einzuführen, können neue Linien, die auf einem neuen Layer gezeichnet wurden, gesteuert werden, indem Sie das Verschieben-Werkzeug (V) auswählen und einzelne Ecken des Transformationsfelds mit Strg + Linksklick ziehen. Alternativ können wir das freie Transformationswerkzeug (Strg + T) verwenden. Wenn wir die Kontrolle über die Ecken haben, können wir die Linien, die wir mögen, in die gewünschte Perspektive anwenden.

Schritt 20

Sieht okay aus! Versuchen wir, den gleichen Effekt auch der Seitenplattform hinzuzufügen.

Schritt 21

Die Plattform sieht ziemlich langweilig und schwach beleuchtet aus. Wir könnten versuchen, den Ort mit einigen zivilen Lichtern zu beleuchten, indem wir den Pinsel in einer weicheren Umgebung verwenden. Klicken Sie mit der rechten Maustaste auf die Leinwand, während Sie das Pinselwerkzeug (B) verwenden, um die Weichheit im laufenden Betrieb anzupassen.

Schritt 22

Zu diesem Zeitpunkt im Beispiel wurde mein Computer durch einen Stromausfall schwarz... Aber es spielt keine Rolle, dass die Arbeit gespeichert wurde! Denken Sie daran, mit Strg + S oder Datei > Speichern zu speichern. Zu diesem Zeitpunkt bemerkte ich auch, dass die Perspektive leicht abweicht - es ist nie zu spät, Änderungen vorzunehmen! (Es sei denn, es bleibt keine Zeit mehr.) Das Zeichnen neuer perspektivischer Linien auf einem separaten Layer erleichtert das Entfernen, wenn wir damit fertig sind.

Schritt 23

Jetzt malen wir den Boden richtig ein. Wenn Sie von Hand malen und auf einem Layer arbeiten, anstatt eine Werkzeugtafel zu verwenden, wird sich Ihre Zeichenpraxis wahrscheinlich zumindest verdoppeln. Daher ist es wichtig, dass Sie nicht zu sehr damit beschäftigt sind, die neuesten Funktionen für diese Dinge zu verwenden - diese Werkzeuge werden es kaum tun Steigern Sie Ihre bisherigen grundlegenden Fähigkeiten bei der Konzeption von Entwürfen. Abgesehen davon können Sie mit dem Polygonalen Lasso-Werkzeug (L) eine geradlinige Auswahl treffen, indem Sie mit der linken Maustaste klicken :)

Schritt 24

Wenn das Auge über den Gehweg geführt wird, benötigt es eine visuelle Belohnung im Gegensatz zu einem einfachen Boden und einer Sackgasse. Wir werden ein wenig experimentieren, indem wir einige weitere Ebenen der Architektur einsetzen - einfache Podeste, um das kreative Wasser zu testen.

Schritt 25

Wenn wir ältere offene Architektur beobachten, die einen angemessenen Anteil an Rost, Wind und Schmutz aufweist, ist sie normalerweise nicht in spektakulärem Zustand. Wenn wir alles mit Auswahlwerkzeugen und perfekten Füllungen sauber halten, sieht das Gemälde sehr digital aus. Wenn Sie also Kanten oder Oberflächen aufrauen, erhält das Gemälde mehr Authentizität und Glaubwürdigkeit.

Schritt 26

Das Hinzufügen von Statuen und das Aufstellen ihrer Posen für Waffen könnte auf eine Hintergrundgeschichte hindeuten. Wenn Sie es auf ein Podest zeichnen, ist es fast Teil einer Belohnung dafür, dass Sie unsere Zuschauer auf einen ansonsten ziemlich langweiligen Boden führen (mit einem schönen roten Teppich). Wir stellen auch die Farben so ein, dass sie im Gold- oder Bronzebereich liegen und mit den Bannern rund um das Set übereinstimmen.

Schritt 27

Um die Glanzlichter auf den Statuen "Pop" zu machen, können wir einige hellere Werte auf einem separaten Layer bürsten, die auf "Überlagern" eingestellt ist. Es ist sehr schwer vorherzusagen, wie Ihr Layer aussehen wird, ohne sie zuerst in Überlagern zu ändern und damit zu experimentieren. Vergessen Sie nicht, die Leinwand zu verkleinern/horizontal zu drehen und zu überprüfen, wie sie als ganze Komposition aussieht, nicht nur als detaillierte Abschnitte.

Schritt 28

Fügen Sie nun eine Waffe hinzu, um Story-Elemente vorzuschlagen, einen Schwanz, der den Betrachter in die richtige Richtung führt, und einige Pfeile, um ihn kuschelig aussehen zu lassen. Lassen Sie Ihrer Kreativität freien Lauf! Lassen Sie uns noch einen roten Teppich einwerfen.

Schritt 29

Wir werden die Treppe mit dem Pinsel zurückziehen, den wir in Schritt 12 hergestellt haben. Das Vorschlagen der Treppenkante ist wahrscheinlich der schnellste Weg, um Treppen zu zeichnen, ohne genau sein zu müssen. Die Messgenauigkeit der Treppen ist nicht wichtig - nur, dass wir die Idee der Treppen dort verkaufen können und dass ihre Farbe/Beleuchtung dazu beiträgt.

Schritt 30

Zeichnen wir einige Linien, an denen der Betrachter weniger Licht sehen würde. Dadurch wird die Form der Treppe verstärkt.

Schritt 31

Dies ist eine großartige Gelegenheit, um über die weiteren Entfernungen, wie die eingekreisten Bereiche im folgenden Beispiel, etwas atmosphärischen Nebel hinzuzufügen. Der Scheinwerfer des Gehwegs wurde auch stärker betont, indem dunklere Werte um ihn herum gemalt wurden. Schließlich war die Figur auf der linken Seite fast schwarz und wusch andere dunkle Werte im gesamten Gemälde aus. Wenn Sie sie einfach ein wenig zurückwerfen, wird der Wertanteil der Komposition ein bisschen mehr zusammengezogen. Wir haben auch einige menschengroße Figuren um das Set gelegt, damit sich das Auge auf die Größe der Dinge beziehen kann.

Schritt 32

Wir können jetzt eine Farbanpassung vornehmen, indem wir den Layermodus auf Farbe ändern und eine beliebige Farbe über das darunter liegende Layer streichen - in diesem Fall blau. Dabei werden alle Werte darunter in Richtung des blauen Bereichs beeinflusst, wobei 100% Blau-Werte alle Werte darunter in den blauen Bereich ändern.

Schritt 33

Zum Schluss geben wir dem Bild einen Rand, um es präsentabel zu rahmen. Stellen Sie zunächst sicher, dass unsere Hintergrundfarbe so ist, wie unser Rand sein soll, und öffnen Sie dann das Fenster Leinwandgröße (Strg + Alt + C). Verwenden Sie einen Wert von 50px für die Parameter Breite und Höhe (wählen Sie im Dropdown-Menü die Option Pixel) und stellen Sie sicher, dass die Option Relativ aktiviert ist. Wenn diese Option nicht aktiviert ist, wird die Zeichenfläche tatsächlich auf 50 x 50 Pixel geändert, anstatt zusätzliche 50 Pixel um die vorhandene Zeichenflächengröße hinzuzufügen. Wenn die Canvas-Erweiterungsfarbe auf Hintergrund (Standard) eingestellt ist, wird unserem Bild durch Auswahl von OK ein Rand von 50 x 50 Pixel zugewiesen.

Schritt 34

... Die Zeit ist abgelaufen, unterschreib dein Stück!

Abschluss

Im Falle von mehr Zeit können Sie der Komposition weiterhin grobkörnige Details und Story-Elemente hinzufügen, um dem Stück mehr Realismus und Glaubwürdigkeit zu verleihen, als es im wirklichen Leben realisierbar wäre. Um jedoch die dafür aufgewendete Zeit widerzuspiegeln, sollte das Konzept ausreichen, damit ein vorzeigbarer Boden in einer schnellen Produktionsumgebung geschaffen werden kann. Wenn Sie das Konzept des Innenraums erfasst haben, den Sie vermitteln möchten, kann der Kunde das Stück jederzeit von Ihren Händen nehmen. Wenn Sie das gesamte Bild bearbeiten, können Sie einfach Details hinzufügen, sobald das Konzept "erfasst" ist. In den neuesten Softwaretrends gibt es keine speziellen Werkzeuge, um ein präsentables Stück zu zeichnen - alles, was Sie brauchen, ist Zeit. Experimentieren und üben Sie Ihr grundlegendes Wissen über Komposition, Beleuchtung und Farbe mit jedem Stück. Ich hoffe, Sie haben durch das Lesen dieser Textwand etwas Nützliches gelernt!