1. Design & Illustration
  2. Drawing/Illustration
  3. Illustration

So schattieren und wenden Sie Texturen auf Strichzeichnungen in Photoshop an

Photoshop und Illustrator arbeiten sehr gut zusammen. Viele Designer beginnen in Illustrator und importieren ihre Grafiken dann in Photoshop, um Schattierungen und Texturen hinzuzufügen. In diesem Tutorial zeigen wir Ihnen, wie dies mit einer Illustration gemacht wird, die wir ursprünglich in einem Tutorial zu Vectortuts+ erstellt haben. Lassen Sie uns anfangen!
Scroll to top

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

Photoshop und Illustrator arbeiten sehr gut zusammen. Viele Designer beginnen in Illustrator und importieren ihre Grafiken dann in Photoshop, um Schattierungen und Texturen hinzuzufügen. In diesem Tutorial zeigen wir Ihnen, wie dies mit einer Illustration gemacht wird, die wir ursprünglich in einem Tutorial zu Vectortuts+ erstellt haben. Lassen Sie uns anfangen!


Teil 1 anzeigen

Dieses Tutorial ist ein zweiteiliges Tutorial. Teil 1 dieses Tutorials ist hier zu sehen.


Tutorial Assets

Die folgenden Elemente wurden bei der Erstellung dieses Lernprogramms verwendet.


Schritt 1

Nachdem Sie die Strichzeichnungen erstellt und die flachen Farben zu Ihrer Illustration in Illustrator hinzugefügt haben, möchten wir die Dateien in Photoshop öffnen und die Datei vorbereiten, bevor Sie beginnen. Wir haben seit Beginn des ersten Tutorials darauf geachtet, den Vordergrund vom Hintergrund zu trennen, und hier ist es nützlich. Dadurch wird Ihre Datei leichter zu bearbeiten, wenn Sie den Vordergrund ausblenden können, während Sie am Hintergrund arbeiten(umgekehrt), und Sie müssen sich keine Gedanken über Schattierungen innerhalb der Linien und über den Vordergrund (oder Hintergrund) machen. Da sie beispielsweise getrennt sind, wenn Sie den Vordergrund schattieren, müssen Sie sich keine Sorgen machen, wenn Sie über den Hintergrund gehen, da Sie einfach die Hintergrundebene auswählen, zur Schattierungsebene zurückkehren und auf Löschen klicken können. Aber wir werden gleich darauf zurückkommen. Laden Sie beide Dateien in Ihr Programm. Datei > Öffnen > Wählen Sie die Vordergrunddatei und die Hintergrunddatei aus und klicken Sie auf OK.


Schritt 2

Wenn Sie das Auswahl-Werkzeug(V) auswählen, ziehen Sie den Vordergrund aus seiner Datei und legen ihn oben auf der Hintergrunddatei ab. Normalerweise rastet es perfekt ein (Standardeinstellung), aber wenn dies nicht der Fall ist, möchten Sie überprüfen, auf welche Option Ihr Magnetismus eingestellt ist. Gehen Sie zu Aussehen > Magnetismus. Es gibt zwei, wählen Sie die mit dem Optionspfeil neben dem Wort und ein Seitenfenster wird angezeigt. Hier sehen Sie die Optionen 'Alle' oder 'Ohne'. Wählen Sie 'Alle'. Entschuldigung, mein Programm ist auf Französisch, also erscheint alles auf Französisch. Sie können die Sprache nicht ändern, ohne das Programm neu zu installieren.


Schritt 3

Wir werden eine handgemachte Referenz erstellen, wo das Licht auftreffen wird. Es muss nicht ordentlich oder perfekt sein, dies dient nur dazu, sich in den Schattierungsprozess hineinzuversetzen. Ich weiß, dass ich persönlich während dieses Schritts manchmal verwirrt bin und dieser „Trick“ hilft mir eher. Erstellen Sie eine neue Ebene über den Vordergrund- und Hintergrundebenen mit dem Titel "Lichtquelle". Wählen Sie nun Ihr Pinsel-Werkzeug (B) und einen harten, rundkantigen Pinsel (Photoshops Standardpinselsatz) mit einer Auflösung von ca. 50 Pixel. Die Größe des Pinsels hängt davon ab, wie groß Sie Ihre Illustrator-Dateien gespeichert haben. Da ich möchte, dass dies weitgehend gedruckt werden kann, hat meine Leinwand eine Breite von 6000 Pixel. Deshalb habe ich einen relativ großen Pinsel ausgewählt, damit die Lichtquelle leicht zu sehen ist. Verringern Sie nach Auswahl der Pinselgröße die Deckkraft zwischen 40 und 50%, damit Sie die Abbildung darunter sehen können. Sobald das erledigt ist, können wir anfangen!


Schritt 4

In dieser Abbildung haben wir links und rechts Fenster, die sich hinter den Objekten, der Flora, dem Charakter usw. befinden. Wir möchten also die Mitte der Objekte dunkel machen und das Licht sowohl auf die linke als auch auf die rechte Seite treffen lassen. Der Zweck des Skizzierens mit dem Pinsel (B) besteht darin, sicherzustellen, dass es richtig aussieht, bevor tatsächlich mit dem Schattieren begonnen wird. Wählen Sie die weiße Farbe in Ihrer Farbpalette aus und malen Sie grob über die Kanten, an denen das Licht erscheinen soll. Wenn Sie feststellen, dass die von uns erstellte Lichtquellenreferenz hinderlich ist, wählen Sie die Ebene aus und verringern Sie die Deckkraft, bevor Sie mit den Farbtönen beginnen. Ich habe es auf ungefähr 10% gesenkt. Jetzt, da wir eine Vorstellung davon haben, wo die Schatten sein sollten, wollen wir anfangen. Beginnen Sie entweder mit dem Hintergrund oder dem Vordergrund, es spielt keine Rolle, in welcher Reihenfolge Sie dies tun. Wichtig ist, dass Sie sie separat schattieren, da der Schatten im Vordergrund stärker ausgeprägt sein muss als der Hintergrund. Ich werde den Hintergrund als Beispiel verwenden.


