German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)
Designer und Kunden haben oft unterschiedliche Vorstellungen darüber, wie ein fertiges Produkt präsentiert werden soll. Designer möchten das fertige Kunstwerk zeigen, Kunden möchten genau wissen, wie ihr Design in den Realen aussehen wird. In diesem Tutorial zeigen wir Ihnen, wie Sie ein Modell für eine Blisterverpackung erstellen, damit Sie Ihren Kunden Ihr Design präsentieren können. Lass uns anfangen!
Tutorial Assets
Die folgenden Elemente wurden bei der Erstellung dieses Lernprogramms verwendet.
Bevor Sie beginnen
Um die Datei skalierbar und einfach zu bearbeiten, arbeiten wir immer mit Formebenen. Wählen Sie daher die Option Formebene in jeder einzelnen Form aus, unabhängig davon, ob es sich um einen Kreis, ein Rechteck oder sogar die handelt Das Stiftwerkzeug (P) hat es immer aus dem Werkzeugmenü ausgewählt.
Dokumenteinrichtung
Beginnen Sie mit einem RGB-Dokument mit einer Leinwandgröße von 600 x 600 Pixel bei 72 dpi, wobei der Hintergrundinhalt auf Weiß eingestellt ist, und benennen Sie die Datei als Exhibition Blister Mock-up.
Schritt 1 - Einrichten des Hintergrunds.
Doppelklicken Sie im Ebenenfenster auf die Hintergrundebene, um sie bearbeitbar zu machen, und legen Sie den Namen als "Background" fest. Gehen Sie zu Ebene > Ebenenstile > Mischoptionen und wenden Sie wie gezeigt eine Verlaufsüberlagerung an.
Wählen Sie das Ellipsen-Werkzeug (U) und zeichnen Sie einen Kreis mit einem Durchmesser von 600 px. Benennen Sie die neue Ebene als "Backlight" und setzen Sie die Füllung im Ebenenfenster auf 0%. Gehen Sie zu Ebene > Ebenenstile > Mischoptionen und wenden Sie wie gezeigt eine Verlaufsüberlagerung an.
Wählen Sie das Ellipsen-Werkzeug (U) und zeichnen Sie einen Kreis mit einem Durchmesser von 600 px. Nennen Sie die neue Ebene "Backlight", stellen Sie die Füllung auf 0% und den Modus im Ebenenfenster auf "Weiches Licht". Gehen Sie zu Ebene > Ebenenstile > Mischoptionen und wenden Sie wie gezeigt eine Verlaufsüberlagerung an.
Drücken Sie Befehl/Strg + T und setzen Sie im Werkzeugfenster die Y-Position auf 0 px und übernehmen Sie die Änderungen. Gehen Sie zu Ebene > Intelligente Objekte > In intelligentes Objekt 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 nennen Sie es Anzeigetafel. Stellen Sie Ihre Vordergrundfarbe auf Weiß (#000000). Wählen Sie das abgerundete Rechteck-Werkzeug (U), stellen Sie den Radius auf 8 px ein und zeichnen Sie ein Rechteck wie gezeigt. Nennen Sie die neue Ebene "Main Shape".
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 die Ebene "Main Shape" dreimal auf das Symbol "Neue Ebene" im Ebenenfenster und benennen Sie diese neuen drei Ebenen als "Main Light", "Top Light" und "Shadow".
Schritt 4
Wählen Sie die Ebene "Shadow" aus, stellen Sie den Modus auf Überlagerung mit einer Deckkraft von 9% und die Füllung auf 0% ein, gehen Sie zu Ebene > Ebenenstile > Mischoptionen und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an.
Schritt 5
Wählen Sie die Ebene "Main Light" aus, stellen Sie den Modus auf Überlagern mit einer Deckkraft von 75%, die Füllung auf 0% und gehen Sie zu Ebene > Ebenenstile > Mischoptionen und wenden Sie eine Abschrägung und Prägung mit den folgenden Einstellungen an.
Klicken Sie weiterhin im Fenster "Abschrägen und Prägen" auf die Miniaturansicht "Glanzkontur" und stellen Sie im Kontureditor die Zuordnung wie folgt ein. OK klicken.
Klicken Sie im Ebenenstilfenster auf die Registerkarte Kontur, legen Sie den Bereich auf 55% fest, klicken Sie auf die Konturminiatur und legen Sie im Fenster Kontureditor die Zuordnung wie gezeigt fest. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.
Schritt 6
Klicken Sie auf die Ebene "Top Light", wählen Sie das Direktauswahl-Werkzeug (A) und dann das Rechteck-Werkzeug (U). Klicken Sie auf das Symbol Vom Formbereich subtrahieren und zeichnen Sie wie gezeigt ein Rechteck.
Wählen Sie das Pfadauswahl-Werkzeug (A) aus, treffen Sie eine Auswahl auf der gesamten 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 Miniaturansicht der Ebene "Top Light" und ziehen Sie sie auf die Ebene "Backlight copy". Lassen Sie sie dann los. Löschen Sie die Ebene "Top Light" und benennen Sie die Ebene "Backlight Copy" in "Top Light" um. Stellen Sie die Deckkraft auf 55% und den Modus auf "Normal".
Schritt 8
Wählen Sie die Ebene "Main Shape" aus und gehen Sie zu Ebene > Ebenenstile > Mischoptionen. Klicken Sie auf das Muster-Miniaturbild und klicken Sie in der Miniaturbildliste auf den Pfeil oben rechts, wählen Sie aus dem Dropdown-Menü Künstleroberflächen aus und klicken Sie auf Anhängen.
Wählen Sie den Musterstein (80 x 80 Pixel, Graustufenmodus) und wenden Sie eine Musterüberlagerung mit den folgenden Einstellungen an. OK klicken.
Schritt 9
Wählen Sie das Rechteck-Werkzeug (U) und zeichnen Sie ein Rechteck wie gezeigt. Nennen Sie die neue Ebene "Design" und platzieren Sie sie über der Ebene "Main Shape".
Gehen Sie zu Ebene > Intelligente Objekte > In intelligentes Objekt konvertieren und dann zu Ebene > Schnittmaske erstellen.
Schritt 10 - Einrichten des Inhalts.
Gehen Sie zu Ebene > Neu > Gruppe und nennen Sie es Inhalt anzeigen. Stellen Sie Ihre Vordergrundfarbe auf Weiß (#000000). Wählen Sie das abgerundete Rechteck-Werkzeug (U), stellen Sie den Radius auf 16 px ein und zeichnen Sie ein Rechteck wie gezeigt. Nennen Sie die neue Ebene "Side".
Schritt 11
Ziehen Sie die Ebene "Side" zweimal auf das Symbol "Neue Ebene" im Fenster "Ebenen" und benennen Sie diese neuen beiden Ebenen als "Top" und "Outer".
Schritt 12
Wählen Sie die Ebene "Side" aus, setzen Sie die Füllung auf 0% und gehen Sie zu Ebene > Ebenenstile > Mischoptionen, wählen Sie die Registerkarte Kontur und wählen Sie im Dropdown-Menü Füllart die Option Muster. Klicken Sie auf das Muster-Miniaturbild und klicken Sie in der Miniaturbildliste auf den Pfeil oben rechts, wählen Sie aus dem Dropdown-Menü Muster laden aus, suchen Sie nach der Musterdatei "Side_Dot" und klicken Sie auf Laden.
Wählen Sie die Musterseite aus und wenden Sie einen Strich mit den folgenden Einstellungen an. OK klicken.
Schritt 13
Wählen Sie die Ebene "Top" aus, setzen Sie die Füllung auf 0% und gehen Sie zu Ebene > Ebenenstile > Mischoptionen, wählen Sie die Registerkarte Strich und wenden Sie die folgenden Einstellungen an. OK klicken.
Schritt 14
Wählen Sie die Ebene "Outer" aus, setzen Sie die Füllung auf 0% und gehen Sie zu Ebene > Ebenenstile > Mischoptionen. Wenden Sie eine Abschrägung und Prägung mit den folgenden Einstellungen an.
Klicken Sie weiterhin im Fenster "Abschrägen und Prägen" auf die Miniaturansicht "Glanzkontur" und stellen Sie im Kontureditor die Zuordnung wie folgt ein. OK klicken.
Klicken Sie im Ebenenstilfenster auf die Registerkarte Kontur, stellen Sie den Bereich auf 55% ein, klicken Sie auf die Konturminiatur und legen Sie im Fenster Kontureditor die Zuordnung wie gezeigt fest. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.
Schritt 15
Stellen Sie Ihre Vordergrundfarbe auf Rot (#ff0000). Wählen Sie das abgerundete Rechteck-Werkzeug (U), stellen Sie den Radius auf 6 px ein und zeichnen Sie ein Rechteck wie gezeigt. Nennen 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 "Ebenen" und benennen Sie die neue Ebene als "Soft Shadow". Stellen Sie die Deckkraft der Ebene im Ebenenfenster auf 41% ein 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 über die gesamte Ebene "Soft Shadow". Gehen Sie zu Bearbeiten > Kopieren und dann zu Bearbeiten > Einfügen. Verschieben Sie die eingefügte Auswahl mit der Pfeiltaste um 3 Pixel, 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
Stellen Sie Ihre Vordergrundfarbe auf Weiß (#ffffff). Wählen Sie das Rechteck-Werkzeug (U) und zeichnen Sie ein Rechteck wie gezeigt. Nennen Sie die neue Ebene "Content" und platzieren Sie sie über der Ebene "Container".
Gehen Sie zu Ebene > Intelligente Objekte > In intelligentes Objekt konvertieren. Gehen Sie zu Ebene > Schnittmaske erstellen.
Schritt 18
Wählen Sie die Ebene "Container" aus, gehen Sie zu Ebene > Ebenenstil > Mischoptionen und wenden Sie einen Schlagschatten mit den folgenden Einstellungen an.
Schritt 19
Wählen Sie das abgerundete Rechteck-Werkzeug (U), stellen Sie einen Radius von 16 px ein und zeichnen Sie ein Rechteck wie gezeigt. Nennen Sie die neue Ebene "Inner" und platzieren Sie sie über der Ebene "Outer".
Ziehen Sie die Ebene "Inner" auf das Symbol "Neue Ebene" im Fenster "Ebenen" und benennen Sie die neue Ebene als "Light Container".
Schritt 20
Wählen Sie die Ebene "Inner" und setzen Sie die Füllung auf 0%. Gehen Sie zu Ebene > Ebenenstile > Mischoptionen und wenden Sie eine Abschrägung und Prägung mit den folgenden Einstellungen an.
Klicken Sie auf die Registerkarte Kontur und auf den Pfeil neben der Miniaturansicht der Kontur. Klicken Sie in der Liste der Miniaturansichten auf den Pfeil oben rechts, wählen Sie im Dropdown-Menü Konturen aus und klicken Sie im Fenster Ebenenstil auf die Registerkarte Anhängen. Kontur, stellen Sie den Bereich auf 100% ein, klicken Sie auf den Pfeil der Miniaturansicht der Kontur und wählen Sie in der Liste der Miniaturansichten der Kontur die Option aus die halb gerundete Kontur. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.
Wählen Sie die halb gerundete Kontur aus der Dropdown-Liste aus und stellen Sie den Bereich auf 100% ein. OK klicken. Klicken Sie im Ebenenstilfenster erneut auf OK, um die Einstellungen zu übernehmen.
Schritt 21
Klicken Sie auf die Ebene "Light Container", wählen Sie das Direktauswahl-Werkzeug (A) und ziehen Sie alle rechten Ankerpunkte 150 px nach links. Halten Sie dazu Umschalt + 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 benennen Sie diese neuen Ebenen als "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 "Display Content".
Schritt 23
Wählen Sie die Ebene "Front Light" aus, gehen Sie zu "Bearbeiten" > "Frei transformieren" und übernehmen Sie die folgenden Einstellungen.
Wählen Sie die Ebene "Light Container" aus, ziehen Sie die Miniaturansicht der Vektormaske auf die Ebene "Front Light" und lassen Sie sie los. Löschen Sie die Ebene "Light Container".
Stellen 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 > Mischoptionen und wenden Sie eine Farbüberlagerung an, wobei der Mischmodus auf Normal eingestellt ist, eine Deckkraft von 100% und eine schwarze Farbe (#000000). OK klicken. Stellen Sie den Ebenenmodus auf Normal und ändern Sie die Deckkraft auf 18%.
Schritt 25
Stellen Sie die Vordergrundfarbe auf Rot (#ff0000) und wählen Sie das Rechteck-Werkzeug (U). Zeichnen Sie dann wie gezeigt ein Rechteck. Nennen Sie die neue Ebene "Shadow Container".
Ziehen Sie die Ebene "Shadow Container" auf das Symbol "Neue Ebene" im Ebenenfenster und benennen Sie die neue Ebene als "Light Container". Gehen Sie zu Bearbeiten > Freie Transformation und setzen Sie den Y-Wert auf 192 px und ü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" > "Frei transformieren" und legen Sie die folgenden Werte fest. Übernehmen Sie die Änderungen.
Schritt 27
Ziehen Sie die Miniaturansicht der Ebene "Light Container" der Vektormaske auf die Ebene "Content Light" und lassen Sie sie darüber los. Löschen Sie die Ebene "Light Container".
Ziehen Sie die Miniaturansicht der Ebene "Shadow Container" auf die Ebene "Content Shadow" und lassen Sie sie darüber los. Löschen Sie die Ebene "Shadow Container".
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". Stellen Sie den Modus auf "Normal".
Gehen Sie zu Bearbeiten > Freie Transformation und wenden Sie die folgenden Werte an.
Gehen Sie zu Ebene > Ebenenstil > Mischoptionen und wenden Sie wie gezeigt eine Farbüberlagerung an.
Schritt 29
Wählen Sie das Rechteck-Werkzeug (U) und zeichnen Sie ein Rechteck wie gezeigt. Nennen Sie die neue Ebene "Fantasy Container".
Ziehen Sie die Miniaturansicht der Ebene "Fantasy Container" der Vektormaske auf die Ebene "Fantasy Shadow" und lassen Sie sie darüber los. Löschen Sie die Ebene "Fantasy Container".
Schritt 30 - Ein Design darauf setzen.
Wählen Sie in der Gruppe "Display Board" die Ebene "Design" aus und doppelklicken Sie auf die Miniaturansicht des Smart-Objekts. Wählen Sie im neuen Dokumentfenster die Ebene "Design" aus, gehen Sie zu Ebene > Ebenenstil > Mischoptionen und wenden Sie eine Verlaufsüberlagerung mit den folgenden Einstellungen an.
Wählen Sie das Horizontal Type Tool (T) und schreiben Sie "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 die Lubalin-Schrift und das Website-Symbol für Tutorials verwendet, aber Sie können jede beliebige Schrift sowie jedes Bild verwenden. Es muss nicht unbedingt ein Symbol sein.
Schritt 31
Wählen Sie in der Gruppe "Display Content" die Ebene "Content" aus und doppelklicken Sie auf die Miniaturansicht des Smart-Objekts. Fügen Sie im neuen Dokumentfenster einen Screenshot (oder ein beliebiges Design) des Tutorials-Marktplatzes ein. Passen Sie den Screenshot bei Bedarf an die Leinwandgröße an. Gehen Sie dazu zu Bearbeiten > Kostenlose Übertragung. Speichern Sie das Dokument und schließen Sie es.
Endgültiges Bild
