1. Design & Illustration
  2. Graphic Design
  3. 3D Design

Erstellen Sie eine flippige Perspektive eines Modells Riding Digital Volume

Dies ist ein Tutorial, das perspektivische Techniken und wie Sie das Gefühl von Tiefe und Bewegung erreichen können.  Wir werden dies in ein paar Schritten tun, wie zum Beispiel den Hauptcharakter platzieren, das Volumen verblassen lassen und Vordergrund- und Hintergrundbilder hinzufügen.  Lass uns anfangen!
Scroll to top

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

Dies ist ein Tutorial, das perspektivische Techniken und wie Sie das Gefühl von Tiefe und Bewegung erreichen können.  Wir werden dies in ein paar Schritten tun, wie zum Beispiel den Hauptcharakter platzieren, das Volumen verblassen lassen und Vordergrund- und Hintergrundbilder hinzufügen.  Lass uns anfangen!

Letzte Bildvorschau 

Sieh dir das Bild an, das wir erstellen werden.  Sie können die endgültige Bildvorschau unten anzeigen oder eine größere Version hier anzeigen

Tutorial Details: 

  • Programme: Adobe Photoshop CS4 und Modo 
  • Schwierigkeit: Fortgeschritten 
  • Voraussichtliche Fertigstellung: 5-7 h 

Schritt 1 - Vorbereiten der Leinwand

Bevor wir beginnen, sind einige Dinge erwähnenswert.  Alle Fotos in diesem Tutorial gehören dem Autor Pirosca Marcel.  Sie wurden nicht aus Lagerstätten um das Netz herum gesammelt.  Die Hauptfigur wurde in meinem Fotostudio gedreht. 

Zuerst öffnete ich das ursprüngliche Bild, das von der Aufnahme herrührte, mit dem Hauptzweck, den Charakter und die Schatten auf dem Boden zu isolieren.  Das erste, was ich bemerkte, war, dass sein Gesicht nicht ausdrucksvoll genug für das war, was ich vorhatte. 

Bevor wir anfangen, den Charakter auszuschneiden, musste ich seinen Kopf durch einen von einem anderen Bild ersetzen, wo er optimistischer aussah.  Ich schieße immer jede Menge Fotos ab, wenn solche Situationen auftreten, habe ich viele andere Bilder zur Auswahl.  Das Wichtigste ist, dass die Lichtquellen am selben Ort sein müssen, damit sie sich nahtlos und glaubwürdig integrieren.  Das Licht muss aus denselben Richtungen kommen. Ich habe festgestellt, dass das Bild unten gut zu dem passt, was ich brauchte.

Verwenden Sie das Polygon-Lasso-Werkzeug, um eine Auswahl um seinen Kopf herum zu erstellen.  Der Hintergrund enthält nur eine flache Farbe, daher sollte die Auswahl sehr einfach sein.  Ich wählte seinen Kopf wie in der Abbildung unten und kopierte / kopierte ihn dann in das Originalbild auf einer neuen Ebene. 

Ich skalierte und rotierte es so, dass es dem alten Kopf entsprach. 

Wie Sie sehen können, ist eine gewisse Integration erforderlich, damit der Kopf perfekt verschmilzt.  Zuerst schneiden Sie den Hintergrund aus, damit wir an unserem neuen arbeiten können.  Verwenden Sie das Polygon-Lasso, um es auszuwählen und zu löschen.  Wir sollten jetzt etwas haben, was dem ähnlich ist, was wir unten sehen. 

Beachten Sie, dass der wichtigste Bereich, an dem gearbeitet wird, sein Nacken ist.  Um einen schönen Übergang von einem zum anderen zu erhalten, benötigen wir eine Transparenzmaske auf dem neuen Kopf, dann mit einem relativ weichen (50%) Radierpinsel beginnen einige der harten Kanten auf dem Hals zu löschen, bis Sie ein gutes Ergebnis erzielen.  Dieser Teil ist offen für viele Versuche und Fehler. Daher hilft uns die Verwendung einer Maske, einige Teile wiederherzustellen, die wir versehentlich gelöscht haben.  Schließlich sollten Sie etwas Ähnliches wie das nächste Bild erhalten. 