Schritt 5

Erstellen Sie eine neue Ebene über der Hintergrundebene und nennen Sie sie "BG-Shadow1". Wählen Sie das Lasso-Werkzeug (L), zoomen Sie hinein und wählen Sie eine beliebige Stelle aus, um zu beginnen. Formen Sie Ihre Schattierungen ordentlich aus, da dies der Schatten ist, der die Lichtquelle des gesamten Bildes definiert. Halten Sie beim Zeichnen der Formen mit dem Lasso-Werkzeug die Umschalttaste gedrückt, um mehr Auswahlen gleichzeitig als nacheinander vorzunehmen. Wenn Sie versehentlich ein Teil ausgewählt haben, für das kein Schatten angezeigt werden soll, halten Sie die Alt-Taste gedrückt und verfolgen Sie das Teil, das Sie aus Ihrer Auswahl löschen möchten. Wenn Sie die Auswahl erstellt haben, die Ihren Schatten enthält, wählen Sie eine schwarze Farbe in Ihrer Farbpalette aus und halten Sie Alt + Löschen gedrückt. Ihre Auswahl wird mit Schwarz gefüllt (Befehl / Strg + Löschen, damit die Hintergrundfarbe angezeigt wird. Wenn ich dies wie im Screenshot gezeigt tun würde, würde die Auswahl mit Weiß gefüllt). Sie könnten den Zauberstab (W) für bestimmte Bereiche verwenden, aber wenn Sie auf die Strichzeichnungen klicken, werden alle Strichzeichnungen ausgewählt, da sie alle dieselbe Farbe haben und wir das nicht wollen. Wenn Sie in die Strichzeichnungen klicken, werden die Strichzeichnungen ausgeschlossen. Wenn Sie sie also mit Schwarz füllen, werden die Linien nicht schattiert, und das ist eine andere Sache, die wir nicht wollen. Deshalb verwenden wir das Lasso-Werkzeug.


Schritt 6

Deaktivieren Sie diese Option (Befehl / Strg + D) und stellen Sie die gesamte Ebene(BG-Shadow1) auf die Füllmethode 'Multiplizieren'. Verringern Sie die Deckkraft weiter auf ein Niveau, das Sie gut finden. Ich habe 30% gewählt.


Schritt 7

Wenden Sie denselben Prozess auf den Vordergrund auf einer eigenen Ebene an (Titel "FG-Shadow1" und platzieren Sie ihn über der Vordergrundebene). Nur hier wollen wir, dass die Deckkraft dunkler wird. Da der Vordergrund wesentlich weiter von den Fenstern entfernt ist, wird weniger Licht empfangen. Wenn der Schatten in diesem Bereich dunkler wird, erzeugen Sie Tiefe in Ihrer Illustration. Ich habe meine auf 40% gesetzt (10% höher als der Hintergrund).


Schritt 8

Wir werden jetzt den Fensterrahmenschatten auf den Raum anwenden. Wir machen dies vom gesamten Hintergrundschatten getrennt, weil wir möchten, dass es heller wird, damit es nicht den gesamten Fokus anzieht und aus ästhetischen Gründen. Nachdem Sie Ihre Vordergrund- und FG-Shadow1-Ebenen ausgeblendet haben, erstellen Sie eine neue Ebene mit dem Titel "BG-Shadow2" und platzieren Sie sie auf BG-Shadow1. Wählen Sie das Polygonale Lasso-Werkzeug(L) und erstellen Sie einen ähnlichen Fensterrahmen. Zeichnen Sie ihn nur über dem Raumboden nach. Mach dir keine Sorgen über die Objekte, wir werden später darauf zurückkommen. Mit dem polygonalen Lasso-Werkzeug können Sie sehr gerade Auswahlen erstellen. Dies ist in diesem Fall praktisch, da der Fensterrahmen aus Quadraten besteht.


Schritt 9

Bevor wir diese Ebene so einstellen, dass die Füllmethode Multiplizieren und ihre Deckkraft verringert wird, möchten wir die schwarzen Bereiche entfernen, die über den Objekten liegen. Wählen Sie das Zauberstab-Werkzeug (W) und wähle die Ebene aus, die deine Hintergrundillustration enthält. Klicken Sie auf den Bodenbereich (halten Sie die Umschalttaste gedrückt, um mehr als eine Auswahl zu treffen), in dem der Schatten erscheinen soll (ich habe den Schatten kurz versteckt, damit ich sicher sein kann, dass ich keine Bereiche verpasst habe).


Schritt 10

Jetzt wollen wir es invertieren, damit die Teile gelöscht werden, die die Raumobjekte bedecken. Gehen Sie bei noch aktiver Auswahl zu Auswahl > Invertieren. Wählen Sie anschließend die Ebene aus, die den zuvor erstellten Schatten enthält(BG-Shadow2), blenden Sie ihn ein und drücken Sie dann auf die Löschtaste auf Ihrer Tastatur.


Schritt 11

