So erstellen Sie ein TRON Minimal Design - Tutorial für Photoshop

TRON ist definitiv einer der wahr gewordenen Filme des Geeks. Der Anzug und die Fahrzeuge sind perfekt glatt, weshalb die Versuche, Objekte zusammenzustellen, die Werkzeuge in TRON replizieren, im Internet aufgetaucht sind. Mit den richtigen Klicks und Tricks bei der Verwendung von Photoshop muss eine TRON-Fiktion nicht schwer sein.

Heute erstellen wir in Photoshop ein TRON-Hintergrundbild mit Stock-Fotos und Vektoren. Wir geben Ihnen eine genaue Anleitung wie es geht und warum bestimmte Methode besser ist. Sie erhalten ein tiefes Verständnis davon, was Sie tun. Schnallen Sie sich für den digitalen Traum an!

Du wirst lernen wie:

Analysieren Sie Ihr Design aus der Sicht von Anfang an
Erstellen Sie strukturierte Designs basierend auf verborgenen oder verwandten Elementen in Ihrer Komposition
Verwenden Sie Verknüpfungen für einen schnelleren Arbeitsablauf
Treffen Sie komplexe Auswahlen und Ausschnitte über Kanäle
Verwenden Sie effektiv allgemeine Werkzeuge
Fügen Sie Ihrem Design Perspektive hinzu
Kombinieren Sie Vektoren mit Pixeln
Lichteffekte erzeugen
Verwenden Sie Mischmodi
Verwenden Sie Ebenenstile

Schwierigkeit: Anfänger Fortgeschritten. Vervollständigungszeit: 1 Stunde. Werkzeuge: Photoshop CS3, Illustrator CS3 optional.

Ressourcen:

Modell 1 von Marcus J. Ranum
Modell 2 von Marcus J. Ranum
Tech Vector Pack 3 von designious.com
V5 Prophit-Schriftart von dafont.com

HINWEIS: Um die Schrift zu installieren, entpacken Sie das ZIP-Archiv mit der Schrift auf Desktop und kopieren Sie sie. Wechseln Sie in das Verzeichnis C: \ WINDOWS \ Fonts \ und fügen Sie sie ein.

Warum kann ich sie nicht direkt in den Ordner "Schriftarten" extrahieren??

Ihr Betriebssystem erlaubt Ihrem Archivierer nicht, Dateien im Verzeichnis C: \ WINDOWS \ zu ändern oder hinzuzufügen. Aus diesem Grund müssen Sie dies manuell tun. Wenn Sie Photoshop geöffnet haben, starten Sie es neu, sonst können Sie die neu installierte Schrift nicht sehen.

Nachdem ich meine Ressourcen ausgewählt hatte, skizzierte ich einige Linien basierend auf dem Modell. Nachfolgend finden Sie eine schematische Darstellung der Inspirationsquellen für die glühenden Linien am Körper: Haltung, Muskeln, Kleidung, Körperform, Gewichtsverteilung und Knochen.

Um die Pose- oder Körperfunktionen eines Modells zu verbessern, reicht es nicht aus, einige zufällige Linien zu werfen.

Alles muss eine Quelle haben, sei es gezeigt oder verborgen. Denken Sie daran, dass meine Skizze nur eine der unendlichen Möglichkeiten ist, die Sie haben. Ich ermutige Sie, zu experimentieren.

Lass uns anfangen!

Schritt 1

Gehen Sie zu Datei> Neu und setzen Sie ihn im RGB-Farbmodus auf 720 x 1080 Pixel mit 72 dpi.

Schritt 2

Öffne das Veteran_of_the_Psychic_Wars_11_by_mjranum_stock.jpg. Doppelklicken Sie in der Ebenen-Palette auf das Schloss neben dem Ebenendaumen. Dies ist obligatorisch, wenn Sie das Bild über Channels bearbeiten möchten. Sie sollten jetzt eine "Ebene 0" haben.

Schritt 3

