So erstellen Sie Stadtbild-Konzeptzeichnungen

In diesem Tutorial werde ich Ihnen zeigen, wie Sie auf einfache Weise ein erfolgreiches Stück Stadtbild-Konzeptkunst erstellen können. Wir werden eine sehr einfache 3D-Szene als Grundlage für das Stück verwenden und dann in Photoshop aufnehmen, um kreative Fotobearbeitungen von Referenzfotos, grundlegendes Malen und Anpassungen vorzunehmen. Lassen Sie uns diese städtische Szene erstellen!

Anmerkung des Herausgebers: Dieses Tutorial wurde ursprünglich auf Psdtuts im Dezember 2009 veröffentlicht.


Der Auftrag

In meinem Fall ging es in meinem Fall darum, vor 1914 eine historische Straßenszene von überall auf der Welt zu schaffen. Es sollte keine besondere Straße sein, aber das Konzept sollte dem Zweck dienen, zu sein, als könnte es eine echte Straße sein In der Zeit und an dem Ort, den ich gewählt habe, habe ich ein Gefühl für Architektur und Licht und die allgemeine Atmosphäre.

Natürlich können Sie für Ihre Projekte alles tun, was Sie wollen, aber für das Tutorial wollen wir mit meiner Wahl, Glasgow (Schottland) im Jahre 1900, wählen.


Schritt 1

Als erstes müssen Sie eine Menge visueller Hinweise sammeln. Nur weil Sie Glasgow 1900 tun, bedeutet das nicht, dass Sie nur nach Fotos oder Gemälden von Glasgow im Jahr 1900 suchen sollten.

Sie sollten sich die Arbeit traditioneller Malermeister, zeitgenössischer Maler und Konzeptkünstler, Fotografen, Bildhauer, Arch-vis-Studios usw. ansehen. Dadurch werden Sie über Farbe, Komposition, Beleuchtung und so weiter nachdenken. All dies ist online, in Büchern, im Fernsehen, in Zeitungen und Magazinen und in der Regel fast überall zu finden. Wenn dich etwas inspiriert, dann halte es irgendwie! Ich könnte mich hier langweilen und Sie mit Listen unglaublicher Arbeit langweilen, die Sie sich ansehen sollten, aber das würde einen ganzen Artikel in sich aufnehmen?

Ich kann gar nicht genug betonen, wie wichtig Referenzmaterial ist, denn ohne es arbeiten Sie blind. Meistens ist die Arbeit, die Sie in Ihrem Kopf ausmachen, zehnmal schwächer als die Arbeit, die mit gut gebrauchten Referenzen erstellt wurde. Jeder erfolgreiche Konzeptkünstler wird Ihnen dies sagen.

Eine weitere großartige Möglichkeit, visuelle Referenzen zu sammeln, besteht natürlich darin, sie selbst zu erfassen! Hier sind zum Beispiel ein paar Fotos von einer Serie, die ich in London aufgenommen habe.


Schritt 2

Neben der allgemeinen inspirierenden Art der Referenz ist es eine gute Idee, die praktischere und nützlichere Art von Referenzmaterial zu sammeln. Damit meine ich eigentlich Fotos von Glasgow aus dem Jahr 1900, mit denen wir unsere Szene später aufbauen können.

In meinem Fall habe ich durch die AMICA-Bibliothek eine unglaubliche Ressource gefunden. Sie ist ein kostenloser Dienst, um alle Arten von Künsten aus allen möglichen Perioden zu durchsuchen. Sie müssen jedoch eine Prämie zahlen, um auf die Bilder mit voller Auflösung zugreifen zu können.

Hier sehen Sie, dass ich auf Bilder aus einem fantastischen Buch des Fotografen Thomas Annan mit dem Titel "Die alten Straßen und Schlösser von Glasgow" aus dem Jahr 1900 gestoßen bin. Genau diese Bilder werden wir irgendwann zerschneiden und manipulieren füge der szene textur hinzu. Sie finden die Bilder hier.


Schritt 3

Wenn Sie alle Referenzbilder erstellt haben und ungefähr wissen, welche Art von Bildern Sie erstellen möchten, ist es ratsam, viele Miniaturansichten zu erstellen. Sie können einen Bleistift verwenden oder direkt in Photoshop malen. Diese Miniaturansichten wurden mit einigen der Standardpinsel von Photoshop gemalt, die auf Stiftdeckkraft eingestellt waren, aber ich werde mich später mit den Pinseln beschäftigen.

Dafür sollten Sie recht klein arbeiten und möglichst wenig Zeit darauf verwenden. Geschwindigkeit ist der Schlüssel! Wenn ich mich richtig erinnere, wurden diese zwischen 30 Sekunden und zwei Minuten gezeichnet. Auf diese Weise müssen Sie wirklich die Zusammensetzung und die Hauptidee des Bildes herausfinden, anstatt sich in die Details einzuarbeiten.