Deaktivieren Sie (Befehl / Strg + D) und stellen Sie diese Ebene so ein, dass die Füllmethode Multiplizieren und die Deckkraft auf 6% verringert wird. Es muss nicht sehr dunkel sein, da in diesem gesamten Bereich des Raums viel Licht hereinkommt. Erstellen Sie eine weitere neue Ebene mit dem Titel "BG-Shadow3" und formen Sie mit dem Lasso-Werkzeug(L) die Schatten, die von den Objekten im Raum erzeugt werden. Wenn Sie sie mit Schwarz ausgefüllt haben (Befehl / Strg + Löschen, wenn Ihre schwarze Farbe vorne ist, oder Alt + Löschen, wenn Ihre schwarze Farbe hinten ist), wiederholen Sie die Auswahloption zum Umkehren. Wählen Sie also genau wie beim Fensterschatten auf dem Boden die Ebene aus, die den Hintergrund enthält, und wählen Sie das Zauberstab-Werkzeug (W), um den Boden auszuwählen. Kehren Sie nach der Auswahl zu der Ebene zurück, in der sich die Objektschatten befinden. Gehen Sie dann zu Auswahl > Invertieren und klicken Sie auf der Tastatur auf Löschen, damit der Schatten die Objekte nicht mehr bedeckt. Ich fand es zu hart für das Auge, also fügte ich eine Gaußscher Weichzeichner hinzu. Gehen Sie dazu zu Filter > Dämpfung > Gaußscher Weichzeichner. Ich ging mit 20% und klickte dann auf OK.


Schritt 12

Sobald dies abgeschlossen ist, setzen wir die BG-Shadow3-Ebene so, dass sie die Deckkraft multipliziert und verringert (ich habe meine auf 20% eingestellt).


Schritt 13

Wir haben die erste Runde der Farben beendet! Bevor wir fortfahren, möchten wir unsere Ebenen organisieren, um Unordnung zu vermeiden. Wenn Sie glauben, dass Sie zu einem späteren Zeitpunkt in der Abbildung zu diesen Schattenebenen zurückkehren, erstellen Sie einen Ordner mit dem Titel "FG" und platzieren Sie die Vordergrund- und FG-Shadow1-Ebenen darin. Um einen Ordner zu erstellen, suchen Sie einfach Ihr Ebenenfenster und unten finden Sie ein Ordnersymbol. Drücken Sie darauf und ziehen Sie die gewünschten Ebenen hinein. Erstellen Sie einen zweiten Ordner darunter, in dem Sie "BG" kippen, und fügen Sie im Hintergrund die Ebenen BG-Shadow1, BG-Shadow2 und BG-Shadow3 ein. Wir können die Ebene der Lichtquelle jetzt löschen. Ich habe Ordner für das Lernprogramm erstellt, aber normalerweise füge ich einfach alle Schattenebenen zusammen (dies erleichtert Ihre Datei und ermöglicht eine schnellere Ausführung von Photoshop).


Schritt 14

Für die zweite Farbrunde verwenden wir das Pinsel-Werkzeug (B) mit einer runden harten Kante (Photoshops Standardpinselsatz) mit der Farbe Schwarz. Ich habe die Einstellungen meines Pinsels nach meinen Wünschen angepasst, damit er reagiert, wenn ich fester oder weicher auf mein Tablet drücke. Im folgenden Screenshot sehen Sie die Version, wenn alles deaktiviert ist, und daneben habe ich meine Pinseleinstellungen zum Vergleichen angezeigt. Sowohl die Optionen in der dynamischen Form des Pinsels als auch die andere Dynamik sind auf 0% festgelegt. Sie können dies ändern, indem Sie auf den Text der aktivierten Kontrollkästchen klicken. Um dieses Fenster zu finden, gehen Sie zu Fenster > Formen (oder drücken Sie F5 auf Ihrer Tastatur).


Schritt 15

Ebenen, eine über dem FG-Ordner (Titel "FG-Shadow2") und eine zweite über einem BG-Ordner (Titel "BG-Shadow4"). Ignorieren Sie dann alle Kribbeln, die drohen, sich auf Ihr Gesicht zu kriechen, und beginnen Sie, sich zurückzuziehen. Es ist würdig, weil es auf den ersten Blick nicht besonders hübsch aussieht. Und obwohl es völlig unkontrolliert aussieht, beachten Sie, dass ich einen dünneren px für den Pinsel verwendet habe, um die Baumstruktur weiter zu definieren, aber einen dickeren px für den Pinsel verwendet habe, um seine Kurven hervorzuheben. Stellen Sie sicher, dass Sie die dunkleren Bereiche des Hintergrunds im neu erstellten BG-Shadow4 und die des Vordergrunds im neu erstellten FG-Shadow2 malen, damit FG und BG getrennt bleiben.


Schritt 16

Jetzt wollen wir sowohl die BG-Shadow4- als auch die FG-shadow2-Ebene so einstellen, dass die Füllmethode Multiplizieren wird und ihre Opazität bei 20% liegt. Dies ermöglichte es uns, der Abbildung mehr Tiefe zu verleihen.


Schritt 17