Gehen Sie zu Ebene> Ebene duplizieren, STRG + J. Gehen Sie jetzt zu Filter> Andere> Hochpass. Verwenden Sie eine 5px-Einstellung und klicken Sie auf OK. Setzen Sie in der Ebenen-Palette F7 den Füllmodus auf Überlagern.

Dadurch wird das Bild klarer und Sie können eine genauere Auswahl der Haare treffen.

Schritt 4

Wechseln Sie zu Ebene> Sichtbar werden, STRG + UMSCHALT + E, und wählen Sie dann Ebene> Ebene duplizieren, STRG + J. Setzen Sie den Mischmodus der kopierten Ebene auf "Bildschirm" und duplizieren Sie ihn noch zweimal. Jetzt haben wir einen schönen Kontrast zwischen dem Modell und dem Hintergrund.

Schritt 5

Gehen Sie zum Channels-Fenster Window> Channels und wählen Sie den Kanal "Green". Klicken Sie mit der rechten Maustaste darauf und wählen Sie "Kanal duplizieren"..

Der "grüne" Kanal bietet den höchsten Kontrast aller Kanäle. Wir duplizieren es, weil wir einen Dummy-Kanal benötigen, um den Kontrast weiter zu verbessern.

Schritt 6

Gehen Sie zu Bild> Anpassungen> Kurven, STRG + M, und formen Sie die Kurve wie unten gezeigt. Die untere Hälfte verdunkelt die Schatten und die obere Hälfte hellt die Lichter hervor. Mach das zweimal.

Schritt 7

Gehen Sie zu Ebene> Einstellungen> Ebenen und verwenden Sie die Einstellungen unten.

Schritt 8

Nehmen Sie das Pinselwerkzeug, B, stellen Sie die Härte auf 100% und decken Sie die inneren weißen Flecken im Haar, im Gesicht und im übrigen Körper mit Schwarz ab.

Wir brauchen keine Details in dem Kanal, nur die Gliederung des Modells.

Schritt 9

Schnappen Sie sich das Ausweichwerkzeug, O, setzen Sie es auf Lichter und heben Sie die zusätzlichen Grautöne im Bild auf.

Schritt 10

STRG + Klicken Sie auf den Kanaldaumen "Grüne Kopie", wechseln Sie zur Ebenenpalette, F7, Gehen Sie zu Auswählen> Umkehren, STRG + UMSCHALT +. Wählen Sie die unterste Ebene aus und kopieren Sie sie, STRG + C.

STRG + Klicken auf ein Miniaturbild (Kanal oder Layer) lädt eine Auswahl der Kontur des angeklickten Layers / Kanals.

Schritt 11

Gehen Sie zu Fenster> Untitled-1.psd unseres Dokuments und fügen Sie es ein, STRG + V. Gehen Sie zu Bearbeiten> Freie Transformation, STRG + T, und passen Sie die Größe an die Leinwand an (siehe unten). Halten Sie die UMSCHALTTASTE gedrückt, um die Proportionen zu erhalten. Drücken Sie die Eingabetaste, um den Free Transform-Modus zu verlassen. Um die Wäschelocken zu löschen, verwenden Sie das Kopierstempel-Werkzeug. S: Verwenden Sie ALT + Klicken, um die Quelle auszuwählen, und klicken Sie dann auf die Wellung.

Machen Sie dasselbe für das Schwert im Bild "Modell 2", verwenden Sie jedoch das Pfadwerkzeug, P, um es zu schneiden.

Schritt 12

Öffnen Sie die .eps-Datei "Tech Vector Pack 3". Wenn Sie zur Eingabe einer Dateigröße aufgefordert werden, geben Sie ungefähr 3000px für die Breite ein. Klicken Sie auf OK.

Für Illustrator öffnen Sie es einfach im Vektorformat. Photoshop kann EPS-Illustrator 8-Dateien öffnen, jedoch im Raster-Format. Sie können es jedoch in jeder gewünschten Größe öffnen - die .eps-Datei ist vector!

Schritt 13

