Verwenden Sie Photoshop CS6 zum Erstellen einer von einem Mikrogerät inspirierten Szene

Photoshop CS6 enthält zahlreiche neue Funktionen und Effekte, die Sie bei Ihrer Arbeit verwenden können. In diesem Lernprogramm werden wir die neuen 3D-Funktionen von Photoshop sowie die neuen inhaltsabhängigen Funktionen verwenden, um eine von Micro Machines inspirierte Komposition zu erstellen. Lass uns anfangen!


Tutorial Assets

Die folgenden Assets wurden während der Erstellung dieses Tutorials verwendet.

  • Desktop-Szene
  • Spielzeugauto
  • Asphaltbeschaffenheit

Schritt 1

Öffnen Sie das Bild des Desktops. Da wir eine Rennstrecke über den Desktop hinzufügen, skizzieren Sie den Pfad der Straße auf einer temporären Ebene. Dadurch werden problematische Bereiche von vornherein identifiziert.


Schritt 2

Verwenden Sie das Content-Aware Move Tool (J), um die problematischen Bereiche so zu reparieren, dass auf unserer Straße ausreichend Platz zur Verfügung steht. Wenn das Werkzeug aktiviert ist, zeichnen Sie eine Auswahl um den Radiergummi, klicken Sie dann auf die Auswahl und ziehen Sie sie in einen neuen Bereich auf unserem Bildschirm. Lassen Sie Photoshop die Änderung berechnen

Ihre Ergebnisse sollten dem folgenden Bild ähnlich aussehen:


Schritt 3

Verwenden Sie das Content-Aware-Tool auch auf dem Stift.


Schritt 4

Wir werden jetzt die Straße schaffen. Wähle das Stiftwerkzeug (P) und setze den Modus auf Form. Dies ermöglicht uns die Verwendung der Optionen „Füllen“ und „Konturieren“. Setzen Sie die Füllung zunächst auf Keine Farbe und den Strich auf Schwarz. Zeichnen Sie mit Hilfe der Skizze nur lose einen neuen Pfad aus einer Ansicht von oben nach unten auf einer neuen Ebene mit dem Namen "Straße". Hinweis: Zeichnen Sie diesen Pfad nicht in Perspektive unserer Szene, wir werden den 3D-Modus später verwenden, um die Perspektive anzupassen.


Schritt 5

Setzen Sie die Strichbreite auf 130 pt. Öffnen Sie auch die Strichoptionen und legen Sie die Ausrichtung auf Zentrum fest. Blende die "Hintergrund" Ebene fürs Erste aus.


Schritt 6

Unser nächster Schritt ist das Texturieren der "Road" -Schicht. Um zu beginnen, müssen wir das Bild des Asphalts öffnen.


Schritt 7

Verwenden Sie eines der Marquee-Tools, um das Fahrradsymbol auszuwählen, und wählen Sie Bearbeiten> Füllen. Stellen Sie sicher, dass die Verwendung auf Content-Aware eingestellt ist. Verwenden Sie ggf. das Patch-Tool, um das Image zu bereinigen.


Schritt 8

Wir müssen die Perspektive des Bildes korrigieren, um die Textur richtig abzutasten. Wählen Sie das Perspective Crop Tool (C) aus, das Sie durch Klicken und Halten des Crop Tool finden können.


Schritt 9

Klicken Sie bei ausgewähltem Perspective Crop Tool auf vier Punkte eines Rechtecks, die der Perspektive unseres Asphalts entsprechen. Mit können Sie die Griffe manipulieren, um eine bessere Übereinstimmung zu erzielen.

Drücken Sie die Eingabetaste, um den Zuschnitt zu bestätigen.


Schritt 10

Jetzt, da wir eine schöne, saubere Textur haben, müssen wir sie nahtlos gestalten. Gehen Sie zu Filter> Andere> Versatz und stellen Sie die Schieberegler so ein, dass beide Nähte sichtbar sind.


Schritt 11

Entfernen Sie mit dem Patch-Tool die Nähte. Möglicherweise müssen Sie das Patch-Tool mehrmals verwenden

Die Ergebnisse sollten dem Bild unten ähneln:


Schritt 12