Platzieren Sie Ihre neuen Schattenebenen in den entsprechenden Ordnern (stellen Sie sicher, dass sie oben und nicht unter Ihrer Strichgrafik und der Hintergrund- / Vordergrundebene liegen) und erstellen Sie zwei weitere Ebenen. "FG-Highlights" und "BG-Highlights". Hier machen wir genau das Gleiche wie in Schritt 15, nur dass wir diesmal eine weiße Farbe verwenden. Wählen Sie Ihren Pinsel (rund, scharfkantig) und berühren Sie die Bereiche, in denen das Licht am stärksten hervorgehoben wird. Ich habe einen dicken Pixel für meinen Pinsel verwendet und dank meiner Einstellungen fühlt er sich beim Malen weich an, mehr noch, wenn Sie einen Pinsel verwenden, der etwas größer ist als normalerweise. Sie könnten auch einen runden Pinsel mit weichen Kanten verwenden, aber ich finde, dass er den Dingen ein verschwommenes Gefühl verleiht, insbesondere auf einer von einem Vektor erstellten Basis, da der Vektor so sauber geschnitten ist und Sie ihn nicht vollständig entfremden möchten.


Schritt 18

Hier ist keine Füllmethode erforderlich. Verringern Sie einfach die Deckkraft der beiden Ebenen auf 30%. Verschieben Sie die Highlight-Ebenen in ihre jeweiligen Ordner. FG-Highlight > FG und BG-Highlight > BG.


Schritt 19

Nachdem ich in all diesen Farben und Highlights gearbeitet habe, ist die Flüssigkeit in den Töpfen und Bechern nicht mehr so lebendig und ich finde, dass die Blumen ebenfalls gedämpft sind. Erstellen Sie eine neue Ebene und nennen Sie sie "Gradient1". Wählen Sie dann Ihre Vordergrundebene in Ihrem FG-Ordner aus, wählen Sie das Zauberstab-Werkzeug(W) und klicken Sie auf die Bereiche, die Sie bunter machen möchten (Um mehr als einen Bereich gleichzeitig auszuwählen, halten Sie die Umschalttaste gedrückt). Stellen Sie sicher, dass Sie in die Strichzeichnungen klicken. Kehren Sie zu Ihrer Ebene "Verlauf1" zurück und wechseln Sie zum Verlauf-Werkzeug (G). In Ihrer Optionsleiste (oben in Ihrem Programm) werden die Verlaufsoptionen angezeigt, nachdem Sie auf das Werkzeug geklickt haben. Wählen Sie den linearen Verlauf (erster in der Reihe) und klicken Sie dann auf die Farbverlaufsoptionen. Ein Fenster wird angezeigt und darin finden Sie die Standard-Photoshop-Verläufe und die Optionen, die zum Erstellen eigener Fenster erforderlich sind. Da in der Standardserie ein Regenbogenverlauf verfügbar ist, werden wir diesen auswählen.


Schritt 20

Wenn Sie die Farben Ihres Verlaufs ausgewählt haben, verwenden Sie das Verlauf-Werkzeug (G) und zeichnen Sie einen Verlauf in Ihre Auswahl (den, den Sie mit dem Zauberstab erstellt haben). Deaktivieren Sie (Strg + D) und stellen Sie dann die Ebene "Verlauf1" auf die Füllmethode Negativ multiplizieren ein und verringern Sie die Deckkraft auf 30%. Lust, die Blumen sterben nicht mehr! Tipp: Manchmal ist es besser, einen Farbverlauf Blume für Blume anzuwenden (oder was auch immer Sie zeichnen), da dann der gesamte Farbverlauf diese eine Blume bedecken kann, anstatt drei von ihnen gleichzeitig. Sie möchten dieselben Schritte auf alle anderen Blumen und Flüssigkeiten in den Töpfen und Bechern der Abbildung anwenden.


Schritt 21

Wir werden die Wasserelemente in dieser Abbildung hinzufügen. Wasser ist wirklich schwer zu schöpfen und ich habe es wie die Pest vermieden, bis ich es nicht mehr konnte. Ich habe einen einfachen Weg gefunden, dieses Element zu zeichnen, und hoffe, dass Sie es auch effektiv finden. Zeichnen Sie die Form des Wassers mit der Farbe Weiß (ich mache dies mit dem Lasso-Werkzeug (L)) und verringern Sie dann die Deckkraft (irgendwo zwischen 20 und 40%). Wählen Sie einen dünnen px-Pinsel aus und geben Sie ihm einen hervorgehobenen Umriss und einige zickzackförmige Linien in der Mitte, um die Wasserbewegung anzuzeigen. Und das war's auch schon. Dies funktioniert an Wasserfällen und in Töpfen, nicht so sehr an großen Oberflächengewässern wie Ozeanen. Sie können ihm ein blaues Highlight geben. Ich habe dies im Teich in der unteren Mitte der Abbildung getan. Ich habe die weiße Form ausgewählt, die ich gezeichnet habe, und einen blauen Farbverlauf darüber in einer neuen Ebene angewendet. Dabei wurde die Füllmethode auf Negativ multiplizieren so eingestellt und die Deckkraft verringert. Ich habe auch die Wasserringe in den Töpfen und Bechern stärker betont, indem ich weiße Ringe darauf gemalt habe.


Schritt 22

Wir arbeiten schon seit einiger Zeit an der Gesamtillustration und ähnlich wie bei den Blumen, Töpfen und Bechern fällt der Charakter nicht mehr auf. Also werden wir ihr einige Details geben, damit sie wieder herausspringt. Da wir das Pinsel-Werkzeug (B) und die Farbverläufe (G) verwenden, werde ich nicht mehr erklären, wie sie funktionieren. Ich fügte ihrem Haar und ihren Kleidern einen blauen Farbverlauf hinzu und zeichnete am Bund ein Muster mit einem dünnen px-Pinsel heraus, das ich dann mithilfe der Verformungsoption (Gehe zu Bearbeiten > Transformieren > Verformen) so veränderte kann ihrer Körperkurve folgen. Jeder Gradient und das Muster wurden so eingestellt, dass sie weiches Licht in der Füllmethode aufweisen und die Deckkraft zwischen 30 und 50% verringert. Ich habe einige härtere Glanzlichter mit einem dünnen PX-Pinsel und weißer Farbe hinzugefügt.


