In diesem Lernprogramm wird in Photoshop eine digitale Illustration einer Schachtel Übereinstimmungen erstellt. Wir erstellen das Streichholzschachtel-Cover-Design, den Stürmer auf der Streichholzschachtel aus einem Muster und platzieren die Kartonstruktur auf der Box. Wir erstellen auch die Übereinstimmungen und richten alles in einer 3D-Perspektive aus.
Bevor wir beginnen, werfen wir einen Blick auf das Bild, das wir erstellen. Klicken Sie auf den Screenshot, um das Bild in voller Größe anzuzeigen. Die mehrschichtige Photoshop-Datei ist wie immer über unsere Psdtuts + Plus-Mitgliedschaft verfügbar.
Erstellen Sie ein neues Dokument mit einer Breite von 525 Zoll x 750 Zoll. Stellen Sie die Auflösung auf 300 Pixel pro Zoll ein. Erstellen Sie dann eine neue Ebene, benennen Sie sie "Textur" und füllen Sie sie mit Weiß. Wenden Sie mit diesen Einstellungen einen Muster-Überlagerungs-Ebenenstil an: Mischmodus Normal, Deckkraft bei 60% und das Muster auf Holzkohleflecken (es befindet sich im Graustufen-Papiersatz)..
Erstellen Sie eine neue Ebene, nennen Sie sie "Rand" und füllen Sie sie mit Schwarz. Wenden Sie dann einen Strich-Ebenenstil mit diesen Einstellungen an: Größe 10, Position auf Innen eingestellt und eine Farbe von Weiß. Jetzt müssen wir den Ebenenstil rastern. Erstellen Sie dazu eine neue Ebene. Wählen Sie die neue Ebene und die Ebene "Rand" aus, und fügen Sie sie dann mit Befehlstaste + E zusammen. Setzen Sie dann den Mischmodus der Ebene auf Multiplizieren.
Holen Sie sich das Zauberstab-Werkzeug und klicken Sie auf den schwarzen Bereich. Erstellen Sie nun eine neue Ebene und füllen Sie die Auswahl mit der Farbe "baa36d". Nennen Sie diese Ebene "Farbe". Verstecken Sie es jetzt, da wir das später brauchen werden. Gehen Sie jetzt zurück zur Ebene "Rand". Auswahl zusammenziehen. Gehen Sie zu Auswählen> Ändern> Vertrag. Vertrag um 5 Pixel verkleinern und Löschen drücken. Verkleinern Sie sich erneut um 10 Pixel und füllen Sie die Auswahl mit Schwarz. Verkleinern Sie die Auswahl noch einmal um 2 Pixel und klicken Sie auf Löschen. Nun ist die Grenze fertig. Machen Sie die Ebene "Farbe" sichtbar und setzen Sie den Füllmodus auf Linear Burn.
Erstellen Sie eine neue Ebene. Wählen Sie einen rechteckigen Bereich aus und füllen Sie ihn mit Schwarz. Ziehen Sie eine vertikale Hilfslinie in die Mitte. Nehmen Sie das elliptische Marque-Tool auf. Wählen Sie ausgehend von dieser Richtlinie bei gedrückter Alt-Taste eine Auswahl aus und klicken Sie auf Löschen. Erstellen Sie dann zwei schwarze Rechtecke auf derselben Ebene.
Holen Sie sich das Type Tool. Wählen Sie Ihre Lieblingsschriftart und fügen Sie Text in Ihr Design ein. Sie können zu Bearbeiten> Transformieren> Warp gehen, um den Text zu biegen.
Jetzt machen wir einen Screenshot der Photoshop-Toolbox und verwenden das Stiftwerkzeug-Symbol in unserem Design. Folgen Sie den Anweisungen unten und machen Sie es selbst oder überspringen Sie diesen Schritt und laden Sie eine Kopie von Pentool.png herunter.
Machen Sie einen Screenshot mit dem gewünschten Werkzeug oder der gewünschten Verknüpfung (Drücken Sie in Windows die Taste PrintScrn auf der Tastatur). Dadurch wird das Screenshot in die Zwischenablage kopiert. Erstellen Sie ein neues Photoshop-Dokument und wählen Sie Bearbeiten> Einfügen. Vergrößern Sie den Werkzeugkasten um 1600%, um unser Stiftwerkzeug genauer unter die Lupe zu nehmen.
Drücken Sie Alt + PrntScrn, um nur das aktive Fenster aufzunehmen. Erstellen Sie ein neues Dokument und fügen Sie es ein. Gehen Sie zu Bild> Einstellungen> Stufen und zur Optimierung des Kontrasts. Sie können den Zauberstab oder das rechteckige Markierungswerkzeug verwenden, um den Stift zu säubern. Ziehen Sie ihn dann in Ihr Streichholzschachteldesign. Wenn Sie mit Ihrem Design zufrieden sind, reduzieren Sie das Bild, indem Sie auf Ebene> Bild abflachen gehen. Speichern Sie es als "Design.jpg".
Erstellen Sie ein neues Dokument mit einer Breite von 35 Pixel und einer Höhe von 42 Pixel. Die Auflösung beträgt 300 Pixel / Zoll. Drücken Sie die Befehlstaste + A, um die gesamte Leinwand auszuwählen, und ziehen Sie die Hilfslinien an allen Kanten und an der Mitte der Auswahl. Drücken Sie dann die Befehlstaste + D, um die Auswahl aufzuheben.
Wählen Sie # 551100 als Vordergrundfarbe. Dann schnappen Sie sich das Polygon-Werkzeug und verwenden Sie diese Einstellungen: Setzen Sie die Option "Füllpixel" und die Seiten auf "6". Erstellen Sie eine neue Ebene und nennen Sie sie "Sechseck". Klicken Sie dann und ziehen Sie von der Mitte der Ebene zum rechten Rand.
Gehen Sie zu Bild> Leinwandgröße. Stellen Sie sicher, dass die Option Relativ aktiviert ist. Geben Sie 200 Prozent für Breite und Höhe ein. Duplizieren Sie die "Hexagon" -Schicht. Schieben Sie es nach oben und schnappen Sie den unteren Teil des Sechsecks an der oberen Führung an. Duplizieren Sie die Ebene erneut, bewegen Sie sie diesmal nach unten und schnappen Sie die Oberseite des Sechsecks an der unteren Führung an. Fügen Sie die beiden duplizierten Ebenen zusammen, indem Sie sie beide auswählen und zu Ebene> Ebenen zusammenführen gehen. Nennen Sie die zusammengeführte Ebene "Hex2".
Duplizieren Sie die Ebene "Hex2" und drehen Sie sie um -60 Grad. Duplizieren Sie die "Hex2" -Schicht erneut und drehen Sie sie diesmal um 60 Grad. Nennen Sie diese Ebene "Hex60". Gehe zu Ansicht> Hilfslinien löschen. Nehmen Sie nun das Polygonal Lassoo-Werkzeug und treffen Sie eine Auswahl, die das linke untere Sechseck abdeckt.
Klicken Sie mit der rechten Maustaste in die Auswahl und wählen Sie Layer via Cut. Das ausgewählte Sechseck wird jetzt in eine neue Ebene eingefügt. Ziehen Sie die vertikalen und horizontalen Hilfslinien in die Mitte dieses Sechsecks. Gehen Sie zurück zur Ebene "Hex60" und ziehen Sie zwei Hilfslinien in die Mitte des oberen rechten. Reduzieren Sie das Bild und treffen Sie eine Auswahl mit dem Rechteck-Markierungswerkzeug. Gehen Sie zu Bearbeiten> Muster definieren, benennen Sie das Muster "Sechseck" und klicken Sie auf OK.
Erstellen Sie ein neues Dokument mit einer Breite von 750 Pixel und einer Höhe von 210 Pixel und einer Auflösung von 300 Pixel / Zoll. Erstellen Sie eine neue Ebene mit dem Namen "Striker" und füllen Sie sie mit einer beliebigen Farbe. Wenden Sie die unten gezeigten Ebenenstile an.
Jetzt fügen wir etwas Textur hinzu. Ich habe diese freie Textur von der Urban Dirty-Website verwendet. Laden Sie diese Datei herunter, öffnen Sie sie in Photoshop und ziehen Sie die Textur vor der Ebene "Striker" in Ihr Dokument.
Gehen Sie zu Image> Adjustments> Threshold und ändern Sie den Wert, bis Sie etwas Ähnliches wie unten gezeigt erhalten. Kehren Sie das Bild um, indem Sie zu Bild> Einstellungen> Umkehren gehen. Gehen Sie dann zu Filter> Weichzeichnen> Gaußscher Weichzeichner und geben Sie einen Radius von etwa 1,5 ein.
Gehen Sie zu "Bild"> "Anpassungen"> "Ebenen" und versuchen Sie, etwas wie in der Abbildung unten zu erhalten. Stellen Sie den Füllmodus der Ebene auf Screen. Wenn Sie mit dem Striker zufrieden sind, reduzieren Sie das Bild, indem Sie auf Ebene> Bild abflachen gehen. Speichern Sie es als "Striker.jpg".
Lassen Sie uns jetzt eine schöne Papptextur erstellen. Erstellen Sie erneut ein neues Dokument mit den gleichen Einstellungen wie für den Anschlag, der eine Breite von 750 Pixeln, eine Höhe von 210 Pixeln und eine Auflösung von 300 Pixeln / Zoll hat. Erstellen Sie eine neue Ebene und füllen Sie sie mit Weiß. Wenden Sie einen Muster-Overlay-Ebenenstil an und wählen Sie das Muster "Charcoal Flecks". Glätten Sie das Bild.
Drücken Sie Befehlstaste + U, um die Steuerelemente für Farbton / Sauration aufzurufen. Verwenden Sie diese Einstellungen: Colorize set to checked, Farbton von 30, Sättigung von 20 und Helligkeit von 0. Wenn Sie mit dem Striker zufrieden sind, reduzieren Sie das Bild, indem Sie zu Ebene> Bild abflachen gehen. Speichern Sie das Bild als "Cardboard.jpg".
Jetzt haben wir alle Teile, die wir für die Box brauchen. Da wir unserer Box einen perspektivischen Blick verleihen, ist die Verwendung eines Referenzbildes eine gute Idee. Sie können ein Foto einer Streichholzschachtel verwenden oder ein einfaches Modell in Ihrer bevorzugten 3D-Anwendung erstellen, das als Referenz dient. Ich habe drei Boxen modelliert und das Drahtgitter gerendert. Das Referenzbild können Sie hier herunterladen. Fahren Sie fort und öffnen Sie das Referenzbild in Photoshop. Duplizieren Sie die Ebene "Background", benennen Sie sie als "3D-Referenz" und füllen Sie die Ebene "Background" mit Weiß.
Öffnen Sie die Datei "Design.jpg". Wählen Sie alles aus, indem Sie Auswählen> Alles auswählen wählen. Gehen Sie dann zu Bearbeiten> Kopieren. An diesem Punkt schalte ich die Lupe im Betriebssystem ein. Ich benutze Windows XP. Die Lupe kann in den folgenden Schritten sehr hilfreich sein. Informationen zur Lupe erhalten Sie über diesen Link.
Erstellen Sie eine neue Ebene und nennen Sie sie "Design". Gehen Sie jetzt zu Filter> Fluchtpunkt. Klicken Sie auf 4 Punkte, um eine Perspektiveebene zu erstellen. Drücken Sie dann die Befehlstaste + V, um das Bild einzufügen. Drücken Sie die Tastenkombination Befehlstaste + T, um das Bild zu transformieren, ein wenig zu verkleinern, um 90 ° nach rechts zu drehen und in die Ebene zu ziehen.
Platzieren Sie es, skalieren Sie es an die Perspektiveebene und klicken Sie auf OK. Setzen Sie die Deckkraft der Ebene auf 50%, damit Sie das Referenzbild sehen können, da wir diesen Schritt noch ein paar Mal wiederholen.
Wiederholen Sie nun den vorherigen Schritt für den Stürmer. Erstellen Sie eine neue Ebene und nennen Sie sie "Stürmer". Öffnen Sie die Datei "Striker.jpg". Wählen Sie alle aus und drücken Sie Befehlstaste + C, um zu kopieren. Gehen Sie zu Filter> Fluchtpunkt und erstellen Sie eine weitere Ebene, die der Kästchenseite entspricht. Fügen Sie das Bild ein und passen Sie Größe und Position an.
Wiederholen Sie den Vorgang mit "Cardboard.jpg" für alle vier Seiten der Innenbox. Beachten Sie, dass die Reihenfolge der Ebenen wichtig ist.
Alle Pappkartons sehen vorerst flach aus. Wir werden ihnen etwas mehr Tiefe verleihen, indem wir auf diese Ebenen eine Verlaufsüberlagerung anwenden. Verwenden Sie für alle Kartenebenen die folgenden Einstellungen: einen Verlauf, der von Schwarz nach Weiß wechselt, ein Stil, der auf Linear gesetzt ist.
Nachfolgend einige andere Parameter, die für jede Ebene geändert werden müssen:
Die Stücke der Streichholzschachtel haben keine Dicke, also korrigieren wir sie. Wählen Sie die Ebene "Card03", duplizieren Sie die Ebene und verschieben Sie das Original (nicht die Kopie) um 1 Pixel nach oben. Drücken Sie die Tastenkombination "Befehlstaste + U" und erhöhen Sie die Helligkeit, bis der Effekt "Dicke" erreicht ist (siehe unten).
Wiederholen Sie dies für alle Teile mit Ausnahme des unteren Teils der Box "Card04". Wählen Sie nun jede Ebene und deren Kopie aus, und führen Sie sie dann zusammen. Klicken Sie mit der Befehlstaste auf die Ebene "Card03-Kopie", um die Auswahl zu laden. Malen Sie dann den Rand mit dem Pinsel-Werkzeugsatz für einen weichen Pinsel schwarz. Passen Sie dann die Deckkraft an.
Treffen Sie schließlich eine Auswahl mit Hilfe der Ebene "3D-Referenz". Erstellen Sie eine neue Ebene über der Ebene "3D-Referenz" und füllen Sie die Auswahl mit dunkelgrauem Farbton. Die Box ist jetzt fertig. Speichern Sie die Datei als "Matchbox.psd".
Erstellen Sie ein neues Dokument, das 32 Pixel breit und 750 Pixel hoch ist und eine Auflösung von 300 Pixel / Zoll hat. Füllen Sie die Hintergrundebene mit der Farbe ffeecc. Drücken Sie auf der Tastatur D, um die Standardfarben zu ändern. Erstellen Sie eine neue Ebene und füllen Sie sie mit Schwarz.
Gehen Sie zu Filter> Rendern> Fasern, setzen Sie die Varianz auf 55, Stärke auf 40 und wenden Sie diese an. Gehen Sie dann zu Filter> Weichzeichnen> Bewegungsunschärfe und stellen Sie dann den Winkel auf 90 und den Abstand auf 40 ein. Gehen Sie zu Auswählen> Farbbereich. Der Cursor verwandelt sich in eine Pipette. Klicken Sie im Farbfeldbedienfeld auf Weiß, um weiße Bereiche im Bild auszuwählen. Fuzziness auf 200 bringen.
Erstellen Sie eine neue Ebene und füllen Sie die Auswahl erneut mit der Farbe "ffeecc". Wenden Sie mit diesen Einstellungen Abschrägung und Relief an: Stil der inneren Abschrägung, Richtung auf Abwärts eingestellt, Größe von 1, Tiefe von 510 und der Schattenmodus auf Farbe brennen.
Löschen Sie die Faserebene und glätten Sie das Bild. Drücken Sie Befehlstaste + A, um alle auszuwählen, und Befehlstaste + C, um zu kopieren. Wenn Sie nicht möchten, dass alle Übereinstimmungen übereinstimmen, können Sie diesen Schritt so oft wiederholen, wie Sie möchten. Wenn Sie auf den Randomize-Button klicken, wenn Sie den Faserfilter anwenden, werden unterschiedliche Texturen erzeugt.
Gehen Sie jetzt zurück zu "Matchbox.psd". Ziehen Sie die Ebene "3D Reference" an den oberen Rand des Ebenenstapels. Drücken Sie Befehlstaste + V, um den Stick über der Ebene "3D-Referenz" einzufügen. Deaktivieren Sie das Ausrichten, indem Sie das Menü "Ansicht" öffnen und die Option "Ausrichten" deaktivieren. Wenn Sie Snap ausschalten, wird dies im nächsten Schritt einfacher. Gehen Sie zu Bearbeiten> Transformieren> Verzerren. Passen Sie die Perspektive des Sticks an die Perspektive im Referenzbild an, indem Sie die Ecken ziehen.
Zuerst die Oberseite des Sticks herstellen. Drücken Sie erneut Befehlstaste + V. Dieses Mal erstellen Sie die Vorderseite des Sticks. Diese Seite sollte etwas dunkler sein, drücken Sie also Command + U und verringern Sie den Helligkeitswert. Wenden Sie mit beiden Einstellungen eine Verlaufsüberlagerung auf beide Stick-Ebenen an: Mischmodus auf Linear Burn, Deckkraft auf 40 und Winkel auf -140 eingestellt.
Wählen Sie beide Stick-Layer aus und führen Sie sie zusammen. Nennen Sie die Ebene "Streichholz". Machen Sie die Ebene "3D-Referenz" unsichtbar. Ziehen Sie die Ebene "Matchstick" unter die Ebene "Card02". Erstellen Sie eine neue Ebene und nennen Sie sie "Tipp". Holen Sie sich das Elliptical Lassoo Tool und treffen Sie eine Auswahl für den Tipp des Matches. Füllen Sie die Auswahl mit der Farbe # 410000. Gehen Sie zu Filter> Noise> Add Noise. Übernehmen Sie diese Einstellungen: 22%, Uniform und Monochromatik geprüft.
Gehen Sie zu Filter> Verzerrung> Spherize. Verwenden Sie diese Einstellungen: 100% und Modus auf Normal eingestellt. Wenden Sie jetzt einen Farbstil für die Überlagerungsebenenart an: Mischmodus auf weiches Licht, Deckkraft von 75, Schwarzabstand zu Weiß, Umgekehrte Markierung, Radialstil und Skalierung auf 150%..
Platzieren Sie nun die Ellipse auf der Spitze des Streichholzes und gehen Sie zu Bearbeiten> Transformieren> Skew. Machen Sie es parallel zum Stick und stellen Sie die Skala und Position ein. Wählen Sie abschließend die Ebenen "Matchstick" und "Tip" aus und führen Sie sie zusammen.
Füllen Sie das Streichholz, indem Sie die Alt-Taste gedrückt halten und ziehen. Gehen Sie zu Bearbeiten> Transformieren> Verzerren. Verzerren Sie die Ebene, um die Perspektive der Sticks an die Perspektive der Box anzupassen. Jetzt machen wir den Schatten der Box für die Matches. Klicken Sie nun mit der Befehlstaste auf die Ebene "Card04", um die Auswahl zu laden. Klicken Sie bei gedrückter Umschalttaste auf die Ebene "Card01 copy", um die Auswahl hinzuzufügen. Drücken Sie dann die Befehlstaste + Alt-Taste und klicken Sie auf "Card02-Kopie". Drücken Sie dann die Befehlstaste + Alt-Taste, um die "Card03-Kopie" -Ebene zu entfernen. Sie sollten eine Auswahl wie diese haben.
Erstellen Sie eine neue Ebene über den Streichhölzern. Malen Sie es mit Schwarz, wie Sie im Bild unten sehen können. Dann geben Sie etwas Gaußsche Unschärfe.
Es ist jetzt an der Zeit, das Spiegelbild und den Schatten unserer Box zu machen. Machen Sie jetzt die Ebene "Background" unsichtbar. Stellen Sie sicher, dass die Ebene "3D-Referenz" ebenfalls deaktiviert ist. Gehen Sie nach Auswahl einer der sichtbaren Ebenen zu Ebene> Sichtbare Zusammenführung. Nennen Sie die zusammengeführte Ebene "Reflexion". Drücken Sie Command + T und skalieren Sie etwa 70%. Duplizieren Sie die Ebene "Reflection" und nennen Sie sie "Matchbox". Aktivieren Sie die Ebene "Hintergrund".
Wählen Sie die Ebene "Reflexion" und wenden Sie eine Bewegungsunschärfe mit einem Winkel von 90 und einem Abstand von 270 Pixel an. Drücken Sie die Befehlstaste + T, um die Ebene "Reflexion" horizontal zu skalieren, um die Kanten der Reflexion mit den Kanten der Box auszurichten. Wählen Sie den oberen Teil der Reflexion aus und löschen Sie sie. Deaktivieren Sie dann die Auswahl, indem Sie Befehlstaste + D drücken. Gehen Sie zu Filter> Unschärfe> Gaußsche Unschärfe und setzen Sie den Radius auf 5.
Treffen Sie eine Auswahl wie im Bild unten. Befehlstaste + Alt + Umschalttaste: Klicken Sie auf die Ebene "Matchbox", um die Kreuzung auszuwählen. Erstellen Sie eine neue Ebene über der Ebene "Reflexion" und füllen Sie sie mit Schwarz. Heben Sie die Auswahl auf, indem Sie Befehlstaste + D drücken und eine Gaußsche Unschärfe mit einem Radius von 8 anwenden.
Ja, wir sind fertig! Sie können die Hintergrundfarbe ändern, wenn Sie möchten. Ich habe es mit einem Farbverlauf gefüllt. Ich hoffe das Tutorial hat dir gefallen. Das Ergebnis ist unten und Sie können die größere endgültige Version hier anzeigen.