Modell-Blister-Verpackung in Photoshop

Designer und Kunden haben oft unterschiedliche Vorstellungen, wie ein fertiges Produkt präsentiert werden soll. Designer möchten das fertige Kunstwerk zeigen, die Kunden möchten genau wissen, wie ihr Design in den Regalen aussehen wird. In diesem Lernprogramm zeigen wir Ihnen, wie Sie ein Modell für Blisterverpackungen erstellen, damit Sie Ihren Kunden Ihr Design präsentieren können. Lass uns anfangen!


Tutorial Assets

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

  • Punktemuster (Beispiel)
  • Symbol für Tutorials (Beispiel)

Bevor Sie beginnen

Damit die Datei skalierbar und einfach zu bearbeiten ist, arbeiten wir immer mit Form-Layern. Wählen Sie daher unbedingt die Option Form-Layer in jeder einzelnen Form, die wir erstellen. Dabei spielt es keine Rolle, ob es sich um einen Kreis, ein Rechteck oder sogar um ein Das Stiftwerkzeug (P) hat es immer aus dem Werkzeugmenü ausgewählt.


Dokument einrichten

Beginnen Sie mit einem RGB-Dokument mit einer Leinwandgröße von 600 x 600 Pixel bei 72 dpi, wobei der Hintergrundinhalt auf Weiß gesetzt ist, und benennen Sie die Datei als Exhibition Blister Mock-up.


Schritt 1 - Hintergrund einrichten.

Doppelklicken Sie im Ebenenfenster auf die Hintergrundebene, um sie bearbeitbar zu machen, und legen Sie den Namen als "Hintergrund" fest. Gehen Sie zu Ebene> Ebenenstile> Fülloptionen und legen Sie wie gezeigt eine Verlaufsüberlagerung fest.

Wähle das Ellipse-Werkzeug (U) aus und zeichne einen Kreis von 600 px Durchmesser. Benennen Sie die neue Ebene als "Hintergrundbeleuchtung" und setzen Sie die Füllung im Fenster "Layer" auf 0%. Gehen Sie zu Ebene> Ebenenstile> Fülloptionen und legen Sie wie gezeigt eine Verlaufsüberlagerung fest.

Wähle das Ellipse-Werkzeug (U) aus und zeichne einen Kreis von 600 px Durchmesser. Benennen Sie die neue Ebene als "Hintergrundbeleuchtung", setzen Sie die Füllung auf 0% und den Modus auf Weiches Licht im Ebenenfenster. Gehen Sie zu Ebene> Ebenenstile> Fülloptionen und legen Sie wie gezeigt eine Verlaufsüberlagerung fest.

Drücken Sie die Befehlstaste / Strg + T, und legen Sie im Werkzeugfenster die Y-Position auf 0 px fest. Übernehmen Sie die Änderungen. Gehen Sie zu Layer> Smart Objects> In Smart Object konvertieren.

Hinweis: Durch diese Aktion wird die Füllung der Ebene "Backlight" auf 100% gesetzt..


Schritt 2 - Zeichnen der Blisterplatte.