Schnappen Sie sich das rechteckige Auswahlwerkzeug, M, wählen Sie eine runde Tech-Form aus. Klicken und ziehen Sie, um das Auswahlrechteck zu erstellen. Kopieren Sie es, STRG + C, gehen Sie zurück zu unserem Dokument Fenster> Untitled-1.psd und fügen Sie es ein.

Schritt 14

Gehen Sie zurück zur Vektor-Pack-Datei Fenster> designious tech shape 4. eps, kopieren Sie eine andere Form und fügen Sie sie wie in unser Dokument ein Schritt 13.

Schritt 15

Schnappen Sie sich das Auswahlwerkzeug, V, aktivieren Sie das Kontrollkästchen "Automatische Auswahl", klicken Sie auf die erste eingefügte Tech-Form und kopieren Sie sie, STRG + J. Gehen Sie nun zu Bearbeiten> Freie Transformation, halten Sie die STRG-Taste gedrückt und ziehen Sie die linke obere Ecke, wie unten gezeigt. Machen Sie dasselbe für die obere rechte Ecke. Drücken Sie die Eingabetaste, um den Free Transform-Modus zu verlassen.

Schritt 16

Duplizieren Sie die erste Form (Original) und platzieren Sie die Kopien wie unten gezeigt. Schnappen Sie sich das Pfadwerkzeug, P, setzen Sie es in Shapes und zeichnen Sie jede Glühlinie auf dem Körper anhand der Skizze.

Wählen Sie in der Ebenen-Palette alle diese Formen aus und drücken Sie STRG + E, um sie zusammenzuführen.

Schritt 17

Schnappen Sie sich das Linienwerkzeug, U, setzen Sie es auf Formebenen und 7 px Breite, zeichnen Sie eine schräge Linie und halten Sie die UMSCHALTTASTE gedrückt. Ändern Sie nun die Linie in "Zum Formbereich hinzufügen (+)" und zeichnen Sie eine horizontale Linie. Halten Sie die UMSCHALTTASTE gedrückt, um perfekt horizontal zu sein.

Schritt 18

Nehmen Sie das horizontale Textwerkzeug, T, klicken Sie mit der Maus, um ein Textfeld zu erstellen, und geben Sie einen zufälligen Text ein. Setzen Sie die Schriftart auf "V5 Prophit".

Schritt 19

Wählen Sie die Ebene "Form 1" aus, und wechseln Sie zu Ebene> Ebene duplizieren, STRG + J. Platzieren Sie mehrere Kopien wie unten. Machen Sie dasselbe für den Text. Um die Texteingabe zu ändern, doppelklicken Sie in der Ebenen-Palette auf den Ebenen-Daumen.

Schritt 20