Habe keine Angst diesen Schritt zu machen. Ich bin kein großartiger Maler, aber Sie können in einigen der Miniaturansichten unten sehen, dass sie einfach und dennoch komplex genug sind, um die Idee einer Szene zu vermitteln.


Schritt 4

Jetzt fangen wir tatsächlich an, an unserem letzten Stück zu arbeiten. Öffne Maya (oder das Programm deiner Wahl) und erstelle dann eine Polygonebene. Machen Sie es ziemlich groß, so dass es als unser Boden fungieren kann.


Schritt 5

Als Nächstes erstellen Sie einen Würfel auf Ihrer Ebene. Dies ist die Vorlage für unsere anderen Gebäude.

Drücken Sie nach dem Erstellen die Taste Einfügen. Dadurch wird Ihr Manipulator zu einem etwas anderen Symbol und Sie können nur den Drehpunkt Ihres Objekts verschieben. Verschieben Sie in einer Seitenansicht den Drehpunkt an den unteren Rand Ihres Cubes (Sie können die Ansichtsfenster ändern, indem Sie die Leertaste drücken, während Sie den Mauszeiger über ein Ansichtsfenster bewegen, um es zu maximieren, oder auf die Ansicht mit vier Bereichen verkleinern). Wenn Sie es skalieren, bedeutet dies, dass es nicht wirklich unter dem Boden skaliert wird, sondern von unten nach außen wächst.

Drücken Sie anschließend erneut die Insert-Taste, um den Bearbeitungsmodus für den Drehpunkt zu verlassen.


Schritt 6

Sobald Sie das grundlegende Cube-Setup eingerichtet haben, müssen Sie die Szene mit Dubletten versehen, um die Straße zu erstellen.

Wählen Sie dazu den Würfel aus und drücken Sie Befehlstaste + D, um ihn zu kopieren, die W-Taste, um ihn zu verschieben, und die R-Taste, um ihn zu skalieren. Tun Sie dies genug, bis Sie etwas wie das Bild unten haben.

Versuchen Sie nicht, die Dinge perfekt aufeinander abzustimmen. Der Charme dieser Straßen liegt in der chaotischen Asymmetrie und Variation.


Schritt 7

Jetzt, da wir eine grundlegende Straßeneinrichtung haben, erstellen wir ein einfaches Tageslichtsystem. Öffnen Sie die Rendereinstellungen und wählen Sie im Dropdown-Menü "Rendern mit" die Option "Mental Ray". Wählen Sie dann auf der Registerkarte "Qualität" die Qualitätsvorgabe "Vorschau: Final Gather" aus.


Schritt 8

Wechseln Sie im Fenster Rendereinstellungen zur Registerkarte Indirekte Beleuchtung, und klicken Sie neben Physical Sun und Sky auf die Schaltfläche Create.


Schritt 9

Das Tageslichtsystem erzeugte tatsächlich ein Richtungslicht, das als Sonne fungiert. Dieses Licht ist mit dem Auge möglicherweise schwer zu finden. Wechseln Sie zu Fenster> Outliner. Dort sehen Sie eine Liste aller Elemente Ihrer Szene. Scrollen Sie nach unten, bis Sie etwas mit dem Namen "sunDirection" sehen. Verwenden Sie dann die Verschiebungs- und Skalierungswerkzeuge, um sie an einem Ort zu positionieren, an dem sie leichter zu sehen und zu manipulieren sind.

Beachten Sie, dass sich diese Leuchtenarten nicht nach ihrer Größe oder Position ändern. Nur die Drehung beeinflusst das Erscheinungsbild des Lichts.

Um das Licht zu manipulieren, drücken Sie auf der Tastatur die Zahl 7, wodurch der Lichtvorschaumodus in Ihrem Ansichtsfenster aktiviert wird, und drehen Sie das Sonnenlicht, bis Sie damit zufrieden sind. Scheuen Sie sich nicht, damit zu experimentieren, und erstellen Sie einige Testrendering. Ich wollte, dass mein Himmel fast gegen die Kamera kommt, also habe ich ihn so positioniert, wie Sie es unten sehen.


Schritt 10

Wir machen unsere Kamera ein wenig interessanter, indem wir sie aus einem Weitwinkel betrachten. Klicken Sie in Ihrem Ansichtsfenster auf Ansicht> Kamera auswählen.

Wenn Ihr Attribut-Editor nicht bereits aktiv ist, drücken Sie die Tastenkombination Befehlstaste + A. Geben Sie dann unter Kameraattribute den Wert 18 in den Parameter Brennweite ein.


Schritt 11