Wie wir sehen können, müssen wir an einigen Details arbeiten.  Wir müssen die Hemd- und Nackenbeleuchtung reparieren, damit er glaubwürdig ist.  Für den Hals habe ich eine Kombination aus Dodge / Sponge Tool verwendet, wie unten dargestellt.

Um das Shirt zu fixieren, habe ich einen Teil seines T-Shirts kopiert und eingefügt, und dann habe ich es gemischt (mit Kurven und Transparenzmaske). 

Wir sind jetzt bereit, unseren Typ und die Schatten auf dem Boden zu isolieren.  Da er eine harte Kante vor einem flachen Hintergrund hat, sollte es ziemlich einfach sein, ihn mit dem Polygon-Lasso-Werkzeug auszuwählen. Ich persönlich bevorzuge dieses Tool über den Pfad zur Auswahl, da ich keine Kontrollpunkte und Tangenten einstellen muss, obwohl es viel mehr Klicks bedeutet.  Kopiere ihn und füge ihn in eine neue Ebene ein. 

Als nächstes wollen wir den Schatten auf einer anderen Ebene haben.  Wie du sehen kannst, war der Hintergrund des Fotostudios irgendwie schmutzig, also habe ich etwas Oberflächenunschärfe aufgetragen, um die Flecken zu entfernen.  Ich fand, dass diese Art von Unschärfe für diese Operation am besten ist, da sie Rauschen entfernt, während einige Details erhalten bleiben.

Sobald wir diese Stufe erreicht haben, können wir den Schatten mit dem Farbbereich und den folgenden Einstellungen auswählen. 

Natürlich wird es einige unerwünschte Regionen in der Auswahl geben.  Klicken Sie auf OK, und nachdem die Auswahl getroffen wurde, gehen Sie in den Schnellmaskenmodus.  Fahren Sie fort, um die unnötigen Teile zu löschen, wie in der Abbildung unten dargestellt. 

Jetzt müssen wir, um den genauen Schatten zu haben, die Kontur unseres Kerls von der restlichen Auswahl subtrahieren.  Klicken Sie im Quick Mask-Modus bei gedrückter Ctrl-Taste auf das Miniaturbild der Haupt-Zeichenebene in der Ebenen-Palette.  Dadurch wird die Auswahl für diese Ebene geladen.  Drücken Sie Löschen, um die Schnellmaske in der Auswahl zu löschen. 

Beenden Sie den Quick Mask-Modus und wir haben die Auswahl des Schattens.  Kopieren Sie es einfach auf eine neue Ebene. 

Wir haben jetzt den Charakter und seinen Schatten isoliert und auf separaten Ebenen.  Wir sind bereit, das endgültige Bild zu beginnen. 

Schritt 2 - Zusammensetzung

Dies war ein großes Stück Arbeit, Größe verwandt.  Um das endgültige Bild zu erhalten, müssen wir ein Bild von 3613 mal 5000 Pixeln erstellen.  Um eine Vorstellung davon zu bekommen, was ich eigentlich wollte, nahm ich zuerst die Hauptfigur und bewegte sie um die Leinwand; Schließlich entschied er, ihn in die untere Hälfte des Bildes zu stellen, dem Körperfluss folgend.  Auf einer separaten Ebene zu sein bedeutete, dass ich alle möglichen Details hinter ihm hinzufügen konnte.  Das erste, was getan werden musste, war, ihn vom grauen Hintergrund zu unterscheiden. 

Verwende einen weißen, weichen Pinsel mit 20% Opazität, um hinter dem Kerl ein Leuchten zu erzeugen. 

Als nächstes ist es an der Zeit zu bestimmen, wie die Linien im Bild fließen würden.  Dazu benutzte ich mein Tablet mit der Größe, die durch den Stiftdruck und die Opazität auf etwa 30% eingestellt wurde.  Ich fuhr fort, die Linien zu zeichnen, auf denen unser Mann surfte, indem er Shift hielt (so dass der Pinsel eine gerade Linie zog) und stärker auf das Tablett drückte (für die Linie dicker) und dann weniger drückte, während die Linien verblassten Weg. 