Schritt 23

Texturen sind fantastisch. Sie können viel bringen und hinzufügen. Für diese Illustration habe ich meine eigenen Texturen gemacht. Sie können sie kostenlos herunterladen. Ihre Links befinden sich oben in diesem Tutorial in den Assets. Es ist gut zu wissen, welche Art von Texturen Sie benötigen, bevor Sie nach ihnen suchen oder sie erstellen. In diesem Fall wollen wir Holzstruktur und etwas mit einem grobkörnigen Gefühl für den Boden. Ich machte Nahaufnahmen von allem Holz, das ich rund um das Haus finden konnte, und ging nach draußen, um Dinge zu fotografieren, von denen ich dachte, dass sie nützlich sein könnten. Am Ende hatte ich einen Vorhang, eine Bürolampe, ein Küchentuch, einen Holzschreibtisch und eine Gartenbank (in dieser Reihenfolge gezeigt). Einige könnten Arbeit gebrauchen. Wir werden die ersten beiden Texturen miteinander mischen und einen Fotofilter hinzufügen, den Kontrast anpassen und die Farbe im dritten ändern.


Schritt 24

Öffnen Sie zuerst die zweite Textur (die Nahaufnahme der roten Bürolampe). Datei > Öffnen > OfficeLamp.jpg. Sobald es geöffnet ist, gehen Sie zu Bild > Anpassungen > Pigment und Sättigung. Wir möchten das Rot etwas weniger auffällig machen, also die Sättigung auf etwa -30 senken und dann auf OK klicken. Jetzt öffnen wir die erste Textur (die Nahaufnahme des Vorhangs) und ziehen sie aus der Leinwand, um sie über dem Rot zu platzieren. Sobald es oben perfekt eingerastet ist, stellen wir einfach die Füllmethode auf Multiplizieren ein. Dann wählen wir das Radiergummi-Werkzeug (E) und verwenden einen großen px-Pinsel, dessen Deckkraft auf etwa 50% eingestellt ist. Löschen Sie nun die Bereiche, die im Gegensatz dazu wirklich dunkel sind, und entfernen Sie diese Bereiche, damit die rote Textur darunter wieder etwas erscheint. Erstellen Sie anschließend eine neue Ebene, wählen Sie das Verlauf-Werkzeug (G) und wählen Sie eine aus, die Ihnen gefällt (ich habe gedämpfte Grüns und Bernsteine mit einer linearen Form verwendet), um dann einen Verlauf zu erstellen, der die bisherige Textur abdeckt. Stellen Sie diese Ebene so ein, dass weiches Licht in der Füllmethode angezeigt wird. Füge deine Ebenen zusammen, speichere die Datei und dort hast du eine brauchbare Textur erstellt!


Schritt 25

Öffnen Sie nun die dritte Textur (Küchentuch). Datei > Öffnen > KitchenTowel.jpg. Sobald es dort ist, gehen Sie zu Bild > Anpassungen > Fotofilter. Ein Fenster öffnet sich und wir klicken auf die Filterleiste und wählen 'Sepia'. Ich habe die ganze Zeit über eine sehr hohe Dichte (60%) verwendet, während ich das Licht konserviert habe. Wenn Sie einen gewünschten Ton ausgewählt haben, klicken Sie auf OK. Gehen Sie nun zu Bild > Anpassungen > Licht und Kontrast. Stellen Sie den Kontrast auf + 20 und das Licht auf -5 und klicken Sie dann auf OK. Und als letztes erstellen Sie eine neue Ebene darüber, um einen Farbverlauf darin zu platzieren (ich habe mich für Rot, Weichgelb und Grün mit einer linearen Form entschieden). Stellen Sie dies auf Füllmethode-Ineinanderkopieren ein, speichern Sie die Textur und fertig!


Schritt 26

Nachdem wir unsere Texturen vorbereitet haben, möchten wir alle vier öffnen und in die Datei der Abbildung ziehen. Verstecken Sie alle Texturen mit Ausnahme der hölzernen Schreibtischstruktur. Platzieren Sie es zwischen Ihren BG- und FG-Ordnern (Sie können den FG-Ordner vorerst ausblenden). Wir werden es auf dem Holzgeländer verwenden, das die Mitte der Fenster umrahmt, und auf dem Fensterrahmen selbst. Aufgrund der Perspektive werden wir die Textur so manipulieren, dass sie der Form der Abbildung folgt. Beginnen wir mit der linken Seite. Gehen Sie zu Bearbeiten > Transformieren > Torsion. Dadurch wird Ihre Textur so ausgewählt, dass Sie ihre Richtung ändern können. Jetzt wollen wir die oberen und unteren Ecken rechts in Richtung der Baummitte und die oberen und unteren Ecken links nach hinten verschieben und sie größer als die rechte Seite machen (sehen Sie Screenshot). Sie können den Grund der Abbildung als Referenz verwenden und versuchen, den unteren Rand der Textur am Boden auszurichten. Wenn Sie mit der neuen Richtung zufrieden sind, drücken Sie die Eingabetaste, damit die Transformation freigegeben wird. Jetzt duplizieren wir es (Befehl / Strg + J), klicken mit der rechten Maustaste darauf und spiegeln es horizontal. Drücken Sie die Eingabetaste, um die Transformation freizugeben, und verschieben Sie sie auf die rechte Seite der Abbildung, damit sie den rechten Fensterrahmen abdeckt.