Drücken Sie Befehlstaste / Strg + A, um das gesamte Bild auszuwählen, und wählen Sie Bearbeiten> Muster definieren. Nennen Sie dieses Muster "Asphalt". Wenn die Auswahl noch aktiv ist, drücken Sie die Befehlstaste / Strg + C, um dieses Bild in die Zwischenablage zu laden. Wir werden es später in unserer Szene einfügen.


Schritt 13

Gehen Sie zurück zu unserer ursprünglichen Szene und doppelklicken Sie auf die Ebene "Straße", um auf die Ebenenstile zuzugreifen. Wenden Sie die Asphalttextur als Musterüberlagerung an. Stellen Sie die Skala auf 25%

Klicken Sie mit der rechten Maustaste auf die Ebene und wählen Sie Ebenenstil rastern.


Schritt 14

Erstellen Sie eine neue Ebene, und drücken Sie die Befehlstaste / Strg + V, um das in Schritt 12 kopierte Bild einzufügen. Ändern Sie die Größe der Textur so, dass sie die Straße bedeckt.


Schritt 15

Benennen Sie die neue Ebene in "Textur" um und erstellen Sie eine Schnittmaske in die "Straße" -Ebene.

Löschen Sie mit einem größeren, weichen Radiergummi (E) das Innere der Straße, sodass die größere Textur nur an den Rändern der Straße angezeigt wird.

Stellen Sie den Mischmodus auf Überlagerung ein


Schritt 16

Wählen Sie beide Ebenen aus, die unsere Straße bilden, und klicken Sie mit der rechten Maustaste, und wählen Sie In intelligentes Objekt konvertieren. Benennen Sie das Smart Object in "Road" um.


Schritt 17

Nachdem wir nun eine Ansicht von oben auf unsere Straße erstellt haben, können wir damit beginnen, eine Ansicht von oben auf die Konstruktionskegel zu erstellen. Erstellen Sie eine neue Ebene mit dem Namen "Kegel". Wählen Sie das Stiftwerkzeug und ändern Sie die Einstellungen wie folgt:


Schritt 18

Setzen Sie die Vordergrundfarbe auf eine schöne Konstruktionsorange und zeichnen Sie zwei Pfade, die auf jeder Straßenseite liegen. Die resultierenden Pfade sollten dem folgenden Bild ähneln:


Schritt 19

Klicken Sie mit der rechten Maustaste sowohl auf Formebenen als auch auf Ebene rastern. Wählen Sie beide gerasterten Ebenen und Zusammenführen (Befehl / Strg + E). Umbenennen in "Cones".


Schritt 20

Wir können jetzt anfangen, unsere 3D-Objekte zu erstellen. Um unser Smart-Objekt "Straße" in 3D zu konvertieren, wählen Sie die Ebene aus und gehen Sie zu 3D> Neue 3D-Extrusion aus der ausgewählten Ebene. Dadurch wird automatisch ein extrudiertes 3D-Objekt erstellt und das 3D-Bedienfeld geöffnet.


Schritt 21

Wählen Sie im 3D-Bedienfeld die Objektebene "Straße" (gekennzeichnet mit einem extrudierten Sternsymbol) aus, um auf ihre Eigenschaften zuzugreifen. Stellen Sie im Eigenschaftenbereich sicher, dass der Abschnitt Netz aktiviert ist, und setzen Sie die Extrusionstiefe auf 0.


Schritt 22

Gehen Sie als nächstes zum Abschnitt "Koordinaten" und stellen Sie den X-Winkel auf 90 Grad ein.


Schritt 23

Gehen Sie zurück zum 3D-Bedienfeld und klicken Sie auf das Flyout-Menü, um weitere 3D-Optionen zu erhalten, und wählen Sie Objekt an Grundebene ausrichten.


Schritt 24

Gehen Sie zurück zum Ebenenfenster und blenden Sie das Hintergrundbild aus. Dies erleichtert uns das Betrachten der 3D-Objekte. Klicken Sie anschließend mit der rechten Maustaste auf die Ebene "Kegel" und wählen Sie Neue 3D-Extrusion aus der ausgewählten Ebene. Beachten Sie, dass sich das Objekt "Kegel" in einem eindeutigen Raster befindet. Wir wissen das, da es in unserer Szene nur ein Objekt (das "Cones-Objekt") gibt. Photoshop hat im Wesentlichen einen separaten 3D-Raum für jedes Objekt erstellt. Wir werden beide Objekte so kombinieren, dass sie sich im selben 3D-Raum befinden.