Gehen Sie zu Ebene> Neue Füllungsebene> Volltonfarbe. Wählen Sie eine dunkelblaue Farbe aus und drücken Sie STRG + UMSCHALT + [, um sie an die Rückseite zu senden.

Dies ist ein schöner Hintergrund für unser Image.

Schritt 21

Wählen Sie die große Form aus und klicken Sie in der Ebenen-Palette auf F7. Wählen Sie "Mischoptionen". Verwenden Sie die Einstellungen unten.

Schritt 22

ALT + Klicken Sie auf das Symbol "fx", das sich neben dem Ebenendaumen befindet, und ziehen Sie es mit gedrückter Maustaste auf die anderen runden Formen. Sie können sie leicht erkennen, sie werden nicht als "Shape" bezeichnet¦"und kein" T "am Daumen haben.

Schritt 23

Erstellen Sie eine neue Ebene darüber (wählen Sie die Ebene aus und drücken Sie STRG + UMSCHALT + N, um eine neue Ebene zu erstellen. Wählen Sie dann beide Ebenen aus und drücken Sie STRG + E (Ebenen zusammenführen)). Gehen Sie für die ausgewählten Formen zu Filter> Weichzeichnen> Gaußsche Weichzeichnung. Verwenden Sie verschiedene Einstellungen von 2 bis 6 Pixel, je nachdem, wie Sie es für richtig halten.

Fügen Sie weitere Tech-Formen hinzu, um mehr Perspektive hinzuzufügen.

Schritt 24

Schnappen Sie sich das Auswahlwerkzeug V, wählen Sie die kleine Form aus und verringern Sie die Deckkraft. 29% tun gut.

Machen Sie dasselbe für die anderen unscharfen Formen, variieren Sie jedoch die Deckkraft ein wenig.

Schritt 25

Erstellen Sie eine neue Ebene, STRG + UMSCHALT + N, schnappen Sie sich das elliptische Laufschrift-Werkzeug, M, setzen Sie die Feder auf 50 px und treffen Sie eine Auswahl wie unten.

Schritt 26

Schnappen Sie sich das Paint Bucket Tool, G, ALT und klicken Sie auf eine der Tech-Shapes, um die Farbe auszuwählen und die Auswahl zu füllen. Setzen Sie in der Ebenen-Palette (F7) den Füllmodus der Ebene auf Überlagern. Machen Sie dasselbe für die Unterseite.

Schritt 27

Erstellen Sie eine neue Ebene, STRG + UMSCHALT + N, greifen Sie auf das Elliptical Marquee-Tool, M, setzen Sie die Feder auf 30 px und treffen Sie eine Auswahl wie unten. Schnapp dir das Paint Bucket Tool, G und fülle die Auswahl.

Schritt 28

Wiederholen Schritt 28 für die Form hinter dem Modell.

Schritt 29

Schnappen Sie sich das Auswahlwerkzeug, V und klicken Sie auf das Modell. Gehen Sie jetzt zu Ebene> Neue Einstellungsebene> Helligkeit / Kontrast und Schwarzweiß. Verwenden Sie für jeden die unten gezeigten Einstellungen. Setzen Sie für die Schwarzweiß-Ebene die Deckkraft auf 70%..

Ich ziehe es vor, Schwarzweiß über Farbton / Sättigung zu verwenden, da es auch eine Tonwertkontrolle und nicht nur eine Entsättigung bietet.

Schritt 30

Erstellen Sie eine neue Ebene, klicken Sie STRG + UMSCHALT + N und ALT + zwischen ihr und der darunter liegenden Einstellungsebene. Setzen Sie den Mischmodus auf "Color Dodge".

Schritt 31

Nehmen Sie das Pinselwerkzeug, B, drücken Sie "3", um die Pinseldeckkraft auf 30% einzustellen, setzen Sie die Härte auf 0%, ALT + Klicken Sie auf die Knickenteetechnologie-Form, und streichen Sie über die Körperpunkte, das Haar und das Gesicht.

Schritt 32

Ändern Sie die Deckkraft des Pinsels auf 70% und übermalen Sie einige Highlights, aber in kleineren Bereichen.

Schritt 33

Wählen Sie in der Ebenen-Palette, F7, die oberste Ebene aus, und wählen Sie Auswählen> Alle, STRG + A. Drücken Sie dann STRG + UMSCHALT + C, um eine zusammengeführte Version des Dokuments zu kopieren, und drücken Sie STRG + V, um es einzufügen.

Schritt 34 - Letzter Schritt

Gehen Sie zu Filter> Scharfzeichnen> Unschärfemaske. Verwenden Sie die Einstellungen unten oder verwenden Sie Ihre eigenen Einstellungen. Übertreiben Sie es jedoch nicht, sonst sieht das Bild zu scharf aus.

Hier ist der letzte Blick auf das, was Sie davon ausgehen, dass Sie das gesamte Tutorial richtig durchlaufen haben.

Downloads (PSD, Hintergrundbild)

Zusammen mit dem Lernprogramm werden hier einige Dateien für Sie erstellt.

Tron Tutorial PSD-Datei.
Tron Wallpaper- verfügbar in 1280x800px, 1280x1024px, 1920x1080px und 1680x1050px.

Anmerkung des Herausgebers: Dieser Beitrag wird von geschrieben Ovidiu-Kröte für Hongkiat.com. Ovidiu ist ein Tutorial-Autor und Grafikdesigner für Vectorious.net - Website, auf der Sie erschwingliche Vektorgrafiken und Illustrationen für Ihre Projekte herunterladen können.