Schritt 27

Füge diese beiden Ebenen zusammen. In der oberen rechten Ecke Ihres Ebenenfensters befindet sich ein kleiner Pfeil. Klicken Sie darauf und dann auf "Mit unterster Ebene zusammenführen". Sobald die beiden Texturen zusammengeführt sind, blenden Sie sie aus, gehen Sie in Ihren Hintergrundordner und wählen Sie die Hintergrundebene aus. Wählen Sie das Zauberstab-Werkzeug(W) und klicken Sie in die Strichzeichnungen, die den Fensterrahmen und das Holzgeländer enthalten. Wenn Sie alle Bereiche ausgewählt haben, in denen die Textur angezeigt werden soll, invertieren Sie die Auswahl (Auswählen > Invertieren) und klicken Sie dann auf Ihre Texturebene. Klicken Sie auf Ihrer Tastatur auf Löschen. Jetzt, da die Holzstruktur nur in den Bereichen angezeigt wird, in denen Sie sie benötigen, können Sie die Füllmethode der Textur auf weiches Licht einstellen und die Deckkraft auf 30% senken. Wenn Sie feststellen, dass einige Bereiche zu offensichtlich sind, verwenden Sie das Radiergummi-Werkzeug (E) mit geringer Deckkraft und löschen Sie die Bereiche, bis Sie mit dem Ergebnis zufrieden sind.


Schritt 28

Wiederholen Sie diese Schritte auf der Gartenbankstruktur, um sie an den Boden der Abbildung anzupassen. Stellen Sie sie jedoch nicht auf Füllmethode für weiches Licht ein, sondern auf Füllmethode-Ineinanderkopieren und ändern Sie die Deckkraft nicht. Wenn Sie feststellen, dass mehr Textur benötigt wird, fügen Sie die Handtuchküchenstruktur hinzu und spielen Sie mit den Füllmethoden und Deckkräfte, bis Sie damit zufrieden sind.


Schritt 29

Die letzte Textur, die wir dem Hintergrund hinzufügen, ist die Bürolampenstruktur, die wir zuvor mit der Vorhangtextur gemischt haben. Da es über den Baum geht, müssen wir keine Torsionstransformation durchführen. Aber wie zuvor wählen wir die Hintergrundebene aus, wählen mit dem Zauberstab-Werkzeug (W) den Baum innerhalb der Strichzeichnungen aus, kehren die Auswahl um, kehren zur Texturebene zurück und klicken dann auf die Schaltfläche Löschen. Ich habe ein Ineinanderkopieren in der Füllmethode und eine Deckkraft von 25% verwendet. Ich habe die gleichen Schritte verwendet, um die hölzerne Schreibtischstruktur auch auf den beiden Bäumen im Vordergrund hinzuzufügen (Füllmethode Weiches Licht, Deckkraft 30%).


Schritt 30

Ich weiß nichts über euch, aber die Datei wird so schwer, dass mein Computer nach Ruhestand schreit. Speichern Sie diese PSD-Datei, schließen Sie sie und duplizieren Sie sie (Meine PSD befand sich auf meinem Desktop). Öffnen Sie das Duplikat in Photoshop. Führen Sie nun alle Ebenen zusammen und speichern Sie sie. Sie können auch einfach alle Ihre Ebenen in Ihrer ursprünglichen psd-Datei zusammenführen und von dort aus weiter daran arbeiten. Wenn Sie jedoch Ihre Ebenen behalten und zurückkehren möchten, duplizieren Sie sie und führen Sie sie zusammen. Ich habe die zusammengeführte Ebene FG betitelt, da wir jetzt den wahren Hintergrund erstellen müssen, der durch die Fenster sichtbar wird, und die Illustration, die wir bisher haben, wird im Wesentlichen zum Vordergrund.


Schritt 31

Bevor wir mit dem Hintergrund beginnen, der durch die Fenster zu sehen ist, stellte ich fest, dass einige Dinge fehlten. Ich habe zwei Möglichkeiten verwendet, um der Abbildung mehr hinzuzufügen. Das erste war das Malen von Elementen mit dem Pinsel (B) und das zweite das Duplizieren vorhandener Elemente und das einfache Ändern der Farben mit dem Zauberstab-Werkzeug (W), sodass es nicht so offensichtlich ist, dass ich sie dupliziert habe. Ich habe auch das Gesicht des Charakters ein letztes Mal nachgebessert. Sie finden Schmetterlinge, zusätzliche Töpfe und Becher, einen Anschein einer auf dem Boden gezeichneten Karte und weitere Bücher und Kissen. Ich habe auch kleine Namensschilder auf die Töpfe gemalt, um ihnen mehr Details zu geben.


Schritt 32

Speichern Sie Ihre Datei, schließen Sie sie und öffnen Sie eine neue. Datei > Neu > Wählen Sie eine A4-Größe und klicken Sie dann auf OK. Gehen Sie nun zu Bild > Drehen > 90 Grad. Jetzt haben wir eine neue Leinwand, auf der wir unser 'weit entferntes' Schloss zeichnen können. Hierfür verwenden wir eine Aktienreferenz (die freundlicherweise von Sharon Milne für mich bei Photodune.com gekauft wurde), zu der Sie die Links in den Assets oben in diesem Tutorial finden. Sie müssen nicht groß sein, da wir nicht viele Details zeichnen werden. Was hier wichtig ist, ist die Gesamtform. Öffnen Sie die Fotos und ziehen Sie sie in Ihre neu erstellte Leinwand. Ich wollte Burgen von vorne ohne allzu großen Winkel sehen, da ich möchte, dass das Gewächshaus von der Burg umgeben und nicht auf einem Hügel mit Blick auf die Burg platziert wird.