Gehen Sie zurück zum Ebenenfenster und stellen Sie sicher, dass sich die Ebene "Kegel" auf dem Stapel befindet. Wählen Sie beide 3D-Ebenen und Zusammenführen aus (Befehl / Strg + E)..

Da es sich hierbei um 3D-Ebenen handelt, werden durch das Zusammenfügen der Ebenen diese in demselben 3D-Raum zusammengefasst. Wir können dies überprüfen, indem wir zurück zum 3D-Panel gehen.


Schritt 25

Setzen Sie die Extrusionstiefe mit den gleichen Methoden wie auf der Straße auf Null, ändern Sie die X-Winkel-Koordinate in 90 Grad und rasten Sie die Bodenebene ein. Die Objekte werden möglicherweise nicht richtig ausgerichtet, wir werden sie später in ihre endgültigen Positionen bringen.

Es ist auch wichtig anzumerken, dass die Objekte in neuen Gruppen enthalten sind (normalerweise mit dem Suffix "_layer"), da wir mehrere 3D-Objekte in einer Szene kombiniert haben. Suchen Sie einfach nach der Objektebene (gekennzeichnet mit dem Symbol für extrudierte Sterne)..


Schritt 26

An dieser Stelle fügen wir unserer "Cones" -Schicht eine Abschrägung hinzu, damit sie Baukonen ähneln. Wählen Sie zunächst die Kamera "Aktuelle Ansicht" aus und positionieren Sie die Kamera mit den Navigationswerkzeugen im oberen Menü in der Nähe der Kegel.


Schritt 27

Wählen Sie die Objektebene "Kegel" aus, und wechseln Sie im Eigenschaftenbereich zum Abschnitt "Kappe".

Verwenden Sie das Bildschirm-Widget, um den Kegel zu formen.


Schritt 28

Wählen Sie anschließend im Eigenschaftenbereich die zu bearbeitende Konturkarte aus und fügen Sie eine benutzerdefinierte Kontur hinzu (siehe Abbildung).

Die Ergebnisse sollten wie folgt aussehen:


Schritt 29

Jetzt können wir daran arbeiten, die Kamera in Position zu bringen. Wir werden das Raster auf der Bodenebene verwenden, um uns dabei zu helfen, die Perspektive unserer Szene anzupassen. Gehen Sie zurück in das Ebenenfenster und blenden Sie das Hintergrundbild aus.


Schritt 30

Gehen Sie zurück zum 3D-Bedienfeld und blenden Sie die Ebenen "Straße" und "Kegel" aus. Wir brauchen das jetzt nicht.


Schritt 31

Wählen Sie die Ebene "Aktuelle Ansicht" aus und verwenden Sie die 3D-Werkzeuge im oberen Menü, um das Raster zu drehen, zu ziehen, zu verschieben und das Raster so zu skalieren, dass es der Perspektive der Szene entspricht. Um dies richtig zu machen, ist möglicherweise viel Versuch und Irrtum erforderlich, auch wenn es nicht perfekt sein muss. Es hilft, einige rechte Winkel zu finden, die bereits in der Szene vorhanden sind, z. B. die Schaltflächen auf dem Rechner.


Schritt 32

Blenden Sie die Objektebenen "Straße" und "Kegel" ein. Wählen Sie das Objekt "Straße" aus und klicken Sie im Eigenschaftenbereich auf den Abschnitt Netz.

Verwenden Sie die Widgets, um die Straße manuell in eine gewünschte Position zu verschieben.

Machen Sie dasselbe mit dem Objekt "Zapfen".


Schritt 33

Wir sind fast fertig mit dem 3D. Der letzte Teil ist das Ausbessern der Beleuchtung. Derzeit stimmen die Schatten unseres Objekts nicht mit unserer Szene überein. Um dies zu beheben, klicken Sie im 3D-Bedienfeld auf den Lichtfilter und wählen Sie das eine Licht in unserer Szene aus.


Schritt 34

Halten Sie die Umschalttaste gedrückt, und klicken Sie auf den Schatten in der Szene, um ihn so zu positionieren, dass er mit der Richtung der Schatten im Originalbild übereinstimmt.


Schritt 35

