Share
Dieses Tutorial basiert auf Survival-Horror-Spielgrafiken wie Resident Evil und Untergang. Was Survival-Horrorspiele auszeichnet, ist die Tatsache, dass sich der Spieler oft in dunklen, klaustrophobischen und verletzlichen Situationen allein befindet. Munition und gesundheitliche Power-Ups sind in der Regel sehr begrenzt, während die Feinde reichlich vorhanden sind. All dies ist für maximale Spannung beim Spielen ausgelegt.
In diesem Lernprogramm wird ein fiktives Spielcover neu erstellt, indem die Kanäle von Photoshop mit dem Beleuchtungseffektfilter kombiniert werden, um realistisch zu sein Verschiebungskarten. Um zu beginnen, erstellen Sie ein dreidimensionales Distressed-Logo und kombinieren dann dieselben Techniken mit einigen erweiterten Pfadfunktionen, um die rostigen Hintergrundpanels zu erstellen. Zum Schluss zeigen wir Ihnen, wie Sie ein Cinema 4D-Rendering farblich korrigieren, damit es sich sinnlos in die Umgebung einfügt.
Beginnen Sie mit dem Öffnen von "Baking_tray.jpg" im Ordner "source". Dies ist ein ideales Metallbild, um das Logo-Design zu verschieben.
Der Genauigkeit halber arbeite ich zunächst in Illustrator, um das Logo zu erstellen und anschließend in Photoshop zu importieren. Öffnen Sie "Title.jpg" aus dem Ordner "source" und gehen Sie zu Image> Adjustments> Invert (Befehl + I). Gehen Sie nun zu Alle auswählen (Befehl + A) und in die Zwischenablage kopieren.
Zurück im Bild "Baking_tray.jpg" wechseln Sie zur Kanalpalette und klicken auf das Symbol Neuen Kanal erstellen. Fügen Sie nun die Auswahl in den neuen Kanal ein und beschriften Sie sie mit "Logo".
Duplizieren Sie den neuen Kanal, indem Sie dessen Miniaturbild in das Symbol "Neuen Kanal erstellen" ziehen und ihm "Logo-Unschärfe" nennen. Jetzt geben Sie eine Gaußsche Unschärfe von 5 px.
Richten Sie den oberen "RGB" -Composite-Kanal aus und wechseln Sie dann zu Ihrer Ebenenpalette. In diesem Lernprogramm werden Kanäle intensiv genutzt. Denken Sie daran, wenn Sie sich in der Kanalpalette befinden, müssen Sie den Composite-Kanal für die Bearbeitung der tatsächlichen Layer verwenden.
Duplizieren Sie die "Hintergrund" -Ebene, indem Sie ihre Miniaturansicht in das Symbol "Neue Ebene erstellen" ziehen und ihr "Logo" zuweisen. Nun zum Spaß. Gehen Sie zu Filter> Rendern> Beleuchtungseffekte. Wählen Sie eine Spotlight-Option aus und folgen Sie den unten gezeigten Einstellungen. Wählen Sie im Dropdown-Menü "Texturkanal" die Option "Logo blur", aktivieren Sie die Option "Weiß" und setzen Sie den Schieberegler "Bergig" auf 100%. Sie können auch Einstellungen für die zukünftige Verwendung speichern, die durch den Pfeil angezeigt werden. Ich habe meine "LOGO LIGHTS" genannt.
Klicken Sie bei gedrückter Befehlstaste auf den Kanal "Logo", um eine Auswahl zu generieren, und wählen Sie dann "Auswählen"> "Ändern"> "Erweitern" um 2 px.
Fügen Sie einen neuen Kanal hinzu und drücken Sie Löschen, um die aktive Auswahl mit Weiß zu füllen. Bezeichnen Sie diesen Kanal als "Logo erweitert". Sie werden dies verwenden, um als nächstes den überschüssigen Bereich abzuschneiden.
Generieren Sie eine Auswahl aus dem Kanal "Logo erweitert" und kehren Sie sie dann um (Umschalt + Befehl + I). Klicken Sie nun mit der gezielten Ebene "Logo Raised" auf Löschen. Ich habe die Sichtbarkeit der "Background" -Ebene vorübergehend deaktiviert, um das Ergebnis anzuzeigen.
Öffnen Sie "Scratches.jpg" im Ordner "source" und wählen Sie All / Copy aus. Fügen Sie in Ihrer Logodatei einen weiteren Kanal hinzu. Fügen Sie die Auswahl ein und beschriften Sie sie mit "Scratches". Aktivieren Sie nun die Sichtbarkeit des oberen zusammengesetzten "RGB" -Kanals und drücken Sie die Tastenkombination Befehlstaste + T, um die Größe des Logo zu verdecken.
Um die Dinge klarer zu machen, können Sie immer das Standardrot des Kanals in eine freundlichere Farbe ändern. Wählen Sie zunächst Kanaloptionen aus dem Flyout-Menü, wählen Sie dann eine Farbe aus, indem Sie auf das Farbfeld klicken und dann die Deckkraft nach Geschmack einstellen.
Wir werden diesen Kanal verwenden, um das Logo zu bedrücken. Sie möchten also große weiße Brocken vermeiden, die den kleineren Text unleserlich machen. Verwenden Sie einen kleinen schwarzen Pinsel mit harten Kanten, um Bereiche wie angegeben zu löschen. Sie können auch das Kopierstempelwerkzeug (S) verwenden, um weitere Kratzer hinzuzufügen.
Erweichen Sie den "Scratches" -Kanal etwas, indem Sie ihm eine Gaußsche Unschärfe von 2 px geben.
Duplizieren Sie die Ebene "Logo raised" und beschriften Sie sie mit "Logo Scratches". Wenden Sie den Beleuchtungseffektfilter erneut mit den gleichen Einstellungen wie zuvor an. Wählen Sie jedoch unter "Texturkanal" die Option "Scratches", deaktivieren Sie die Option "Weiß" und setzen Sie den Schieberegler "Bergig" auf 12%. Ich habe diese Einstellungen als "LOGO SCRATCH LIGHTS" gespeichert.
Duplizieren Sie die Ebene "Background" und beschriften Sie sie mit "Innere Kratzer". Drücken Sie nun die Befehlstaste + F, um den Filter erneut anzuwenden. Verwenden Sie die Pfeiltasten auf Ihrer Tastatur, um den Tiefeninhalt 4 Schritte nach rechts und 4 Schritte nach unten zu verschieben, um die Illusion der Tiefe zu erzeugen.
Klicken Sie auf das Symbol zum Erstellen neuer Füll- oder Anpassungsebene und verwenden Sie das Dropdown-Menü, um Volltonfarbe auszuwählen. Klicken Sie auf das Farbfeld und wählen Sie C: 75, M: 68, Y: 67 und K: 90. Stellen Sie sicher, dass diese Ebene über den "inneren Kratzern" liegt. Stellen Sie jetzt den Mischmodus auf Multiplizieren und verringern Sie die Deckkraft auf 75%..
Richten Sie die Ebene "Logo-Kratzer" aus und fügen Sie wie gezeigt einen Schlagschatten / Abschrägungs- und Emboss-Ebenenstil hinzu, um die Tiefe zu betonen.
Richten Sie die Maske "Farbfüllung 1" aus und wählen Sie dann K: 50 als Vordergrundfarbe. Wählen Sie das Verlaufswerkzeug (G) und ziehen Sie mit der Radiale-Voreinstellung von der Mitte nach außen - dies zeigt nun einige verborgene Details und gibt einen subtilen Hinweis auf die Beleuchtung.
Doppelklicken Sie auf die Ebene "Background" und beschriften Sie sie mit "Original Metal". Fügen Sie nun einen Gruppenordner am oberen Rand des Stapels hinzu und bezeichnen Sie ihn als "LOGO". Klicken Sie bei gedrückter Umschalttaste auf alle Ebenenminiaturen und platzieren Sie sie im Ordner.
Als Nächstes generieren Sie eine Auswahl aus Ihrem Kanal "Logo erweitert", fügen Sie unten im Gruppenordner eine neue Ebene hinzu und füllen Sie die Auswahl mit Schwarz. Deaktivieren Sie nun vorübergehend die Sichtbarkeit aller anderen Ebenen, und zeichnen Sie mit dem Stiftwerkzeug (P) auf Pfade einen geschlossenen Pfad (siehe Abbildung).
Wechseln Sie zu Ihrer Pfadpalette und klicken Sie mit der Befehlstaste auf die Pfadminiatur, um eine Auswahl zu erstellen. Stellen Sie in Ihrer Ebenenpalette sicher, dass die neue Ebene als Ziel ausgewählt ist, und füllen Sie die Auswahl mit Schwarz.
Beschriften Sie die neue Ebene mit "Schnittmaske", und aktivieren Sie dann die Sichtbarkeit aller Ebenen. Drücken Sie nun die Alt-Taste und klicken Sie zwischen den einzelnen Ebenen-Miniaturbildern nacheinander, sodass alle Ebenen auf die Basisebene zugeschnitten werden.
Da die Clipping-Gruppe die nicht transparenten Bereiche der untersten Ebene als Maske verwendet, besteht keine Möglichkeit, dass Kanten von anderen Ebenen gestört werden, sodass die linke Seite mit einer sauberen Kante versehen wird. Stellen Sie Ihre Logodatei auf eine Seite, da Sie im nächsten Schritt den Hintergrund erstellen.
Erstellen Sie ein neues RGB-Dokument mit einer Breite von 21 cm und einer Breite von 27 cm, einer Auflösung von 300 dpi und dem Hintergrundinhalt weiß. Öffnen Sie erneut "Baking_tray.jpg" und gehen Sie zu Bild> Leinwand drehen> 90 Grad CW. Ziehen Sie es jetzt als neue Ebene in Ihr Dokument. Transformieren Sie sie so, dass sie als "Metall" bezeichnet werden, und kopieren Sie die Ebene. Wechseln Sie dann zu Bearbeiten> Transformieren> 180 Grad drehen. Stellen Sie jetzt den Mischmodus auf "Multiplizieren" ein und beschriften Sie das Duplikat "Metallvervielfachung".
Fügen Sie eine zentrale Anleitung hinzu, besuchen Sie die Logodatei erneut, und ziehen Sie bei gedrückter Umschalttaste die Miniatur des Ordners "LOGO" in Ihr Arbeitsdokument und positionieren Sie sie wie abgebildet. Das Logodokument ist jetzt fertig, sodass Sie es schließen können.
Laden Sie das Chevron-Bild herunter, öffnen Sie es und verwenden Sie das Rechteckige Auswahlwerkzeug (M), um die obere Hälfte zu kopieren. Fügen Sie dann unter dem Ordner "LOGO" die Option Als neue Ebene einfügen ein. Kehren Sie zum Chevron-Bild zurück, kehren Sie die Auswahl um und kopieren Sie erneut> Einfügen. Lassen Sie die Deckkraft dieser Ebene vorübergehend ab und richten Sie die Streifen aus. Wenn Sie fertig sind, setzen Sie die Deckkraft auf 100% zurück. Wählen Sie nun das Radiergummi-Werkzeug (E) aus und verwenden Sie einen mittelgroßen Pinsel mit weichen Kanten, um die oberste Ebene zu überblenden.
Wenn die oberste "Chevron" -Ebene ausgerichtet ist, drücken Sie die Tastenkombination "Befehl + E", um nach unten zu verbinden. Ändern Sie die Größe und Position neu oben auf Ihrer Leinwand, beschriften Sie sie mit "Chevrons" und setzen Sie den Füllmodus auf Ausschluss. Halten Sie die Alt-Taste gedrückt, während Sie auf das Symbol Neue Füll- oder Einstellungsebene erstellen klicken und im Dropdown-Menü die Option Ebenen auswählen. Aktivieren Sie im nächsten Fenster die Option Vorherige Ebene verwenden, um eine Schnittmaske zu erstellen. Setzen Sie nun den Schwarzpunkt auf 42, den Mittelpunkt auf 0,55 und den Weißpunkt auf 242.
Eine normale Einstellungsebene ändert die Zielebene sowie die darunter liegende Ebene. Wenn Sie jedoch eine Anpassung auf eine einzelne Ebene ausschneiden, bleiben die darunter liegenden Ebenen erhalten.
Laden Sie die Pinsel "MetalgrungeBrushes.abr" aus dem Ordner "source" und fügen Sie der Ebene "Chevrons" eine Maske hinzu. Wenn Schwarz als Vordergrundfarbe eingestellt ist, malen Sie die Maske mit einer Stempelmethode, um Bereiche zu unterdrücken. Denken Sie daran, die Pinsel zu drehen und zu wenden, um Wiederholungen zu vermeiden.
Fügen Sie eine neue Ebene unter den "Chevrons" hinzu, beschriften Sie sie mit "Oberster Grad" und stellen Sie den Mischmodus auf "Multiplizieren". Ziehen Sie bei gedrückter Umschalttaste einen kurzen linearen Farbverlauf von oben, und verwenden Sie dabei die Voreinstellung "Vordergrund - Transparent".
Erweitern Sie den Gruppenordner "LOGO", fügen Sie unter der "Schnittmaske" eine neue Ebene hinzu und beschriften Sie sie mit "Logo Shadow". Klicken Sie bei gedrückter Befehlstaste auf die Ebene "Schnittmaske", um eine Auswahl zu generieren und die neue Ebene gezielt mit Schwarz zu füllen. Verwandeln Sie nun von der Mitte aus, um sie geringfügig zu vergrößern.
Geben Sie der Ebene "Logo Shadow" jetzt eine Gaußsche Unschärfe von 24 Pixeln und stellen Sie den Mischmodus auf "Multiplizieren".
Öffnen Sie die "3D_render.tif" aus dem Ordner "source" und ziehen Sie sie als neue Ebene am oberen Rand des Stapels ab und beschriften Sie sie mit "Mutant".
Fügen Sie eine neue Ebene unter den "Chevrons" hinzu, stellen Sie den Füllmodus auf "Multiplizieren" und bezeichnen Sie ihn mit "Bottom grad". Ziehen Sie bei gedrückter Umschalttaste einen linearen Farbverlauf von unten mit der Voreinstellung "Vordergrund" in "Transparent" wie in Schritt 24, machen Sie ihn jedoch etwas tiefer.
Fügen Sie unter "Mutant" eine weitere neue Ebene hinzu, setzen Sie den Mischmodus auf "Multiplizieren" und bezeichnen Sie ihn als "Mutantenschatten". Verwenden Sie nun die Verzerrungs- und Perspektivenfunktionen des Transformationstools, um es neu zu gestalten.
Jetzt geben Sie der Ebene eine Gaußsche Unschärfe von 8 px.
Fügen Sie eine Maske hinzu und verwenden Sie einen 50% schwarzen linearen Farbverlauf, um den Schatten vom oberen Rand der Leinwand aus leicht zu überblenden (siehe Abbildung).
Deaktivieren Sie die Sichtbarkeit der Ebene "Mutant" und des Gruppenordners "LOGO". Richten Sie die Ebene "Mutant shadow" aus und drücken Sie die Tastenkombination Umschalttaste + Befehlstaste + Alt + E, um den Stempel sichtbar zu machen (dadurch wird aus allen sichtbaren Ebenen eine Verbundebene). Benennen Sie die resultierende Ebene als "Hintergrund zusammengeführt".
Organisieren Sie nun einige Ebenen. Löschen Sie zunächst die weiße Ebene "Background" und positionieren Sie den Gruppenordner "LOGO" unterhalb der "Mutant-Ebene". Fügen Sie als Nächstes einen neuen Gruppenordner mit dem Namen "BACKGROUND" hinzu und positionieren Sie ihn unter der Ebene "Background merged". Klicken Sie nun bei gedrückter Umschalttaste auf alle darunter liegenden Ebenen (blau dargestellt) und ziehen Sie sie in den Ordner "HINTERGRUND".
Lassen Sie die Sichtbarkeit der "Mutanten" -Schicht für den Moment deaktiviert. Als Nächstes fügen Sie Pfade hinzu, um den Hintergrundbereichen etwas mehr Tiefe zu verleihen. Ziehen Sie also einige Hilfslinien wie gezeigt ein.
Verwenden Sie das Stiftwerkzeug (auf Pfade einstellen) und drücken Sie die Umschalttaste, um Winkel von 90/45 Grad zu beschränken, und rasten Sie sie wie gezeigt an den Hilfslinien ein. Ich habe sie mit pink gestrichen und die Führungen zur besseren Übersicht im Screenshot abgestellt. Denken Sie daran, dass Sie das Direktauswahl-Werkzeug (A) jederzeit verwenden können, um einzelne Punkte nach Bedarf zu ändern.
Wählen Sie nun das Polygon unter dem benutzerdefinierten Formwerkzeug (U) und stellen Sie die Option Pfade mit 8 Seiten ein. Wir möchten, dass diese neue Form den ursprünglichen Pfad ändert. Aktivieren Sie daher auch die Option "Überlappende Pfadbereiche ausschließen". Ziehen Sie nun, fügen Sie ein großes, zentrales Polygon hinzu (ich habe die Hilfslinien zur besseren Übersicht im Screenshot deaktiviert). Außerdem müssen Sie beim Ziehen drehen, um die Seiten quadratisch zu halten.
Schwitzen Sie nicht, wenn Sie beim ersten Mal einen Fehler feststellen. Verwenden Sie einfach das Pfadauswahl-Werkzeug (nicht das Direktauswahl-Werkzeug), um es wie gewünscht zu positionieren. Sie können die Größe der Form auch ändern, indem Sie Bearbeiten> Transformationspfad> Skalieren auswählen.
Klicken Sie bei gedrückter Umschalttaste, um die oberen vier Punkte des Polygons mit dem Direktauswahl-Werkzeug auszuwählen, und ziehen Sie sie dann nach oben, um die Form über die Leinwand hinaus zu verlängern (siehe Abbildung).
Setzen Sie die Vordergrundfarbe auf Weiß und generieren Sie eine Auswahl aus Ihrem Pfad. Fügen Sie als Nächstes einen neuen Kanal hinzu und beschriften Sie ihn mit "Panels". Gehen Sie dann zu Bearbeiten> Kontur, geben Sie im nächsten Dialogfeld einen Wert von 5 px ein und aktivieren Sie die Option Ortsmitte.
Jetzt geben Sie dem Kanal eine Gaußsche Unschärfe von 5 px.
Duplizieren Sie die Ebene "Hintergrund zusammengeführt" und beschriften Sie sie als "Panel-Groves". Wenden Sie nun einen Beleuchtungseffektfilter an, und verwenden Sie dabei eine Richtungslichteinstellung. Wählen Sie auch "Panels" im Dropdown-Menü "Texturkanal" aus. Deaktivieren Sie die Option "Weiß ist hoch" und setzen Sie den Schieberegler "Bergig" auf 50%..
Fügen Sie einen neuen Kanal hinzu und beschriften Sie ihn mit "Nieten". Wählen Sie dann das Ellipse-Werkzeug für benutzerdefinierte Formen aus. Stellen Sie die Option auf Pixel füllen. Wählen Sie im Dropdown-Menü Optionen die Option Feste Größe aus und geben Sie in den Feldern Breite und Höhe 30 px ein. Aktivieren Sie die Sichtbarkeit des Composite-Kanals "RGB", und passen Sie dann Farbe und Deckkraft der Maske an. Setzen Sie nun Ihre Vordergrundfarbe auf Weiß und fügen Sie die Nieten am Rand der Paneele hinzu.
Duplizieren Sie den Kanal "Nieten" und beschriften Sie ihn mit "Nieten verwischen". Fügen Sie nun eine Gaußsche Unschärfe von 4 px hinzu.
Positionieren Sie die Ebene "Hintergrund zusammengeführt" über der Ebene "Panel-Nuten" und benennen Sie sie in "Nieten" um. Führen Sie nun den gleichen Beleuchtungseffektfilter aus, den Sie in Schritt 39 verwendet haben, wählen Sie jedoch den Kanal "Rivets blur" im Texture Channel-Menü aus. Überprüfen Sie auch "Weiß ist hoch" und stellen Sie den Schieberegler für die Berge auf 25%..
Generieren Sie eine Auswahl aus Ihrem Kanal "Nieten" und erweitern Sie sie um 4 px. Umkehren Sie die Auswahl, stellen Sie sicher, dass die Ebene "Nieten" als Ziel ausgewählt ist, und klicken Sie auf Löschen, um die darunterliegende Ebene anzuzeigen.
Wenn der Hintergrund nun vollständig ist, wird es Zeit, die Kreatur etwas besser in ihre Umgebung zu integrieren. Aktivieren Sie zunächst die Ebenensichtbarkeit und gehen Sie zu Bild> Anpassungen> Farbe ersetzen. Wählen Sie mit der Pipette einen rosafarbenen Bereich aus, und setzen Sie die Unschärfe auf 124. Stellen Sie nun den Farbton auf +11 und die Sättigung auf -78.
Verdunkeln Sie den unteren Teil der Kreatur, indem Sie aus dem "Mutanten" eine schichtbasierte Auswahl treffen. Fügen Sie eine neue Ebene darüber hinzu und füllen Sie sie mit Schwarz. Ziehen Sie bei gedrückter Umschalttaste einen schwarzen linearen Farbverlauf vom oberen Rand der Maske, stellen Sie den Füllmodus auf Multiplizieren ein und bezeichnen Sie ihn als "Mutant Multiplize".
Clipieren Sie eine Farbbalance-Einstellungsebene in die "Mutant" -Ebene und setzen Sie den Mitteltonrot auf +15, Grün auf -3 und Blau auf -49. Stellen Sie nun den Schatten Rot auf +8 und Blau auf -10 ein.
Verdunkeln Sie die Kreatur noch stärker, indem Sie die Ebenenebene anpassen und den Weißpunkt-Schieberegler für die Ausgabepegel auf 153 einstellen.
Verwende einen großen, schwarzen, weichkantigen Pinsel für die Maske "Levels 2", um das Gesicht und die Hände der Kreatur sanft zu löschen.
Der in Schritt 30 verwendete Beleuchtungseffektfilter hat das untere Bedienfeld und den Schatten der Figur aufgehellt. Um dies zu beheben, verschieben Sie die Ebene "Bottom grad" aus dem Ordner "BACKGROUND" und platzieren Sie sie über der Ebene "Panel Nichten". Verschieben Sie auch die Ebene "Mutant shadow" aus dem Ordner "BACKGROUND" und platzieren Sie sie unter dem Ordner "LOGO".
Passen Sie nun die Gesamtfarbe an, indem Sie am oberen Rand des Ebenenstapels eine normale Farbton / Sättigungs-Einstellungsebene hinzufügen (nicht beschneiden), und zwar mit den folgenden Einstellungen: Master Saturation: -12. Wählen Sie dann im Dropdown-Menü Bearbeiten die Option Rot bis -8, Gelb bis -43, Grün bis -65 und Cyan bis -32.
Der 3D-Render sieht im Vergleich zum restlichen Bild etwas zu scharf aus. Beheben Sie dies, indem Sie der "Mutanten" -Schicht eine kleine Menge Gaußscher Weichzeichner geben (ich habe einen Wert von 1,5 px verwendet)..
Sie sind fast fertig mit dem Hinzufügen von Grafiken. Gehen Sie zu Bild> Leinwandgröße, verankern Sie Ihre Leinwand nach unten und erhöhen Sie die Höhe auf 28,5 cm - dies bietet zusätzlichen Platz für das obere Banner.
Öffnen Sie schließlich die Datei "Graphics.psd" aus dem Ordner "source". Ziehen Sie es dann mit gedrückter Umschalttaste als neue Ebene. Vergrößern Sie und sehen Sie nach Bereichen, die verbessert werden könnten. Ich habe den Ordner "LOGO" erneut überarbeitet und die Deckkraft der Ebene "Logo scratchs" auf 77% und die Ebene "Color Fill 1" auf 80% eingestellt..
Die in diesem Tutorial erläuterten Techniken können auf viele verschiedene Projekte vom Druck bis zum Web angewendet werden. Einige großartige Effekte lassen sich auch erzielen, indem Sie komplexe Pfade in Illustrator erstellen und als Pfade in Photoshop einfügen. Diese können dann in Alphakanäle konvertiert werden, um sie mit dem Beleuchtungseffektfilter zu verwenden.
Das endgültige Bild ist unten. Sie können die große Version hier einsehen.
Accentsconagua