Wenn Sie mit Ihrem Winkel zufrieden sind, gehen Sie noch einmal zu den Rendereinstellungen, und unter der Registerkarte "Allgemein" können Sie die Größe der Renderausgabe ändern. In meinem Fall arbeitete ich mit der Größe A4, also habe ich diese Maße angegeben, aber Sie können Ihre eigene wählen.

Drücken Sie dann im Render-Menü auf Render Current Frame. Sie sollten am Ende etwas Ähnliches wie das Bild unten haben!

Drücken Sie in der Renderansicht auf Datei> Bild speichern. Speichern Sie es als schöne, hochwertige Targa-Datei.

Erstellen Sie dann ein neues Photoshop-Dokument (in meinem Fall wiederum A4-Format) und fügen Sie Ihr gerendertes Bild ein.


Schritt 12

Hier macht es Spaß!

Öffnen Sie zunächst Ihre Referenzfotos und überlegen Sie, welche Teile der Fotos wohin gehen können. Sie können dann mit dem Polygonal-Lasso-Werkzeug anfangen, eine Auswahl um rechteckige Flecken Ihrer Referenzbilder zu treffen, die vage dem Winkel ähneln, in dem Sie sie über Ihrem Render einfügen möchten. Wenn Sie eine Auswahl getroffen haben, drücken Sie zum Kopieren + C und + V zum Einfügen des Dokuments mit dem gerenderten Bild.

Machen Sie sich an diesem Punkt nicht zu viele Gedanken über das Vergrößern von kleinen Referenzbildern, dies wird im Endergebnis kaum spürbar. Sobald du einen Patch hast Gebäude Wenn Sie in Ihre Szene eingefügt werden, drücken Sie die Tastenkombination Befehl + T, um die Transformation freizugeben, und klicken Sie bei gedrückter Befehlstaste auf die Ecken der Beispielbilder, um deren Perspektive ungefähr zu positionieren. Stellen Sie den Mischmodus auf Überlagern, Multiplizieren oder was auch immer am besten funktioniert. Sie können auch mit Deckkraft herumspielen.

Wiederum nicht das Bedürfnis, sehr genau zu sein. Es ist nicht so wichtig, wenn einige der Perspektiven falsch zu sein scheinen, es ist ein sehr lockeres Konzept und die Bilder dienen nur dazu, eine Vorstellung von Architektur und Oberflächentextur zu schaffen. Diese Fehler werden ohnehin im späteren Verlauf vertuscht.

Eine Sache, bei der Sie sehr vorsichtig sein sollten, ist die Skalierung! Versuchen Sie, sich einen Menschen vorzustellen, der auf der Straße steht (fügen Sie ihn ein, wenn er hilft!) Und prüfen Sie, ob im Vergleich zu der Person im Maßstab etwas unrealistisch ist.

Dies ist ein sehr organischer Prozess. Ich kann Ihnen nicht genau sagen, wo jedes Bild eingefügt werden soll, aber ich hoffe, Sie bekommen eine Vorstellung von dem Prozess!


Schritt 13

Der nächste Schritt ist, wo ein Grafiktablett wirklich nützlich ist. Das ist so, weil wir ein paar echte Gemälde malen! Die benutzerdefinierten Pinsel, die ich zu 99% verwende, sind "MyBroosh" und "Oil Pastel Large 3", die im kostenlosen Pinselpaket enthalten sind, das vom Künstler Daarken auf seiner Website zur Verfügung gestellt wird. Sie finden die Pinsel in seinem fantastischen Tutorials-Bereich.


Schritt 14

Lassen Sie sich nicht abschrecken, wenn Sie noch keine Erfahrung mit digitaler Malerei hatten. Wir malen nicht eine ganze Szene, sondern fügen Details und Ton hinzu, um die Fotoelemente zu verschmelzen.

Stellen Sie sicher, dass Sie beim Malen in neuen Ebenen arbeiten, damit Sie alle Pinselstriche löschen können, ohne das darunterliegende Material zu beschädigen.

Wie Sie unten sehen können, müssen Sie lediglich einen zufälligen Ton und Detail in Ihrer gesamten Szene hinzufügen, ohne zu genau zu sein. Denken Sie daran, die Lichtquelle zu berücksichtigen, damit Sie an den richtigen Stellen Lichter und Schatten hinzufügen. Auf dem zweiten Bild unten sehen Sie nur die über rot eingefügte Malebene, so dass Sie die schwarzen und weißen Striche sehen können. Ich hoffe, Sie können sehen, wie unordentlich Sie damit sein können!


Schritt 15

Eine gute und kostengünstige Möglichkeit, Farbinformationen hinzuzufügen, ohne sie zu malen, ist die Verwendung vorhandener Fotos oder Gemälde. Ich mochte zum Beispiel die Farbe und das Licht in diesem Foto von Leo Rubinfien sehr gut. Ich habe es einfach über mein Dokument geklebt, es so gestreckt, dass es meine gesamte Leinwand vertikal ausfüllt, und es mit einer Deckkraft von etwa 67% auf Überlagerung setzen. Dann habe ich nur den oberen Teil des Bildes gelöscht, damit es nicht in den Himmel stieg.