Lassen Sie uns zum Rendern übergehen. Wir möchten jedes Stück einzeln rendern, sodass Objekte versteckt werden müssen, die nicht gerendert werden. Klicken Sie im 3D-Bedienfeld auf das Symbol Nach Netz filtern und blenden Sie das Objekt "Straße" aus. Deaktivieren Sie außerdem Cast Shadows für das Objekt "Cones".

Um unsere Objekte als transparente Ebenen darzustellen, blenden Sie alle unsere Hintergrundebenen wie folgt aus:

Gehen Sie zu 3D> Rendern (Befehl / Strg + Alt + Umschalt + R). Lassen Sie Photoshop einige Durchgänge rendern und drücken Sie die Eingabetaste, um das Rendern zu stoppen. Bitte beachten Sie, dass die Szene ausgewählt werden muss, wenn Sie sich im Ebenenfenster befinden, um ein Rendern zu starten.


Schritt 36

Wählen Sie im Ebenenbedienfeld (die 3D-Ebene sollte bereits hervorgehoben sein), Alle auswählen (Befehl / Strg + A), Kopieren (Strg + C) und Einfügen (Befehl / Strg + V) das Rendern auf eine neue Ebene. Nennen Sie diese Ebene "Kegel gerendert". Diese Ebene jetzt ausblenden.


Schritt 37

Wiederholen Sie diesen Vorgang für das Objekt "Straße".


Schritt 38

Nachdem nun die Straße und die Kegel gerendert wurden, werden wir mit dem Objekt "Kegel" ein paar zusätzliche Rendern machen. Blenden Sie das Objekt "Kegel" ein und blenden Sie das Objekt "Straße" aus. Wenn das Objekt "Kegel" ausgewählt ist, wechseln Sie zum Abschnitt "Netz" des Eigenschaftenfensters, und aktivieren Sie "Cast Shadows", "Unsichtbar" und "Catch Shadows".

Machen Sie das rendern und kopieren Sie es auf eine neue Ebene, genau wie in den vorherigen Schritten.

Deaktivieren Sie für das letzte Rendern Invisible und Cast Shadows. Gehen Sie zum Abschnitt Kappe und klicken Sie auf Deformation zurücksetzen. Dies führt zu flachen Scheiben.

Rendern Sie erneut (Befehl / Strg + Alt + Umschalt + R) aus der Szene und kopieren Sie sie in eine neue Ebene.


Schritt 39

Benennen Sie die drei gerenderten Dateien entsprechend und blenden Sie die 3D-Ebene aus. Ordnen Sie ggf. die Ebenen neu an, damit sie im Bild richtig angezeigt werden.


Schritt 40

Wählen Sie die Ebene "Straße gerendert" aus und fügen Sie die folgenden Ebenenstile hinzu, damit die Straße tatsächlich auf dem Tisch ruht.


Schritt 41

Wählen Sie die Ebene "Shadows Rendered" aus und geben Sie ihr eine Gaußsche Unschärfe (Filter> Unschärfe> Gaußsche Unschärfe) von 4 px. Stellen Sie den Mischmodus auf Multiplizieren und die Deckkraft auf 4% ein..


Schritt 42

Wählen Sie die Ebene "Base Render" aus und verschieben Sie sie nach unten, sodass sie kaum unter den Kegeln sichtbar ist. Passen Sie die Pegel an, bis die Discs schwarz sind.

Geben Sie hier eine Gaußsche Unschärfe (Filter> Unschärfe> Gaußsche Unschärfe) von 1,7 px und stellen Sie den Füllmodus auf Multiplizieren


Schritt 43

Erstellen Sie eine Kopie der Ebene "Base Rendered" und wenden Sie den Filter "Gaußsche Unschärfe" erneut an, diesmal jedoch mit einer Einstellung von 5,5 px. Stellen Sie den Mischmodus auf Multiplizieren und die Deckkraft auf 55% ein.


Schritt 44

Gruppieren Sie alle unsere Kegelschichten und fügen Sie der Gruppe eine Ebenenmaske hinzu.

Verwenden Sie die Maske zum Ausblenden der Kegel, die den Bleistift und den blauen Radiergummi überlappen.


Schritt 45

Um unsere Szene zu organisieren, gruppieren Sie alle zusammengesetzten Ebenen.


Schritt 46