Gehen Sie zu Ebene> Neu> Gruppe und benennen Sie sie Anzeigetafel. Setzen Sie Ihre Vordergrundfarbe auf Weiß (# 000000). Wähle das abgerundete Rechteckwerkzeug (U) aus, setze den Radius auf 8 px und zeichne ein Rechteck wie gezeigt. Benennen Sie die neue Ebene als "Hauptform".

Wählen Sie das Stiftwerkzeug (P), wählen Sie im Werkzeugfenster die Option Vom Formbereich subtrahieren und zeichnen Sie eine Form wie gezeigt.


Schritt 3 - Sparen für die Zukunft.

Ziehen Sie im Layer-Fenster die Ebene "Main Shape" dreimal auf das Symbol "Neue Ebene" und benennen Sie diese drei neuen Ebenen mit "Main Light", "Top Light" und "Shadow".


Schritt 4

Wählen Sie die Ebene "Schatten" aus, stellen Sie den Modus auf Überlagerung mit einer Deckkraft von 9% und die Füllung auf 0% ein. Gehen Sie zu Ebene> Ebenenstile> Fülloptionen und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an.


Schritt 5

Wählen Sie die Ebene "Hauptlicht" aus, stellen Sie den Modus auf Überlappung mit einer Deckkraft von 75% und die Füllung auf 0% ein. Gehen Sie zu Ebene> Ebenenstile> Fülloptionen und wenden Sie eine Abschrägung und eine Prägung mit den folgenden Einstellungen an.

Klicken Sie weiterhin im Fenster "Abschrägung" und "Relief" auf die Miniaturansicht "Glänzende Kontur" und legen Sie die Zuordnung im Kontur-Editor wie folgt fest. OK klicken.

Klicken Sie im Ebenenstilfenster auf die Registerkarte Kontur, legen Sie den Bereich auf 55% fest, klicken Sie auf die Kontur-Miniaturansicht, und legen Sie im Kontureditor-Fenster die Zuordnung wie gezeigt fest. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.


Schritt 6

Klicke auf die Ebene "Oberlicht", wähle das Direktauswahl-Werkzeug (A) und dann das Rechteck-Werkzeug (U). Klicken Sie auf das Symbol Von Formbereich subtrahieren und zeichnen Sie ein Rechteck wie gezeigt.

Wählen Sie das Pfadauswahl-Werkzeug (A) aus, treffen Sie eine Auswahl um die gesamte Leinwand und klicken Sie im Werkzeugfenster auf die Schaltfläche Kombinieren.


Schritt 7

Duplizieren Sie die Ebene "Backlight", indem Sie die Ebene auf das Symbol "Neue Ebene" im Ebenenfenster ziehen und über der Ebene "Top Light" platzieren. Klicken Sie nun auf die Vektormasken-Miniaturansicht "Top Light" und ziehen Sie sie auf die Ebene "Backlight-Kopie", und lassen Sie sie darüber frei. Löschen Sie die Ebene "Top Light" und benennen Sie die Ebene "Backlight Copy" in "Top Light" um. Setzen Sie die Deckkraft auf 55% und den Modus auf Normal.


Schritt 8

Wählen Sie die Ebene "Hauptform" aus, und wechseln Sie zu Ebene> Ebenenstile> Fülloptionen. Klicken Sie auf das Muster-Miniaturbild und klicken Sie in der Miniaturbildliste oben rechts auf den Pfeil, wählen Sie im Dropdown-Menü die Option Artist Surfaces aus und klicken Sie auf Anhängen.

Wählen Sie das Muster (80 x 80 Pixel, Graustufenmodus) und legen Sie eine Musterüberlagerung mit den folgenden Einstellungen fest. OK klicken.


Schritt 9

Wähle das Rechteckwerkzeug (U) aus und zeichne ein Rechteck wie gezeigt. Benennen Sie die neue Ebene "Design" und platzieren Sie sie über der Ebene "Main Shape".

Gehen Sie zu Ebene> Smart Objekte> In Smart Objekt konvertieren und dann zu Ebene> Schnittmaske erstellen.


Schritt 10 - Einrichten des Inhalts.

Wechseln Sie zu Ebene> Neu> Gruppe und benennen Sie es als Inhalt anzeigen. Setzen Sie Ihre Vordergrundfarbe auf Weiß (# 000000). Wähle das abgerundete Rechteckwerkzeug (U) aus, setze den Radius auf 16 px und zeichne ein Rechteck wie gezeigt. Benennen Sie die neue Ebene "Seite".


Schritt 11

Ziehen Sie die Ebene "Seite" zweimal auf das Symbol "Neue Ebene" im Fenster "Layer", und nennen Sie diese beiden neuen Ebenen "Top" und "Outer".


Schritt 12

Wählen Sie die Ebene "Seite" aus, setzen Sie die Füllung auf 0%, und wählen Sie Ebene> Ebenenstile> Fülloptionen aus. Wählen Sie die Registerkarte Kontur aus und wählen Sie im Dropdown-Menü "Fülltyp" die Option Muster aus. Klicken Sie auf das Musterminiaturbild und klicken Sie in der Miniaturbildliste oben rechts auf den Pfeil, wählen Sie im Dropdown-Menü Muster laden aus, suchen Sie nach der Musterdatei "Side_Dot" und klicken Sie auf Laden.

Wählen Sie das Muster Side und wenden Sie einen Strich mit den folgenden Einstellungen an. OK klicken.


Schritt 13

Wählen Sie die Ebene "Oben" aus, setzen Sie die Füllung auf 0% und wählen Sie Ebene> Ebenenstile> Fülloptionen. Wählen Sie die Registerkarte Kontur aus und nehmen Sie die folgenden Einstellungen vor. OK klicken.


Schritt 14

Wählen Sie die Ebene "Outer" aus, setzen Sie die Füllung auf 0%, und wählen Sie Ebene> Ebenenstile> Fülloptionen. Legen Sie eine Fase und eine Prägung mit den folgenden Einstellungen fest.

Klicken Sie im Fenster "Abschrägung" und "Relief" noch auf die Miniaturansicht "Glänzende Kontur", und legen Sie im Kontur-Editor die Zuordnung wie folgt fest. OK klicken.

Klicken Sie im Ebenenstilfenster auf die Registerkarte Kontur, legen Sie den Bereich auf 55% fest, klicken Sie auf die Kontur-Miniaturansicht, und legen Sie im Kontureditor-Fenster die Zuordnung wie gezeigt fest. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.


Schritt 15

Setzen Sie Ihre Vordergrundfarbe auf Rot (# ff0000). Wähle das abgerundete Rechteckwerkzeug (U) aus, setze den Radius auf 6 px und zeichne ein Rechteck wie abgebildet. Benennen Sie die neue Ebene "Container" und platzieren Sie sie unter der Ebene "Outer".


Schritt 16

Ziehen Sie die Ebene "Container" auf das Symbol "Neue Ebene" im Fenster "Layer" und benennen Sie die neue Ebene als "Weicher Schatten". Legen Sie im Ebenenfenster die Deckkraft der Ebene auf 41% fest und doppelklicken Sie auf die rote Miniaturansicht der Ebene "Soft Shadow". Wählen Sie eine schwarze Farbe (# 000000) und klicken Sie auf OK.

Wählen Sie das Pfadauswahl-Werkzeug (A) und ziehen Sie eine Auswahl um die gesamte Ebene "Weicher Schatten". Gehen Sie zu Bearbeiten> Kopieren und gehen Sie zu Bearbeiten> Einfügen. Verschieben Sie die eingefügte Auswahl mit der Pfeiltaste um 3 px, indem Sie dreimal auf den Aufwärtspfeil drücken. Wählen Sie im Werkzeugfenster die Option Vom Formbereich subtrahieren und klicken Sie auf die Schaltfläche Kombinieren.


Schritt 17

Setzen Sie Ihre Vordergrundfarbe auf Weiß (#ffffff). Wähle das Rechteckwerkzeug (U) aus und zeichne ein Rechteck wie gezeigt. Benennen Sie die neue Ebene "Inhalt" und platzieren Sie sie über der Ebene "Container".

Gehen Sie zu Layer> Smart Objects> In Smart Object konvertieren. Gehen Sie zu Ebene> Schnittmaske erstellen.


Schritt 18

Wählen Sie die Ebene "Container" aus, gehen Sie zu Ebene> Ebenenstil> Fülloptionen und wenden Sie einen Schlagschatten mit den folgenden Einstellungen an.


Schritt 19

Wähle das abgerundete Rechteckwerkzeug (U) aus, stelle einen Radius von 16 px ein und zeichne ein Rechteck wie gezeigt. Benennen Sie die neue Ebene "Inner" und platzieren Sie sie über der Ebene "Äußere".

Ziehen Sie die Ebene "Inner" auf das Symbol "Neue Ebene" im Fenster "Layer" und benennen Sie die neue Ebene als "Leichter Container".


Schritt 20

Wählen Sie die Ebene "Inner" und setzen Sie die Füllung auf 0%. Gehen Sie zu Ebene> Ebenenstile> Fülloptionen und legen Sie eine Abschrägung und eine Prägung mit den folgenden Einstellungen fest.

Klicken Sie auf die Registerkarte Kontur und im Pfeil neben der Kontur-Miniaturansicht. Klicken Sie in der Miniaturbildliste oben rechts auf den Pfeil, wählen Sie aus dem Dropdown-Menü Konturen aus und klicken Sie auf Anhängen. Registerkarte Kontur im Ebenenstilfenster, setzen Sie den Bereich auf 100%, klicken Sie auf den Kontur-Miniaturpfeil und wählen Sie aus der Kontur-Miniaturbildliste die halbrunde Kontur. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.

Wählen Sie die halbgerundete Kontur aus der Dropdown-Liste aus und setzen Sie den Bereich auf 100%. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.


Schritt 21

Klicken Sie auf die Ebene "Leichter Container", wählen Sie das Direktauswahl-Werkzeug (A) und ziehen Sie alle rechten Ankerpunkte um 150 px nach links. Halten Sie die Umschalttaste gedrückt und drücken Sie 15-mal den linken Pfeil auf Ihrer Tastatur.


Schritt 22

Ziehen Sie die Ebene "Backlight" dreimal auf das Symbol "Neue Ebene" im Ebenenfenster, und nennen Sie diese neuen Ebenen "Front Light", "Content Shadow" und "Content Light".

Platzieren Sie die Ebenen "Front Light", "Content Shadow" und "Content Light" über der Ebene "Light Container" in der Ebenengruppe "Inhalt anzeigen".


Schritt 23

Wählen Sie die Ebene "Front Light", gehen Sie zu Bearbeiten> Free Transform und nehmen Sie die folgenden Einstellungen vor.

Wählen Sie die Ebene "Light Container" aus, ziehen Sie die Vektorgrafik der Vektormaske auf die Ebene "Front Light" und lassen Sie sie los. Löschen Sie die Ebene "Light Container".

Setzen Sie die Ebene "Front Light" auf Normal und ändern Sie die Deckkraft auf 45%..


Schritt 24

Wählen Sie die Ebene "Content Shadow" aus, gehen Sie zu Ebene> Ebenenstile> Fülloptionen und wenden Sie eine Farbüberlagerung an. Der Mischmodus ist auf Normal, eine Deckkraft von 100% und eine schwarze Farbe (# 000000) eingestellt. OK klicken. Stellen Sie den Ebenenmodus auf Normal und ändern Sie die Deckkraft auf 18%..


Schritt 25

Setzen Sie die Vordergrundfarbe auf Rot (# ff0000), wählen Sie das Rechteckwerkzeug (U) und zeichnen Sie ein Rechteck wie gezeigt. Benennen Sie die neue Ebene als "Schattencontainer".

Ziehen Sie die Ebene "Schattencontainer" auf das Symbol "Neue Ebene" im Ebenenfenster und benennen Sie die neue Ebene als "Leichter Container". Gehen Sie zu Bearbeiten> Freie Transformation und setzen Sie den Y-Wert auf 192 px. Übernehmen Sie die Änderungen.


Schritt 26

Wählen Sie die Ebene "Content Light" aus, gehen Sie zu Bearbeiten> Freie Transformation, und legen Sie die folgenden Werte fest. Übernehmen Sie die Änderungen.

Wählen Sie nun die Ebene "Content Shadow" aus, gehen Sie zu Bearbeiten> Freie Transformation und legen Sie die folgenden Werte fest. Übernehmen Sie die Änderungen.


Schritt 27

Ziehen Sie die Vektormasken-Miniaturansicht der Ebene "Light Container" auf die Ebene "Content Light" und lassen Sie sie darüber frei. Löschen Sie die Ebene "Light Container".

Ziehen Sie die Vektormaske-Miniaturansicht der Ebene "Schattencontainer" auf die Ebene "Inhaltsschatten", und lassen Sie sie darüber frei. Löschen Sie die Ebene "Schattencontainer".


Schritt 28

Ziehen Sie die Ebene "Backlight" per Drag & Drop auf das Symbol "Neue Ebene" im Ebenenfenster und benennen Sie die neue Ebene als "Fantasy Shadow". Setzen Sie den Modus auf "Normal".

Gehen Sie zu Bearbeiten> Freie Transformation und wenden Sie die folgenden Werte an.

Gehen Sie zu Ebene> Ebenenstil> Fülloptionen und wenden Sie wie gezeigt eine Farbüberlagerung an.


Schritt 29

Wähle das Rechteckwerkzeug (U) aus und zeichne ein Rechteck wie gezeigt. Benennen Sie die neue Ebene als "Fantasy Container"..

Ziehen Sie die Vektormasken-Miniaturansicht "Fantasy Container" auf die Ebene "Fantasy Shadow" und lassen Sie sie darüber frei. Löschen Sie die Ebene "Fantasy Container".


Schritt 30 - Legen Sie etwas Design darauf.

Wählen Sie in der Gruppe "Anzeigetafel" die Ebene "Design" aus und doppelklicken Sie auf die Smart-Objekt-Miniaturansicht. Wählen Sie im neuen Dokumentfenster die Ebene "Design" aus, gehen Sie zu Ebene> Ebenenstil> Fülloptionen und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an.

Wähle das Horizontal Type Tool (T) und schreibe "Tutorials". Holen Sie sich ein schönes Symbol und platzieren Sie es in das Design. Speichern Sie die Datei und schließen Sie sie.

Hinweis: Ich habe das Lubalin-Schriftbild und das Symbol der Tutorials-Website verwendet. Sie können jedoch auch jedes beliebige Schriftbild und jedes Bild verwenden. Es muss nicht unbedingt ein Symbol sein.


Schritt 31

Wählen Sie in der Gruppe "Inhalt anzeigen" die Ebene "Inhalt" aus und doppelklicken Sie auf die Smart-Objekt-Miniaturansicht. Fügen Sie im neuen Dokumentfenster einen Screenshot (oder ein beliebiges Design) des Tutorials-Marktplatzes ein. Passen Sie ggf. den Screenshot an die Leinwandgröße an. Gehen Sie dazu zu Bearbeiten> Free Transfom. Speichern Sie das Dokument und schließen Sie es.


Endgültiges Bild