Schritt 33

Jetzt werden wir ein bisschen schlachten. Wählen Sie das Lasso-Werkzeug (L) und nur die Burgenformen. Sobald dies abgeschlossen ist, invertieren Sie (Auswahl > Invertieren) und klicken Sie auf die Schaltfläche Löschen, damit der Himmel, der Boden und alles, was sie sonst noch umgibt, verschwunden ist. Sie müssen nicht präzise sein.


Schritt 34

Jetzt möchten Sie die von Ihnen vorgenommene Schlossauswahl verwenden und ein großes Schloss erstellen, das durch die Fenster der Abbildung sichtbar wird. Es gibt keine wirkliche Logik dafür, ich klebe sie einfach zufällig zusammen und ziele auf etwas, das gut aussieht. Ich habe den Sandburgbestand dupliziert (Befehl / Strg + D), da ich diesen besonders schön fand. Ich habe einige gespiegelt (Rechtsklick > horizontal spiegeln). In dem weißen Bereich zwischen ihnen befindet sich der mittlere Baum neben der Abbildung.


Schritt 35

Verringern Sie jetzt die Deckkraft Ihrer Referenz (zwischen 30 und 50%) und erstellen Sie eine neue Ebene darüber mit dem Titel "Dächer". Ich habe den Screenshot auf einen Teil des Schlosses konzentriert, damit er dank der Nahaufnahme leichter zu sehen ist. Wähle das Lasso-Werkzeug (L) und wähle eine helle Farbe (ich habe Rosa gewählt, nicht dass es wichtig ist, wir werden die Farbe des Schlosses später ändern, wenn wir es der Abbildung hinzufügen). Suchen Sie nun alle Dächer in Ihrer Schlossreferenz und formen Sie diese mit dem Lasso-Werkzeug aus. Wenn Sie Ihre Auswahl abgeschlossen haben, drücken Sie Befehlstaste / Strg + Löschen, damit die von Ihnen ausgewählte helle Farbe angezeigt wird (Alt + Löschen, wenn die Hintergrundfarbe Ihre Auswahl ausfüllen soll).


Schritt 36

Erstellen Sie eine neue Ebene unter der Ebene "Roofs" und nennen Sie sie "Walls1". Wählen Sie eine dunklere Farbe und wählen Sie mit dem Lasso-Werkzeug (L) alle Wände aus, die in Ihrer Referenz am hellsten sind. Sobald die Auswahl getroffen ist, drücken Sie Befehlstaste / Strg + Löschen, um die von Ihnen gewählte dunklere Farbe anzuzeigen.


Schritt 37

Erstellen Sie eine weitere neue Ebene, platzieren Sie sie unter den Ebenen Dächer und Wände1 und nennen Sie sie "Walls2". Wählen Sie eine noch dunklere Farbe und mit dem Lasso-Werkzeug werden alle verbleibenden Wände in der Referenz ausgewählt. Drücken Sie Befehl / Strg + Löschen, damit die von Ihnen gewählte dunklere Farbe Ihre Auswahl ausfüllt. Führen Sie nun die Ebenen Dächer, Wände1 und Wände2 zusammen, verringern Sie die Deckkraft so niedrig, dass die Referenz durch sie hindurch sichtbar ist, und prüfen Sie, ob Wände vorhanden sind, die einen anderen Farbton verwenden könnten (Wählen Sie eine Farbe zwischen Ihrem ersten und Ihrem zweiten Wandton aus Wandschirm). Wenn ja, wählen Sie diese Bereiche mit dem Lasso-Werkzeug aus und füllen Sie sie mit der ausgewählten Farbe aus. Behalten Sie die Deckkraft bei, damit die Referenz weiterhin angezeigt wird.


Schritt 38

Nachdem wir eine solide Basis erstellt haben und die Referenz als Richtlinie verwenden, wählen wir das Pinsel-Werkzeug (B), die runde und die harte Kante aus und malen in den Fenstern (ich habe eine dunklere Farbe als die dunkelsten Wände gewählt). Es muss nicht sehr genau sein, da es nicht angezeigt wird, sobald das Schloss in der Abbildung platziert ist. Wir können den felsigen Gebieten auch einen kleinen Umriss geben, damit sie genauer definiert werden. Im selben Schritt werden wir etwas Schatten hinzufügen. Erstellen Sie eine neue Ebene und übermalen Sie die Bereiche, in denen sich die Wände voneinander trennen. Machen Sie sich keine Sorgen, dass es unordentlich wird, da wir danach die Füllmethode Multiplizieren und die Deckkraft zwischen 20 und 50% senken (je nachdem, mit was Sie sich wohl fühlen).


Schritt 39

Nun kommen die Highlights. Erstellen Sie also eine neue Ebene, wählen Sie das Pinsel-Werkzeug (B) und eine weiße Farbe (verwenden Sie nicht zu kleine Pixel, es ist in Ordnung, wenn es unordentlich ist) und tupfen Sie sie auf die Bereiche, die etwas Highlight benötigen. Wenn es zu hart ist, verringern Sie die Deckkraft der Ebene, bis Sie mit dem Aussehen zufrieden sind. Verkleinern Sie jetzt den Pinsel in px (ich ging von 20 px auf 5px) und zoomen Sie auf die Dächer, um die Kanten zu übermalen. Dies gibt ihnen ein wichtigeres Highlight als der Rest des Schlosses. Ich persönlich mache Stück für Stück und nicht das gesamte Schloss auf einmal.