Unser nächster Schritt besteht darin, unserer Szene ein Auto hinzuzufügen. Öffnen Sie das Fahrzeugbild und beachten Sie, dass bereits ein schöner Schatten darunter ist. Wir werden versuchen, diesen Schatten zu nutzen. Verwenden Sie das Stiftwerkzeug (wobei der Modus auf Pfad eingestellt ist), um einen Pfad um das Auto herum zu zeichnen.


Schritt 47

Klicken Sie bei aktiviertem Stiftwerkzeug (P) mit der rechten Maustaste auf den Pfad, und wählen Sie Auswahl erstellen aus. Kopieren Sie das Auto und fügen Sie es in eine neue Ebene ein. Die oberste Ebene ist das vollfarbige Auto, während die untere Ebene für die Schatten verwendet wird.

Gruppieren Sie diese beiden Schichten. Es kann erforderlich sein, die "Background" -Ebene doppelt anzuklicken, um sie zu entsperren.


Schritt 48

Ziehen Sie die Gruppe "Auto" in unsere Szene und passen Sie die Größe an.


Schritt 49

Setzen Sie in der Gruppe "Auto" die unterste Ebene auf Multiplizieren. Benennen Sie auch die Ebenen um. Beachten Sie, dass die Perspektive des Autos nicht zu unserer Szene passt. Wir werden versuchen, dies im nächsten Schritt zu korrigieren.


Schritt 50

Wählen Sie die Ebene "Auto" aus und transformieren Sie (Befehl / Strg + T) das Fahrzeug, um die Perspektive besser anzupassen. Verwenden Sie den Warp-Modus (durch Klicken auf das Warp-Symbol in der oberen Menüleiste aktiviert), um die Transformationen zu optimieren.

Beachten Sie, dass dies dazu führt, dass unerwünschte Teile der Ebene "Car Shadows" durchscheinen. Entfernen Sie das Radiergummi-Werkzeug (E).


Schritt 51

Verwenden Sie Ebenen (Befehl / Strg + L), um die Ebene "Auto" anzupassen.


Schritt 52

Außerdem können Sie mehr Schatten malen, wenn Sie dies für erforderlich halten


Schritt 53

Der nächste Schritt besteht darin, dass unsere Komponenten mit der Schärfentiefe in unserem Originalbild übereinstimmen. Beginnen Sie, indem Sie die Gruppe "Zusammengesetzte Ebenen" mit einer neuen Ebene zusammenführen.


Schritt 54

Bevor Sie eine Unschärfe hinzufügen, verwenden Sie das Brennwerkzeug, um die Ecken unserer neuen Ebene dunkler zu machen


Schritt 55

Fügen Sie nun die Iris-Unschärfe hinzu (Filter> Unschärfe> Iris-Unschärfe). Stellen Sie die Unschärfe auf 4 px ein und passen Sie das Bildschirm-Widget so an, dass die Unschärfe dem Originalbild so gut wie möglich entspricht.


Schritt 56

Unser Image ist technisch gemacht, aber wir können noch ein bisschen weiter gehen. Erstellen Sie eine zusammengeführte Kopie aller Ebenen, indem Sie Befehlstaste / Strg + Alt + Umschalttaste + E drücken.

Verwenden Sie diese neue, zusammengeführte Ebene, um weitere Korrekturen hinzuzufügen. In diesem Fall habe ich eine zusätzliche Unschärfe mit der Tilt-Shift-Unschärfe hinzugefügt (Filter> Unschärfe> Tilt-Shift). Dies fügt etwas mehr Tiefe hinzu, während die Komponenten besser gemischt werden.

Ich habe auch einen Fotofilter hinzugefügt. Dies hilft, die Farben besser zu mischen.

Zuletzt habe ich der Szene ein weicheres Aussehen hinzugefügt. Dazu kopieren Sie die Ebene, erhöhen die Ebenen und geben eine mäßig hohe Gaußsche Unschärfe. Stellen Sie anschließend den Mischmodus auf weiches Licht ein und passen Sie die Deckkraft an Ihre Vorlieben an.


Schritt 57

Der letzte Schritt besteht darin, das Bild mit dem Zuschneidewerkzeug (C) etwas zu beschneiden. Dadurch werden alle Ebenenstile ausgeblendet, die an den Bildrändern sichtbar sind. Stellen Sie sicher, dass die Option "Geschnittene Pixel löschen" deaktiviert ist.


Endgültiges Bild

Sie sind fertig. Das endgültige Bild sollte wie folgt aussehen.