Share
Meine Kunden bitten mich oft, unmögliche Szenarien, unheimliche Landschaften und surreale Bilder für ihre Projekte zu erstellen. Bilder, die im wirklichen Leben nicht möglich wären. In solchen Situationen wird die Fotomanipulation zu einem leistungsstarken Entwurfswerkzeug. Im heutigen Tutorial werde ich Ihnen zeigen, wie Sie ein CD-Cover mit verschiedenen Fotomanipulationstechniken entwerfen, kritische Textebenen für zukünftige Änderungen editierbar lassen und ein schnelles Modell mit dem Vanishing Point-Filter darstellen. Lass es uns anfangen!
Um Zeit zu sparen, können Sie alle folgenden Bilder herunterladen, bevor Sie beginnen.
Dieses Mal erstellen wir eine Fotomanipulation, die vom klassischen Gedicht von Edgar Allan Poe inspiriert ist, "The Raven". Dies sollte nicht als grafische Darstellung des Gedichts interpretiert werden, sondern lediglich als verdrehte Adaption, die die Einsamkeit des Mannes zeigt, der seinen geliebten Lenore verloren hat. Stellen Sie sich dies als ein Hörbuchprojekt oder ein Rockbandalbum-Cover vor.
Beginnen Sie mit der Erstellung des Dokuments. Ein Standard-CD-Cover ist 4,75 x 4,75 Zoll. Erstellen Sie also ein Dokument in diesen Dimensionen. Wenn Sie dieses Dokument tatsächlich drucken möchten, sollten Sie mit einer Auflösung von mindestens 300 Pixel pro Zoll arbeiten. Dieses Mal setze ich das Dokument jedoch aufgrund der Fotogrößen auf 200 dpi.
Wenn Sie Ihre Bildauflösung eingestellt haben, zeigen Sie Ihre Lineale (Befehl + R) und fügen Sie den Dokumentumrandungen Hilfslinien hinzu. Da dies ein Druckdesign ist, sollten Sie aus Sicherheitsgründen einen Rand hinzufügen. Gehen Sie zu Image> Canvas size und ändern Sie die Größe in 4,85 x 4,85 Zoll Anker: Zentrum.
Das gesamte Gedicht findet im Erzählerraum statt. Öffnen Sie das Bild "Empty Room" in Photoshop und speichern Sie es unter einem beschreibenden Namen wie "Room.psd". Dieses Bild ist breit und unser Design sollte ein perfektes Quadrat sein. Wir müssen es strecken, ohne es zu verzerren. Ist eigentlich ziemlich einfach. Zeichnen Sie zuerst einen Guide, der versucht, ein Quadrat auf der linken Seite abzugrenzen. Wählen Sie dann mit dem Auswahlwerkzeug für rechteckige Auswahl (M) die rechte Seite des Bildes aus, kopieren Sie es und fügen Sie es mit der rechten Seite des Segments ein der Führer. Halten Sie dann die Steuertaste (Strg) gedrückt, um den eingefügten Bereich zu verzerren und die horizontalen Wandlinien des Raums abzugleichen.
Um die Reduzierung so gut wie möglich zu gestalten, passen Sie die Ebenen von "Layer 2" wie in der Abbildung unten an. Ich habe es in zwei Runden geschafft, aber Sie können versuchen, es in nur einer Runde zu schaffen. Fügen Sie dann eine Ebenenmaske> Alle ausblenden hinzu und füllen Sie die Maske mit einem horizontalen Verlauf (Weiß - Schwarz). Dieser Schritt macht die Reduktion nahezu perfekt.
Wählen Sie in der Datei "Room.psd" mit dem Rectangular Marquee Tool (M) die rechte Seite des Bildes aus und drücken Sie die Befehlstaste (Strg) + Umschalttaste + C, um alle Ebenen der Auswahl zu kopieren (um das Abflachen zu vermeiden.) das Bild und hilft Ihnen, diesen Teil des Jobs für weitere Änderungen bearbeitbar zu halten (falls vorhanden). Fügen Sie es dann in eine neue Ebene namens "Room" in das Hauptdokument ein.
Jetzt ist es Zeit, eine der Hauptfiguren hinzuzufügen, den Kerl. Dazu schnappen Sie sich das Bild des sitzenden Mannes und öffnen Sie es in Photoshop. Wählen Sie dann mit einer beliebigen Technik die Form des Mannes aus (ich verwende das Polygonal-Lasso-Werkzeug). Kopieren Sie die Auswahl und fügen Sie sie in das Hauptdokument ein. Gehen Sie dann zu Bearbeiten> Transformieren> Horizontal spiegeln, um die Beleuchtung der Szene anzupassen. Das ist wirklich wichtig, da Sie zu oft nicht genug Geld haben, um Ihre eigenen Aufnahmen zu machen, und Sie müssen Aktien verwenden, und es ist nicht einfach, das richtige Bild zu wählen. Verwenden Sie das Free Transform Tool, um die Größe des Kerls zu reduzieren. Benennen Sie die Ebene "Guy".
Da ich keine 100% fotorealistische Szene haben möchte, sondern eine dramatische; Wir werden mehrere Schattenebenen hinzufügen, die erste ist der Schatten des Raums. Erstellen Sie eine neue Ebene mit dem Namen "Room Shadow". Verwenden Sie einen großen weichen Pinsel (Farbe: # 151610, Größe: 300px Deckkraft und Fluss 50%), malen Sie die gesamte rechte Seite der Szene und ändern Sie dann den Mischmodus auf Multiplizieren und die Deckkraft auf 75%..
Öffnen Sie das Hockerbild, wählen Sie seine Form aus und fügen Sie es in das Hauptdokument ein. Nenne diese Schicht "Stuhl". Wieder müssen Sie es horizontal drehen, um die Lichter anzupassen.
Schnappen Sie sich das Brennwerkzeug, wählen Sie "Guy" und brennen Sie die gesamte rechte Seite, um die Intensität der Schatten zu erhöhen. Dann schnappen Sie sich das Standard-Schwammwerkzeug und entsättigen Sie die helleren Bereiche. Machen Sie dasselbe mit der "Stuhl" -Schicht.
Öffnen Sie das Bild "Crow1" aus den Assets und wählen Sie seine Form mit einer beliebigen Technik aus (ich habe es mit dem Polygonal-Lasso-Werkzeug gemacht), kopieren Sie es und fügen Sie es in eine Ebene mit dem Namen "Raven" ein. Drehen Sie es horizontal und ändern Sie die Größe etwas, sodass die Krähe größer wird als der Typ. Legen Sie es neben die Zimmertür.
Fügen Sie der "Raven" -Schicht mit dem Rectangular Marquee Tool eine Ebenenmaske hinzu. Ziehen Sie dazu ein Rechteck über die Form der Tür und füllen Sie den Bereich mit Schwarz. Auf diese Weise schaffen wir die Illusion eines Raben, der die Tür betritt, ohne das Bild tatsächlich zu zerstören.
Öffnen Sie die Datei "Pile of Books", wählen Sie die Form aus und fügen Sie sie in eine neue Ebene mit dem Namen "Books" ein, ändern Sie die Größe, platzieren Sie sie direkt über der "Chair" -Ebene und brennen Sie auch die rechte Seite.
Unsere Krähe ist ziemlich nett, aber sie ist nicht ganz richtig. Um dies zu korrigieren, müssen wir es ein wenig manipulieren, indem wir ihm einen neuen Kopf geben. Öffnen Sie das Bild "Crow 2" aus den Assets und wählen Sie nur den Kopf aus. Fügen Sie es ein, drehen Sie es um und ändern Sie die Größe in eine neue Ebene mit dem Namen "Head" über der "Crow-Ebene". Anschließend verwenden Sie dieselbe Technik wie in Schritt 3 dieses Tutorials beschrieben. Verschmelzen Sie den Kopf mit dem Körper. Verwenden Sie statt eines Verlaufs einen schwarzen Pinsel. Löschen Sie ggf. einige Bereiche des Kopfs der Crow-Ebene.
Da die Vogelflügel die Luft wehen lassen, fügen wir ein Buch hinzu, das wegen der Brise geöffnet wird. Öffnen Sie das Bild "Open Book" aus den Assets, extrahieren Sie nur das oberste offene Buch und fügen Sie es in eine neue Ebene im Hauptdokument mit dem Namen "Open Book" ein. Fügen Sie schließlich so viele Bücher hinzu, wie Sie möchten. Denken Sie immer daran, die rechte Seite von ihnen zu brennen.
Duplizieren Sie die Ebene "Raven" mit dem Werkzeug "Freie Transformation", um sie zu verzerren. breiter machen. Verringern Sie dann in Hue / Saturation (Befehl (Strg) + U) den Helligkeitswert auf -100. Gehen Sie zu Filter> Weichzeichnen> Gaußscher Weichzeichner, Radius 8px, um den Schatten zu verwischen und die Deckkraft der Ebene auf 50% zu reduzieren..
Wir werden diese Technik auf fast jedes Objekt in der Szene anwenden, ist ziemlich einfach. Erstellen Sie eine Ebene hinter dem zugehörigen Objekt, in diesem Fall "Raven" Layer, und nennen Sie sie "Raven Shadow" (wir haben es im vorherigen Schritt getan). Dann malen Sie dort mit einem großen weichen dunklen Pinsel (# 110C06) einen Schatten. Als Nächstes erstellen Sie eine neue Ebene mit dem Namen "Front Shadow" und malen Schatten über das zugehörige Objekt, in diesem Fall den Raben. Löschen Sie dann mit einem großen und weichen Radierer (E) Opacity und Flow 50% einige Bereiche des vorderen Schattens, in denen Sie der Meinung sind, dass mehr Licht vorhanden sein sollte. Gruppieren Sie die Schattenebenen und das Hauptobjekt in einem Ordner, um die Ebenen zu organisieren.
Wiederholen Sie die vorherige Schattentechnik, diesmal jedoch mit der Ebene "Offenes Buch". Wenn Sie möchten, können Sie das Fleckwerkzeug auf der Schattenebene verwenden, um es besser mit dem Hintergrund zu verbinden.
Genauso wie bei der "Raven" -Schicht in Schritt 14, duplizieren Sie die "Guy" -Schicht, reduzieren Sie die Helligkeit und die Deckkraft und malen Sie dann sowohl den vorderen als auch den hinteren Schatten. Achten Sie dabei besonders auf den Schatten unter seinen Turnschuhen.
Verwenden Sie die gleiche Technik, um die Schatten der "Chair" -Schicht und der zusätzlichen Bücher auf dem Boden zu malen. Versuchen Sie nicht, ein fotorealistisches Ergebnis zu erstellen, sondern ein dramatisches Ergebnis. Fühlen Sie sich also frei, so viele Schatten hinzuzufügen, wie Sie möchten Versuchen Sie jedoch immer, das Bild nicht zu dunkel zu machen.
Verwenden Sie einen größeren dunklen Pinsel (# 110C06), um alle Ränder des Raums in eine neue Ebene mit dem Namen "Front Shadows" oberhalb der Ebene "Room" zu malen. Zum Schluss die Deckkraft auf 50% reduzieren.
Dieser Typ ist wirklich besessen von seiner verlorenen Liebe Lenore. Wie kann man ein solches Gefühl in einem stummen Bild darstellen? Das ist ziemlich schwer, nicht wahr? Deshalb habe ich beschlossen, das Wort "Lenore" mehrmals an die Wand zu setzen. Erstellen Sie dazu ein neues Dokument (beliebige Größe ist in Ordnung) mit einem neutralen grauen Hintergrund (# A0A0A0) und verwenden Sie einige handgezeichnete Schriftarten (in dafont.com finden Sie mehrere kostenlose Schriftarten), und schreiben Sie das Wort "Lenore" überall. Drücken Sie dann die Befehlstaste (Strg) + A, um alle auszuwählen, und drücken Sie die Befehlstaste (Strg) + Umschalt + C, um eine abgeflachte Version des Bildes zu kopieren.
Erstellen Sie eine neue Ebene mit dem Namen "Wall words" über den Ebenen "Room" oder "Room". Dann gehe zu Filter> Fluchtpunkt. Zeichnen Sie im Fluchtpunktfenster die erforderlichen Ebenen, um die Wörter an die Wand zu setzen. Wenn Sie mit dem Fluchtpunktfilter nicht vertraut sind, sollten Sie die folgenden Tuts zuerst lesen: Verwenden des Fluchtpunktfilters zum Mockup einer Visitenkarte oder Erstellen Sie ein beeindruckendes Mockup einer Grunge-Box.
Wenn Sie die Ebenen erstellt haben, fügen Sie die Zwischenablage dort ein, ziehen Sie sie und ändern Sie ihre Größe, bis sie gut aussieht. Dies ist kein einfacher Prozess. Versuchen Sie also, so oft Sie möchten, bevor Sie fortfahren.
Wenn Sie den Text richtig platziert haben, ändern Sie den Mischmodus der Ebene "Wandwörter" in Überlagerung.
Tipp: Windows 7 und der Vanishing Point-Filter arbeiten nicht gut zusammen. Aus irgendeinem Grund hat Windows Aero einen Konflikt mit der Vanishing Point-Engine. Wenn Sie also mit W7 arbeiten und Ihr System abstürzt, stürzen Sie bei Verwendung dieses Filters plötzlich ab das Aussehen des Desktops zu "Windows 7 Basic".
Wählen Sie mit dem Polygon-Lasso-Werkzeug die Bereiche ohne Wände (Tür und Fenster) aus, wobei die Ebene "Wandwörter" ausgewählt ist, und löschen Sie die Auswahl. Dann ändern Sie die Deckkraft auf 50%..
Da unsere Krähe fliegt, müssen wir einen Bewegungseffekt hinzufügen. Das ist ziemlich einfach. Duplizieren Sie die "Raven" -Schicht und platzieren Sie sie über dem Original. Gehen Sie zu Filter> Weichzeichnen> Bewegungsunschärfe, stellen Sie Winkel: 0º und Abstand 20px ein und klicken Sie auf OK. Anschließend löschen Sie mit dem Radiergummi-Werkzeug oder einer Ebenenmaske einige Bereiche der Weichzeichnungsebene, wie in den Bildern unten gezeigt.
Nehmen Sie das Stück Papier aus den Assets, extrahieren Sie es aus dem weißen Hintergrund und fügen Sie es in eine neue Ebene über allen anderen in unserem Hauptdokument ein. Mit dem Warp-Werkzeug (Bearbeiten> Transformieren> Verziehen) verzerren Sie das Blatt wie in der Abbildung unten gezeigt. Wiederholen Sie diesen Schritt so oft wie Sie möchten mit verschiedenen Blättern Flugpapier. Alle in einen Ordner legen.
Füge den Flying Paper-Ordner zusammen und entsättige die resultierende Ebene. Mit dem Brennwerkzeug dunkeln Sie einige Schatten über dem Papier ab. Fügen Sie dann mit derselben alten Technik des Schattierens zwei Schattenebenen hinzu, eine auf der Vorderseite und eine auf der Rückseite, und malen Sie einige Schatten mit einem dunklen Pinsel. Schließlich können Sie den Prozess von Schritt 22 wiederholen, um einen Bewegungsunschärfe-Effekt hinzuzufügen.
Legen Sie alle Ebenen in einen Ordner mit dem Namen "Art".
Fügen Sie in der Schrift "Trajan" den Titel der Titelgrafik hinzu, fügen Sie alle Titelebenen in einen Ordner ein und nennen Sie sie "Titel". Klicken Sie dann mit der rechten Maustaste auf die Ebenenminiatur und wählen Sie In intelligentes Objekt konvertieren aus. Klicken Sie dann auf das Smart-Objekt und gehen Sie zu 3D> Neue 3D-Postkarte von der Ebene. Das Smart-Objekt "Titel" wird dann in eine 3D-Ebene, in der der gesamte Text noch bearbeitet werden kann. Auf diese Weise können Sie unabhängig von der Anzahl der Änderungen an Perspektive, Drehung und Tiefe den Text jederzeit ändern.
Fügen Sie der 3D-Ebene einen Abschrägungs- und Reliefeffekt sowie einen Verlaufsüberlagerungseffekt hinzu, wie unten im Bild unten gezeigt. Machen Sie sich jetzt nicht zu viele Sorgen um die Lichtposition und den Schatten. Wir werden den nächsten Schritt bearbeiten.
Verwenden des 3D-Transformationswerkzeugs Drehen, verschieben und ziehen Sie die Ebene, um sie an die Perspektive der Wand anzupassen. Wenn Sie die Ebene richtig platziert haben, fügen Sie den Schlagschattenstil hinzu, der den Lichtwinkel auf 30% und einen großen Abstand zwischen Schatten und Text (in diesem Beispiel 32 Pixel) festlegt..
Oft ändern Kunden ihre Meinung während des Projekts. Aus diesem Grund ist es wirklich wichtig, Ihre Ebenen jederzeit bearbeitbar zu halten. In diesem Beispiel fügen wir dem Titel einige fehlende Wörter hinzu: den Namen des Autors. Dazu müssen Sie die verschachtelten Dokumente in die Objekte graben. Zuerst doppelklicken Sie in der 3D-Ebene ("Title" -Textur) auf die Diffuse-Textur ("Title" -Textur). In diesem neuen Dokument wird eine neue Datei namens "Title.psd" angezeigt Suchen Sie die Smart-Objekt-Ebene, doppelklicken Sie darauf, und schließlich werden Sie die Textebenen in einem Dokument namens "Title2.psd" sehen. Dort können Sie die Größe der Leinwand erweitern und die dritte Textzeile hinzufügen. Um die Änderungen zu übernehmen, sollten Sie jedes Dokument rückwärts speichern. Zuerst "Text2.psd" und dann "Text.psd". Anschließend wird Ihre 3D-Ebene im Hauptdokument aktualisiert.
Als gruseliges Detail fügen wir dem Composite etwas Rauschen hinzu. Drücken Sie D auf Ihrer Tastatur, um die Standardfarben zu laden, erstellen Sie eine neue Ebene mit dem Namen "Noise" über dem "Text" -Objekt und wechseln Sie zu Filter> Render Clouds. Gehen Sie dann zu Filter> Rauschen> Rauschen hinzufügen (legen Sie die unten gezeigten Werte fest). Ändern Sie schließlich den Mischmodus der Ebene in Überlagerung und die Deckkraft in 35%..
An diesem Punkt werden Sie wissen, ob das Design zu dunkel oder zu hell ist. Daher müssen Sie eine Ebene zur Anpassung der Ebenen hinzufügen, um das Bild aufzuhellen. Wählen Sie nun All (Befehl (Strg) + A) und Befehl (Strg) + Umschalt + C, um das Design zu reduzieren und zu kopieren.
Manchmal möchten Kunden ein reales Beispiel für ihr Produkt sehen. Es ist wirklich schwierig, eine gedruckte Version einer Cover-Art-Datei zu senden, insbesondere wenn sich Ihre Kunden weit entfernt von Ihnen befinden, aber Sie können ihnen ein Bild senden. Dieses Mal werden wir unser Cover in einer CD-Hülle verspotten. Öffnen Sie das Bild "CD-Hülle" in einem neuen Dokument mit dem Namen "mockup.psd", und legen Sie eine neue Ebene über der abgeflachten Ebene an. Wählen Sie die neue Ebene aus und gehen Sie zu Filter> Fluchtpunkt. Zeichnen Sie dort eine Ebene, die der Fallform entspricht, und fügen Sie die Zwischenablage dort ein.
Da sich das Cover-Cover hinter dem Plastikgehäuse der CD befindet, müssen einige Bereiche der Cover-Art-Ebene gelöscht werden. Fügen Sie dazu eine Ebenenmaske hinzu, und wählen Sie mit dem Polygon-Lasso die winzigen Kerben der Kunststoffabdeckung aus, und füllen Sie die Auswahl mit Schwarz auf der Ebenenmaske. Sie können die Deckkraft der verdeckten Kunst verringern, um die Kerben zu sehen.
Wählen Sie dann erneut mit dem Polygon-Lasso-Werkzeug einen Halbkreis der Kerbe aus, in dem das Papier deutlich sichtbar ist, und füllen Sie es mit Schwarz oder Grau.
Wir verwenden eine Verlaufsüberlagerung auf der Artwork-Ebene, um den Effekt "Glänzender Kunststoff" zu erzeugen. Dies ist ziemlich einfach. Fügen Sie dem Effekt nur einige schwarz-weiße Übergänge hinzu und ändern Sie den Mischmodus in "Bildschirm" und seine Deckkraft auf unter 20%. Zusätzlich füge ich einen inneren Schatten hinzu, um die Tiefenwahrnehmung zu verbessern.
Als letzte Anmerkung füge ich den Layer "Paper Texture" aus den Assets in einen neuen Layer hinter dem Layer "CD" ein. Wenn Sie den Mischmodus der CD-Ebene in "Multiplizieren" ändern, funktioniert das in diesem Fall perfekt. Dann spielen Sie einfach mit der Texturebene. Ich habe eine dunkle (# 36312D) Solid Color-Ebene hinter der Textur hinzugefügt. Außerdem habe ich die dunklen Ebenen der Textur erhöht, indem eine Ebenenmaske hinzugefügt wurde, die mit einem weiß-schwarzen Radialverlauf gefüllt ist. So entsteht eine dunkle Vignette.
Bitte werfen Sie einen Blick auf die endgültige Version unserer Coverbilder.
Accentsconagua