Dies gab den Linien das Gefühl von Perspektive und half mir auch, ein Gefühl von Tiefe zu geben.  Ich muss hinzufügen, dass dies ein Prozess ist, der zu viel Versuch und Irrtum führt, so dass es eine Weile dauern kann, bis Sie mit den Ergebnissen zufrieden sind. 

Jetzt wird es interessant.  Um alle abgeblendeten Flugzeuge nachbilden zu können, habe ich den Vanishing Point Filter verwendet, um das Flugzeug, auf dem unser Mann gerade surft, zu beobachten.  Es gibt eine ganze Diskussion hier, weil Sie diese Ebene nicht genau definieren können, wie es in Wirklichkeit ist, da Sie keine Referenz haben.  Nach mehreren Versuchen entschied ich mich für den unten stehenden und dachte, es funktioniert. Gehen Sie dazu zu Filter> Fluchtpunkt.

Der Deal mit Fluchtpunkt ist, dass diese Flugzeuge um 90 Grad oder beliebig erweitert werden können.  Mit dieser Methode konstruierte ich weitere Ebenen, um den Überblick über die Perspektive zu behalten, während ich versuchte, meine Skizzen so nah wie möglich anzugleichen. 

Mit diesem Setup konnte ich Elemente hinzufügen, die entlang dieser Ebenen fließen.  Aber zuerst hatte ich einen Grund, mich zu beruhigen. 

Irgendwo entlang der Linie experimentierte ich mit Farbvariationen, da das Grau ein wenig langweilig schien.  Ich liebe Farbe und habe beschlossen, seine Kraft zu nutzen, um ihm ein wenig Punch zu geben. 

Schritt 3 - Farbschema 

Um die richtigen Farben für dieses Stück zu erhalten, habe ich drei Anpassungsebenen verwendet und sie oben auf dem Bild platziert. Zwei von ihnen betreffen nur die Haut (mit Masken), und eine dritte, um die allgemeine Stimmung einzustellen.  Für die Haut, eine Ebene und eine Farbbalance, um subtile Farbverstärkung hinzuzufügen.

Und dann eine Farbbalance, die sich auf das gesamte Bild auswirkt und eine insgesamt grünliche Stimmung erzeugt.  Die Einstellungen sind unten aufgeführt. 

Wir sind jetzt bereit, die Details hinzuzufügen. 

Schritt 4 - Digitales Volumen 

Öffnen Sie Illustrator, und kopieren / einfügen und skalieren Sie vertikale Rechtecke. Sie erhalten so etwas wie das erste digitale Volumen im Bild unten.  Erstellen Sie eine Kopie und verschieben Sie sie unter. 

Durch Hinzufügen von horizontalen Rechtecken und Subtrahieren von ihnen, ist es leicht, die zweite zu erhalten.  Erstellen Sie einfach ein Rechteck, verschieben Sie es vertikal (indem Sie die Alt-Taste gedrückt halten, um eine Kopie zu erstellen), und drücken Sie wiederholt die Tastenkombination Befehl + D, um es zu multiplizieren. 

Kopieren Sie die zweite Volumengrafik und gehen Sie zu Photoshop. 

Fügen Sie es nun in den Fluchtpunktfilter ein.  Aus irgendeinem Grund erlaubt Photoshop das direkte Einfügen von Pfaden aus Illustrator nicht.  Also müssen wir es als Pixel zuerst auf eine neue Ebene einfügen.  Drehen Sie es und skalieren Sie es vertikal wie in der Abbildung unten, um so viel Auflösung wie möglich zu erhalten.

Klicken Sie dann bei gedrückter Befehlstaste auf die Ebenenminiatur in der Ebenenpalette.  Dadurch wird die Auswahl dieser Ebene angezeigt.  Drücken Sie die Tastenkombination "Befehl + C", um sie in den Cache zu kopieren, und löschen Sie die Ebene.  Wir können jetzt zum Fluchtpunktfilter wechseln. 

Gehe zu Filter> Fluchtpunkt und füge es ein.  Sie sollten etwas wie das unten gezeigte haben. 

Wenn Sie diese Auswahl auf die Bodenebene ziehen, berechnet Photoshop automatisch die richtige Perspektive für Sie. 