Schritt 40

Nachdem die Burg fertig ist, löschen Sie die Referenz und führen Sie alle Ebenen zusammen. Öffnen Sie die psd-Datei der Abbildung erneut und ziehen Sie das Schloss hinein. Platzieren Sie es unter Ihrer FG-Ebene, damit es hinter der Abbildung angezeigt werden kann. Ich fand es zu gerade und wollte mehr Türme, also öffnete ich den Sandburgbestand und den dunkelbraunen Schlossbestand wieder und zeichnete mit den zuvor beschriebenen Schritten eine Burg darüber.


Schritt 41

Ich habe beide Burgen entsättigt (Bild > Anpassungen > Entsättigung) und sie dann verschoben, bis sie so positioniert waren, wie es mir gefiel. Mit dem Radiergummi-Werkzeug (E) können Sie bestimmte Bereiche entfernen und die beiden getrennten Burgen etwas besser ineinander greifen. Oder malen Sie mehr Türme, Wände usw. Der erste Screenshot zeigt die neue Komposition des ersten Schlosses und der zweite zeigt die neue Komposition des zweiten Schlosses über dem ersten:


Schritt 42

Um abgeschnittene Bereiche zu verbergen, können wir entweder mehr von der Burg zeichnen oder betrügen / faul sein und Nebel hinzufügen. Dazu wählen wir das Pinsel-Werkzeug (B), groß in px, runde und harte Kante bei geringer Deckkraft (20%). Oder verwenden Sie einen weißen transparenten Farbverlauf in kreisförmiger Form und lassen Sie ihn über dem Schloss Gestalt annehmen, wobei Sie den Teil verbergen, den Sie verbergen möchten. Lassen Sie nun entweder den Himmel hinter dem Schloss weiß oder verwenden Sie einen Farbverlauf, um ihm etwas Farbe zu verleihen. Ich wählte einen Farbverlauf aus Grün und Blau und fügte mit dem Pinsel weiße Flecken hinzu. Wenn Sie nicht wissen, wie Sie Ihre eigenen Verläufe erstellen können, klicken Sie auf die Verlaufsvorschau, die Sie in Ihrer Optionsleiste finden. Wenn das Verlaufsfenster angezeigt wird, wählen Sie den Verlauf aus, der am unteren Rand des Fensters angezeigt wird. Sie werden feststellen, dass Sie Farben auswählen können, wenn Sie auf die Verlaufsfarben klicken. Wenn Sie Ihre Farben ausgewählt haben, klicken Sie auf 'Neu' und es wird Ihrer Verlaufsliste hinzugefügt. Klicken Sie dann auf OK und verwenden Sie es über das Verlauf-Werkzeug(G).


Schritt 43

Um Ihrem Schloss wieder Farbe zu verleihen, legen wir einfach einen Farbverlauf darauf, stellen ihn auf Weiches Licht in der Füllmethode ein und verringern dann die Deckkraft zwischen 60 und 80%. Sobald dies abgeschlossen ist, füge alle deine Burgebenen zusammen (einschließlich Hintergrund mit Farbverlauf). Ich fand das Schloss leicht sichtbar, also verringerte ich die Deckkraft der Ebene auf 85%.


Schritt 44

Jetzt kommt der letzte Schliff, bevor wir es beenden. Wir haben jetzt die FG-Ebene und die Castle-Ebene. Wenn Sie die Burg nicht vom Vordergrund trennen möchten, führen Sie sie zusammen. Andernfalls legen Sie sie in einem Ordner zusammen. In beiden Fällen werden wir es duplizieren (Befehl / Strg + J) und eine Oberflächenunschärfe hinzufügen. Gehen Sie zu Filter > Dämpfung > Oberflächen-Weichzeichner. Stellen Sie den Radius auf 4 und den Schwellenwert auf 14 ein. Klicken Sie auf OK. Stellen Sie die Deckkraft dieser Ebene zwischen 50 und 60% ein, damit die Unschärfe nicht überwältigend ist, sondern eine verträumte Atmosphäre erzeugt. Wählen Sie dann das Radiergummi-Werkzeug (E), stellen Sie es auf einen großen Pixel ein und verringern Sie die Deckkraft auf 60%, damit wir den vorderen Rahmenbereich in dem Weichzeichner "sanft" löschen können (vorderer Rahmen: Die zwei Bäume vorne, die drei Pflanzen) , der Charakter und die hängenden Töpfe).


Schritt 45

Jetzt wollen wir alle Farben ein wenig vereinen und die Atmosphäre aufwärmen. Erstellen Sie eine neue Ebene und gehen Sie dann zu Bild > Bild anwenden. Kehren Sie nach dem Erstellen zu Bild > Anpassungen > Fotofilter zurück. Wählen Sie den Sepia-Filter und stellen Sie seine Dichte zwischen 20 und 30% ein. Stellen Sie sicher, dass die Schaltfläche "Licht erhalten" aktiviert ist.


Schritt 46

Dann wäre der letzte Schritt, den Kontrast anzupassen. Gehen Sie zu Bild > Anpassung > Licht und Kontrast. Ich stelle das Licht auf -4 und den Kontrast auf +6.


Endgültiges Bild