Fühlen Sie sich frei zu experimentieren! Oft gehen diese Experimente schief, aber die Fehler lohnen sich nur für die wenigen Male, wenn sie funktionieren.


Schritt 16

Sie sollten dann beginnen, die Licht- und Schattenbereiche ein wenig weiter festzulegen, um die Szene zu straffen. Wieder sehen Sie nur die neue bemalte Ebene, die über Rot eingefügt wurde. Ich habe die Deckkraft dieser Ebene auf ca. 84% gesetzt..


Schritt 17

Wenn Sie das Bedürfnis verspüren, fügen Sie Ihrer Szene immer mehr Textur und Architektur hinzu. In diesem Fall habe ich einige weitere Fenster und Schornsteine ​​um die Szene herum platziert, da es etwas zu kastenartig aussah.

Beginnen Sie dann mit dem Hinzufügen weiterer Farbtöne, indem Sie eine Verlaufsebene-Anpassungsebene erstellen, die auf weiches Licht und eine Deckkraft von etwa 11-15% eingestellt wird. Ich habe den Farbverlauf "Gelb, Violett, Orange, Blau" verwendet. Ich habe auch eine gelbe / orangefarbene Grunge-Textur hinzugefügt, die bei designshard.com gefunden wurde..

Diese Schritte sind auf keinen Fall absolut. Auch hier handelt es sich nicht um exakte Werte und Ressourcen, die mit jedem Bild funktionieren werden. Experimentieren Sie also auf jeden Fall, bis etwas für Sie funktioniert. Ich hoffe nur, die Methode zum Erstellen dieses bestimmten Bildes mitzuteilen, und das wird Ihnen hoffentlich Ideen geben, wenn Sie Ihr eigenes Bild erstellen.


Schritt 18

Erstellen Sie eine neue Ebene und zeichnen Sie einige Pinselstriche in orangefarbenen und roten Tönen, wobei die Ebene auf Farbe eingestellt ist und etwa 40% Deckkraft aufweist. Da sich das Bild hauptsächlich an kühleren Tönen orientierte, dachte ich, dies könnte zu Farbbalance und Variation führen.

Dann füge ich eine neue Curves-Einstellungsebene hinzu und erstelle eine leichte S Kurve darauf, um die Schatten dunkler zu machen und die Lichter aufzuhellen.


Schritt 19

Um die Schatten- und Sonnenlichttöne weiter zu akzentuieren, erstellen Sie eine neue Ebene und füllen Sie sie mit einem Farbverlauf, der von einem orangefarbenen zu einem blauen Farbton verläuft (siehe Abbildung unten). Setzen Sie diese Ebene dann auf etwa 10% Deckkraft auf Überlagerung.

Sie können dann, ähnlich wie zuvor erwähnt, eine weitere gelbe / orangefarbene Grunge-Textur hinzufügen und die Lichtundurchlässigkeit auf etwa 34% einstellen.

Ich dachte auch, dass ich erwähnen sollte, dass ich bereits zu diesem Zeitpunkt Architekturreferenzfotos hinzugefügt habe, in denen ich dachte, dass sie für weitere Details notwendig waren.



Schritt 20

Wir sind fast da! Fügen Sie einfach letzte farbige Verlaufskarten oder andere Anpassungsebenen hinzu. Erstellen Sie dann eine neue Ebene, füllen Sie sie mit Mittelgrau und gehen Sie zu Filter> Rauschen> Rauschen hinzufügen. Passen Sie je nach Bildgröße den Prozentsatz an, sodass es sich nur um einen sehr subtilen Effekt handelt, und aktivieren Sie das Kontrollkästchen Monochromatisch. Legen Sie für diese Ebene eine Überlappung mit einer Deckkraft von etwa 60-70% fest, oder bis Sie zu Ihnen passt.

Glätten Sie dann Ihr Bild und wenden Sie einen Unscharf-Maskenfilter an!


Fazit

Sie können jetzt machen, was Sie möchten, ich habe nur einen weißen Rand über einem schwarzen Hintergrund und ein wenig Text hinzugefügt, aber die Präsentation liegt bei Ihnen.

Vielen Dank, dass Sie sich die Zeit genommen haben, dies zu lesen. Ich hoffe, dass dieses Tutorial aufschlussreich und inspirierend war.

Wie Sie sehen können, müssen Sie kein großartiger Maler mit langjähriger Erfahrung sein, um erfolgreiche Konzeptkunstwerke zu schaffen. Ich kann es kaum erwarten, zu sehen, was euch so einfällt. Viel Glück bei deinen zukünftigen Kreationen!