Tun Sie es noch einmal, um die Lautstärke weiter zu erweitern. 

Gehen Sie zu den Überblendungsoptionen und fügen Sie die unten gezeigten Stile hinzu. 

Sie sollten jetzt etwas haben, das so aussieht. 

Um einige der Quadrate transparent zu machen, wie im letzten Bild, erstellen Sie eine Transparenzmaske für diese Ebene und malen Sie dann mit einem 50% -Grau (# 7a7a7a) über die gewünschten Quadrate.  Dies kann ein langwieriger Prozess sein und es liegt an Ihnen zu entscheiden, welche Sie opak und welche nicht verlassen.  Ich werde es veranschaulichen.

Nun, um ein wenig Punch zu geben, dupliziere diese Ebene, setze ihre Deckkraft auf 68% und trage die folgenden Kurven (Befehl + M) auf ihre Transparenzmaske auf und du erhältst diese.  Das Grau in der Maske sollte schwarz sein, so dass diese Ebene nur die undurchsichtigen Quadrate beeinflusst. 

Es sollte ungefähr so ​​aussehen. 

Wir haben einen heiklen Teil erreicht, der eine Menge Optimierungen erfordert, aber die Hauptidee ist, eine Kopie des Volumens zu verwenden, sie an Ort und Stelle zu bringen und dann mit dem Warp-Tool die Krümmung zu simulieren.  Der heikle Teil ist, dass einige der Linien in die falsche Richtung gebogen werden und ich sie persönlich korrigieren musste.  Ziemlich zeitaufwendig muss ich sagen, aber keine andere Idee kam mir in den Sinn. 

Erstellen Sie mit derselben Technik wie zuvor eine Transparenzmaske und blocken Sie einige transparente Quadrate mit einem 50% igen Grau aus.

Verwenden Sie erneut den Fluchtpunktfilter, Warp und eine Transparenzmaske, um den nächsten Abschnitt zu erstellen.  Es wird etwas Arbeit brauchen, aber ich habe bereits die notwendigen Techniken illustriert. 

Wir fügen die restlichen Abschnitte hinzu, bis sie verschwinden. 

Zurück zu Illustrator.  Erstellen Sie mit dem Stiftwerkzeug einen Pfad entlang der Skizzenlinien.  Dann um die Ecken.  Der einfachste Weg zum Verrunden von Vertices ist die Verwendung eines Skripts namens Round Any Corner in diesem Archiv.  Lesen Sie hier mehr. 

Fülle den letzten Pfad mit Weiß, entferne den Pinselstrich und kopiere / füge ihn in Photoshop unterhalb der "Volumen" Ebene ein. 

Um das Aussehen zu verbessern, habe ich beschlossen, ein weiteres Volumen hinzuzufügen, diesmal weiß, unter dem von uns erstellten. Verwenden Sie den Filter "Fluchtpunkt" erneut, kopieren Sie das erste in Illustrator erstellte Volumen und erweitern Sie es wie unten gezeigt in die Perspektive. 

Wie wir sehen können, überlappt die Spur das weiße Volumen, so dass wir eine Maske brauchen, um einen Teil davon zu verstecken.  Lassen Sie nur den oberen linken Bereich sichtbar.

Wir müssen nur den Schatten unter unserem Typen hinzufügen und wir sind mit diesem Abschnitt fertig.  Wir haben es früher in einem anderen Dokument isoliert, also kopieren Sie einfach eine neue Ebene und fügen Sie sie ein.  Setze es auf Farbbrand mit 50% Opazität.  Jetzt sieht er aus, als wäre er tatsächlich da. 

Schritt 5 - Hintergrund und Vordergrund Bilder 

Es gibt mehrere Möglichkeiten, um die fliegenden Bilder zu erstellen, aber ich fand, dass der 3D-Ansatz am schnellsten und einfachsten war.  Im Grunde nahm ich die von Vanishing Point erzeugten Flugzeuge und versuchte sie in 3D nachzubauen.  Wenn man bedenkt, dass sie auf einer senkrechten Ebene auf den Seiten des Surfers flogen, musste ich nur eine Ebene schaffen. Ich könnte alles andere von dort aus erweitern.  Moment mal, du wirst sehen, was ich meine.

Die Anwendung der Wahl war Modo, aber das kann auch bei anderen einfach gemacht werden. Ich habe das wieder in 3D gemacht, weil es viel schneller war, ich könnte die Flugzeuge viel einfacher in die Perspektive bewegen, was mehr Experimentieren und somit bessere Ergebnisse bedeutet. Wohl hätte ich das auch mit Vanishing Point machen können, aber es wäre zeitaufwendig gewesen. 

Außerdem stürzte Photoshop auf meinem Computer ab, wenn ich mehr als 30 Sekunden mit Vanishing Point arbeitete, was ungefähr 100 Mal bei der Arbeit an der Musikmenge passierte.  Danach wusste ich, dass 3D die einzige Wahl war.  Außerdem lernst du eine neue Technik. 

In erster Linie müssen wir eine Rückplatte für die 3D-Umgebung mit der Ebene vorbereiten, die wir anpassen müssen.  Ich habe das folgende Bild verwendet.  Speichern Sie es als separates JPG.

In Modo erstellen Sie eine neue Szene. 

Gehe zu Objekt> Hintergrund erstellen. Dies erzeugt eine Ebene, der wir das Bild oben als Referenz hinzufügen können. 

Auf der rechten Seite sehen Sie das folgende Menü.  Wählen Sie in der Liste Elemente das Hintergrundelement, das Sie gerade erstellt haben, und gehen Sie dann unter Eigenschaften zu Bild> Bild laden. 

Wählen Sie die "Backplate", die wir zuvor gespeichert haben. 

Wie Sie sehen können, rotiert der Hintergrund, wenn wir die Ansicht drehen.  Das wollen wir nicht, wir wollen, dass es still bleibt und nur die Geometrie bewegt.  Um dies zu tun, gehen Sie zu Projektionstyp> Kamera.  Dadurch wird der "Hintergrund" für die aktuelle perspektivische Ansicht unsichtbar, aber er dient als Hintergrund für die Kamera.

Drücken Sie Befehl + Leertaste.  Dadurch wird ein Popup-Menü geöffnet, in dem Sie auswählen können, was in Ihrem Ansichtsfenster angezeigt werden soll.  Wählen Sie natürlich Kamera. 

Wenn wir nun das Ansichtsfenster drehen, bleibt das Hintergrundbild stehen.  Um sicherzustellen, dass das Rendering die gleichen Abmessungen wie unser Stück hat, gehen Sie auf der rechten Seite zu Shader Tree> Render und stellen Sie die Breite / Höhe der Szene auf 3613/5000 ein. 

Wir sind jetzt bereit, einige Geometrie anzupassen. 

Stellen Sie sicher, dass die Trackball-Drehung im Advanced OpenGL-Menü der Kamera aktiviert ist.  Dadurch wird sichergestellt, dass die Kamera nicht nur auf XZ auf allen Achsen rotieren kann.

Jetzt der schwierige Teil.  Durch langsames Drehen der Kamera versuchen Sie, unsere 3D-Ebene mit der in der Referenz übereinzustimmen.  Skaliere auch das Flugzeug und mache es länger. 

Eines ist offensichtlich, die Kameraperspektive ist nicht dramatisch genug, um zu den beiden Ebenen zu passen.  Wenn ich dramatisch sage, meine ich, dass die parallelen Linien nicht schnell genug konvergieren.  Also müssen wir es erhöhen. 

Die Perspektive einer Kamera hängt davon ab, wie breit der eintretende Lichtkegel ist.  Je breiter der Kegel ist, desto größer ist die Perspektive. Je kleiner der Kegel, desto niedriger.  Deshalb neigen weite Kameraobjektive dazu, Bilder zu verzerren und die Perspektive zu betonen.  Dieser Kegelwinkel wird direkt von der Brennweite gesteuert.  Glücklicherweise ist das Kameramodell von Modo dem der realen Welt sehr ähnlich, daher können wir diesen Parameter bearbeiten.

Ich habe durch Versuch und Irrtum gefunden, dass 10mm Brennweite nah an dem ist, was wir brauchen. 

Natürlich sind die Objekte jetzt kleiner, weil der Weitwinkel mehr Platz einnimmt.  Keine Sorgen da.  Wir müssen uns nur mit der Kamera nähern und sie drehen.  Plötzlich passt das Flugzeug viel besser. 

Nicht das perfekte Spiel, aber mit ein wenig Optimierung der Kamera sind wir da. 

Dies kann ein langwieriger Prozess sein, denn wenn Sie das Flugzeug zum ersten Mal erstellen, müssen Sie die Kamera drehen und gleichzeitig die Brennweite ändern, um eine gute Übereinstimmung zu erzielen.  Das kann knifflig und zeitaufwendig sein.  Aber sobald Sie die Brennweite bestimmt haben, ist alles andere ein Kinderspiel.  Im Folgenden finden Sie die Kameraeinstellungen, um die genaue Übereinstimmung zu erhalten.

Sobald wir dieses Flugzeug in Position gebracht haben, können wir es kopieren, skalieren und verschieben, um verschiedene Kopien zu erstellen.  Sie können sie parallel zueinander bewegen, um ein Gefühl von Tiefe zu erhalten. 

Beobachten Sie den Weitwinkel der Kamera und die endgültige Geometrie. 

Drücken Sie F9, um die Kameraansicht zu rendern.  Es sollte nicht lange dauern, denn es ist eine einfache Szene.  Das ist was du bekommst.  Wechseln Sie zu Alpha Output und speichern Sie ein JPEG. 

Zurück zu Photoshop.  Mal sehen, was wir bisher bekommen haben. 

Öffnen Sie das von Modo in Photoshop gespeicherte Alpha-Bild.  Kopiere es, wechsle dann zu unserem Surfer, erstelle auf der Channels-Registerkarte ein neues und füge das Alpha darin ein. 

Wenn Sie nun bei gedrückter Befehlstaste auf die Kanalminiatur klicken, wird eine Auswahl angezeigt. 

Erstelle eine neue Ebene und fülle sie mit Orange (# ff8f00). 

Schneiden Sie die Bilder, die sich hinter ihm befinden sollen, auf eine neue Ebene und verschieben Sie sie unter die Ebene "Digital Surfer" in der Ebenenpalette.  Auf diese Weise scheinen sie im Weltraum hinter ihm zu sein.

Es fliegen zu viele von ihnen gerade, sie überladen die Szene und fahren fort, einige von ihnen zu löschen, um das Gleichgewicht zu halten.  Die meisten kommen aus der unteren linken Ecke.

Jetzt werden wir die Ecken der Bilder abrunden, damit sie etwas weniger spitz aussehen.  Um dies zu tun, lade die Ebenenauswahl mit Befehl-Klick auf die Miniaturansicht in der Ebenenpalette.  Wir werden zuerst die kleinen Rechtecke abrunden, da sie einen kleineren Radius benötigen, und dann schrittweise die anderen.  Subtrahieren Sie Teile der Auswahl, um die folgende zu erhalten. 

Gehe zu Auswahl> Modifizieren> Glätten und setze den Radius auf 10 Pixel.  Drücken Sie dann Befehl + Umschalt + I, um die Auswahl umzukehren und zu löschen.  Da gehst du.  Sie haben jetzt abgerundete Ecken.

Wir müssen die gleiche Technik auf die größeren Bilder anwenden.  Diesmal mit einem Radius von 20 Pixeln, da sie näher an der Kamera sind.  Tun Sie dies für die nächste Auswahl. 

Sie werden dieses Ergebnis erhalten. 

Und jetzt ist der letzte Schritt dieses Prozesses, die Ecken der Vordergrundbilder zu runden.  Wiederholen Sie die obigen Schritte, indem Sie den Radius im Bild verwenden.

Fahren Sie fort, um den Bildebenen den folgenden Stil zuzuweisen.  Wir müssen es ein wenig vertiefen. 

Der Unterschied ist sehr subtil an den Rändern, aber es ist immer noch da.

Nun werden wir verschiedenen Bildern unterschiedliche Opazitäten zuweisen, abhängig davon, wie weit sie von der Kamera entfernt sind.  Ich muss Sie kopieren und fügen Sie die folgenden auf eine neue Ebene und weisen Sie es 25% Opazität. 

Kopieren Sie die folgende Auswahl in eine neue Ebene und weisen Sie ihr eine Deckkraft von 65% zu. 

Kopieren Sie die folgende Auswahl in eine neue Ebene und weisen Sie ihr eine Deckkraft von 44% zu. 

Kopieren Sie die folgende Auswahl und fügen Sie sie in eine neue Ebene ein und weisen Sie ihr eine Deckkraft von 75% zu. 

Nach all diesen Schritten solltest du so etwas sehen.

Das nächste, was hinzugefügt wird, sind einige Highlights über den fliegenden Rechtecken.  Wählen Sie alle von ihnen, dann mit einem 20% Opazität, weichen Pinsel, malen Sie einige Highlights auf ihnen.  Werfen Sie einen Blick auf das zweite Bild unten, um eine Idee zu bekommen. 

Jetzt müssen Sie nur noch einige Texturen hinzufügen.  Ich werde die Technik, die für eines der Bilder verwendet wird, demonstrieren, und dann, indem ich es viel wiederhole, können alle anderen Rechtecke auch gefüllt werden.  Wir werden eines meiner Fotos dafür verwenden.  Den Rest der Bilder finden Sie hier: xn3ctz.deviantart.com/gallery/.  Dies ist mein Portfolio von Stock Fotografie.  Fühlen Sie sich frei, sie zu benutzen. 

Kopieren Sie dieses Bild und fügen Sie es in Photoshop in eine neue Ebene ein. 

Verwenden des Transformieren-Werkzeugs Befehl: Ziehen Sie die Ecken auf eines der Rechtecke, die Sie texturieren möchten. 

Setzen Sie dann die Ebene auf den Overlay-Füllmodus und verwenden Sie eine Maske, um die Ecken abzurunden.  Die Opazität kann von der Entfernung zur Kamera abhängen, was bedeutet, dass die Bilder im Hintergrund ein wenig transparent sein können, um ein Gefühl von Tiefe zu vermitteln.

Nachdem du das mit all den anderen Bildern gemacht hast, solltest du mit etwas ziemlich Schönem enden.  Wie auch immer, es ist zeitaufwendig, also werde ich direkt zum Endergebnis springen. 

Schritt 6 - Transluzente Schnittstelle 

Ich habe diese einfachen Formen in Illustrator erstellt.  Sie werden als Texturen für die Schnittstellenstücke dienen. 

Kopieren Sie die untere linke Form in Photoshop und platzieren Sie sie in Position. 

Setzen Sie es auf Multiplizieren mit 35% Deckkraft und wenden Sie die folgenden Ebenenstile an. 

Verwenden Sie die gleichen Einstellungen und die Illustrator-Pfade, die wir zuerst erstellt haben, um die nächsten Formen hinzuzufügen. 

Fügen Sie mit den anderen Formen etwas Textur hinzu.  Sie sollten weiß sein und auf Weichlicht-Mischmodus bei 100% Opazität eingestellt sein.  Platziere sie mit dem Transformieren-Werkzeug (Befehl + T) und passe sie an die Schnittstellenstücke an. 

Und nun endlich der letzte Schritt.  Erstellen Sie eine neue Ebene, laden Sie die Auswahl der Benutzeroberfläche und malen Sie mit einem weichen, weißen Pinsel mit einer Deckkraft von 20% einige Glanzlichter wie bei den Rechtecken. 

DAS IST ES! Verkleinern Sie einfach die Sichtbarkeit aller Ebenen und genießen Sie! 

Fazit 

Mit diesem Tutorial haben wir verschiedene Möglichkeiten erforscht, um das Gefühl von Tiefe und Raum zu schaffen und gleichzeitig die Perspektive zu bewahren.  Alles beginnt mit einem einfachen Foto, fügt Schichten und Schichten von Details hinzu und arbeitet nahtlos in einem nahtlosen Stück zusammen. 

Ich hoffe, es hat Ihnen gefallen und Sie haben einige neue Techniken aus diesem Tutorial gelernt.  Wir sehen uns online.  Prost!