Zeichnen Sie ein Box-Layout in Photoshop. Erstellen einer Vorlage für eine Box mit Photoshop (Anwendung für MK zum Erstellen einer Box)

Jeder Designer muss einmal Aufträge für die Gestaltung von CD- oder DVD-Hüllen erfüllen. Viele Unternehmen verwenden gebrandete CDs/DVDs in ihrer Arbeit mit Kunden oder Mitarbeitern, daher ist das Design einer gebrandeten CD-Verpackung ein Muss bei der Entwicklung der Corporate Identity eines Unternehmens.

Wenn Sie ein DVD-Cover entwerfen möchten, benötigen Sie eine leere (Vorlage, leere) CD / DVD und CD-Cover. Auch der Umschlag kann unterschiedliche Formate haben – vom einfachen Kartonumschlag bis zum Kunststoffumschlag mit mehreren Booklet-Einlagen.

Die Website junglejar.com hat eine interessante gesammelt Auswahl von Vorlagen für CDs und Cover für CD / DVD. Alle Vorlagen werden in Photoshop erstellt. Zum Herunterladen verfügbar PSD-Quellen. Alle Elemente der vorgeschlagenen Vorlagen können unabhängig voneinander bearbeitet werden.

Quelle - http://www.junglejar.com/2009/08/10/dvd-templates/.

CD leer

In der Rohlingschablone sind bereits der richtige Durchmesser der CD und das zentrale Loch ausgewählt, die Stellen für die Beschriftung auf dem äußeren Kreis, für Markennamen etc. markiert.

Amarey Box DVD-Cover-Vorlage (DVD-Hüllen-Vorlage)

DVD Amarey Box - eine Kunststoffbox in schwarzer (seltener weißer oder matter) Farbe - eine bekannte Verpackung für DVDs, die manchmal für CDs verwendet wird. Ein Paket kann 1 bis 12 Discs enthalten. Unter der äußeren transparenten Hülle befindet sich eine Polygraphie-Einlage.

Das Set enthält Vorlagen für das DVD-Label und das DVD-Cover.

Außenhülle für DVD (DVD Case Inlay)

Ein weiteres DVD-Cover (DVD-Cover)

DVD-Kunststoffgehäuse

Papierhülle für DVD/CD (DVD/CD Paper Case Cover)

Die einfachste und günstigste CD-Verpackung aus Papier/Karton. Die Linien auf dem Layout zeigen die Falzlinien des fertigen Umschlags.

Jewel-Box-Cover und CD-Label (CD-Hülle)

Jewel Box - die gebräuchlichste Verpackung für CDs, eine Kunststoffbox mit den Maßen 142 x 125 mm und 10 mm Dicke. Bei Schmuckschachteln werden farbige doppelseitige polygrafische Einsätze unter dem Deckel platziert. Ein weiterer Einsatz kann sich unter der Schale auf der Rückseite der Verpackung befinden.

In dem heutigen sehr einfachen Tutorial lernen wir, wie man in Photoshop ein realistisches Produktbox-Mockup erstellt.

Dieses Bild wurde erstellt, um Ihnen bei der Erstellung Ihres Layouts zu helfen. Zuerst zeichnen wir die Schachtel, dann fügen wir etwas Dekoration hinzu. Am Ende des Tutorials zeige ich Ihnen, wie Sie Schatten und Lichter erstellen, um der Arbeit ein realistisches Aussehen zu verleihen. Für dieses Tutorial ist Photoshop CS3 oder höher erforderlich.

Schritt 1

Beginnen wir mit der Erstellung eines Dokuments mit 1588 x 1191 Pixel. Lass uns ändern Hintergrundfarbe an # d2d3d5.

Um die Arbeit genauer und organisierter zu machen, brauchen wir Lineale(Herrscher) und Gitter(Gitter). Die erste finden Sie im Menü Ansicht > Lineale(Ansicht > Lineale) oder per Klick aufrufen Strg +R. Das zweite wichtige Tool ist drin Ansicht > Anzeigen > Raster(Ansicht > Anzeigen > Raster). Sie können das Raster auch durch Klicken einschalten Strg+". Hier sind meine Einstellungen für Gitter, beheben Sie Ihre auf die gleiche Weise und es wird einfacher sein, dieses Tutorial durchzugehen.

Schritt 2

Schaffen Neue Gruppe(Neue Gruppe), nennen Sie sie "Rechte Seite". Erstellen Sie eine neue Ebene, benennen Sie sie gleich. Mit einem Werkzeug Rechteckiger Bereich(Rechteckiges Markierungswerkzeug) Wählen Sie einen Bereich von 795 x 1078 px aus. Füllen Sie die Auswahl mit einer beliebigen Farbe. Ich entschied mich Weiß(#FFFFFF).

Machen Sie die Ebene nun zu einem Smart Object. Klicken Sie dazu mit der rechten Maustaste darauf und wählen Sie aus In Smart-Objekt konvertieren(Ein intelligentes Objekt erstellen). Auf diese Weise können Sie den Inhalt der Ebene ändern, ohne sie zu "zerstören".

Schritt 3

Erstellen Sie eine Gruppe mit dem Namen „Linke Seite“. Erstellen Sie eine Ebene, benennen Sie sie gleich. Wie im vorherigen Schritt müssen Sie den Bereich auswählen und mit Farbe füllen. Erstellen Sie diesmal eine Auswahl von 483 x 1078 Pixel. Verwandeln Sie diese Ebene in ein Smart Object.

Schritt 4

Bevor wir mit dem Design selbst fortfahren, optimieren wir die Ebenen und verwandeln sie in eine realistische 3D-Box. Beginnen wir auf der rechten Seite. Wählen Sie diese Ebene aus, klicken Sie Strg +T. Zuerst müssen wir das Rechteck verkleinern (bis zu etwa 75 %), bis seine Höhe etwa 814 beträgt. Vergessen Sie nicht, auf das Kettensymbol in der oberen Optionsleiste zu klicken. Gehen Sie dann zum Menü Bearbeiten > Transformieren > Perspektive(Bearbeiten > Transformieren > Perspektive) und ändern Sie die Form wie im Screenshot unten (nur die rechte Seite muss gezogen werden):

Dann klick Strg +T, halten Sie die Taste gedrückt Strg und falten Sie die rechte Seite ein wenig, sodass die Form wie ein Rechteck und nicht wie ein dickes Quadrat aussieht.

Schritt 5

Die linke Seite erfordert einen etwas anderen Ansatz. Reduzieren Sie es zuerst auf 75%. Wählen Sie es aus, klicken Sie Strg und transformieren, um eine 3D-Form zu erhalten. Stellen Sie sicher, dass die Höhen der abgeschrägten Seiten der linken und rechten Seite parallel sind, vergessen Sie nicht, festzuziehen linke Seite Boxen. Das Endergebnis sollte in etwa so aussehen.

Schritt 6

Jetzt können wir mit dem Design fortfahren. Beginnen wir auf der rechten Seite. Wählen Sie die Ebene aus und doppelklicken Sie auf das Smart-Objekt, um es zu öffnen. An dieser Stelle können Sie entweder Ihr eigenes Design erstellen oder dem Tutorial folgen.

Für mein Design habe ich ein himmelblaues Farbschema gewählt. Wenn Sie das Tutorial mit mir verfolgen möchten, stellen Sie die Hintergrundfarbe auf ein # e1ebe4; alles wird ziemlich einfach für mich. Wenn der Hintergrund fertig ist, kümmern wir uns um den Titel (er befindet sich oben in der Mitte). Ich habe solche Schriftarten verwendet (Farbe - #1 f1f20):

Schritt 7

Wenn Sie mit diesem Gesicht fertig sind, speichern Sie es. Sie sehen sofort die Änderungen im Originaldokument. Kommen wir nun zum zweiten Abschnitt. Doppelklicken Sie auf ein Smart-Objekt, um sein Bearbeitungsfenster zu öffnen. Füllen Sie den Hintergrund mit Farbe # a5dda, Kopieren Sie dann einfach den Titel aus dem vorherigen Schritt und fügen Sie ihn ein. Jetzt muss nur noch der Text gedreht werden. Machen Sie das Häkchen weiß, fügen Sie weitere Zeichen hinzu. Alles, was ich verwendet habe, kann im Werkzeugmenü gefunden werden Willkürliche Figur(Benutzerdefiniertes Formwerkzeug).

Fügen Sie auf die gleiche Weise unten beliebigen Text hinzu.

Wenn Sie fertig sind, speichern Sie das Dokument. So sieht mein Design aus:

Schritt 8

Lassen Sie uns nun Beleuchtung hinzufügen, damit die Box realistisch aussieht. Beginnen wir mit einer neuen Gruppe namens "Shadows". Erstellen Sie eine neue Ebene und nennen Sie sie "Hintergrundschatten". Wählen Sie einen Bereich in der Größe unserer Box aus und füllen Sie ihn mit Schwarz. Dann "legen" Sie die Ebene, indem Sie sie verzerren, während Sie die Taste gedrückt halten Strg. Danach bewerben Gaußsche Unschärfe(Gaußsche Unschärfe) und ändern Mischmodus(Mischmodus) zu Sanftes Licht(Sanftes Licht).

Schritt 9

Fügen Sie eine neue Ebene hinzu - "Bottom Shadow". Primärfarbe einstellen #000000 ; mittels Bürsten(Brush Tool) groß genug mit Steifigkeit(Harndess) 0% Malen Sie einen Schatten unter das Feld und ändern Sie dann den Mischmodus auf Sanftes Licht(Weiches Licht) und Opazität(Deckkraft) auf 85 % eingestellt.

Schritt 10

Wir brauchen eine weitere Schicht. Nennen Sie es "Licht". Stellen Sie die Hintergrundfarbe auf ein # fffff, vergrößere den Pinsel und streiche dreimal über die Mitte des Kästchens. Stellen Sie den Mischmodus ein Sanftes Licht(Sanftes Licht).

Schritt 11

Erstellen Sie eine Ebene "Unterer Schatten 2". Wählen Sie dann den Pinsel aus und richten Sie ihn wie im folgenden Screenshot ein.

Wähle ein Werkzeug Feder(Stiftwerkzeug), zeichnen Sie einen Pfad um den Boden der Box. Rechtsklick, auswählen Streiche den Weg(Hubweg). Stellen Sie sicher, dass das Kontrollkästchen aktiviert ist Druck simulieren(Stimulationsdruck) eingestellt ist. Veränderung Opazität(Deckkraft) und Gießen(Füllen) bis zu 50 % bzw. 55 %.

Schritt 12

Öffnen Sie die Gruppe "Rechte Seite", erstellen Sie zwei Ebenen - "Schatten", "Schatten 2". Stellen Sie sicher, dass beide auf die Designebene geclippt sind. Verwenden Sie eine weiche Bürste mit 0 % Steifigkeit(Härte). Stellen Sie beide Ebenen auf ein Sanftes Licht(Sanftes Licht). Zeichnen Sie auf der ersten eine große "U"-Form um den Rand der Schachtel. Verwenden Sie auf der zweiten Ebene denselben Pinsel, jedoch mit geringerer Deckkraft, indem Sie um den Text streichen. Dies verleiht der Zeichnung mehr Tiefe und Fokus.

Schritt 13

Erstellen Sie zwei weitere Ebenen – „Details: Schatten“, „Details: Glanzlichter“. Hier müssen Sie nur Schritt 11 wiederholen. Verwenden # fffff für Blendung und #000000 für Schatten. Die Konturen über und unter der Box reichen aus.

Schritt 14

Wiederholen Sie die beiden vorherigen Schritte auf der linken Seite der Box.

Schritt 15

Jetzt brauchen wir eine Gruppe. Nennen wir es "Details". Danach müssen Sie eine neue Ebene erstellen - "Linker Flügel". Mit einem Werkzeug Feder(Stiftwerkzeug) zeichnen Sie eine dreieckige Form mit einer sehr flachen Mitte. Klicken Sie dann mit der rechten Maustaste darauf und füllen Sie es mit Farbe. Jetzt muss sie ergänzen inneren Schatten (Inneren Schatten)…

… und auch inneres Glühen(Inneres Glühen).

Schritt 16

Erstellen Sie eine „Schatten“-Ebene. Wiederholen Sie nun Schritt 11 erneut, aber erstellen Sie mit einer größeren Pinselgröße (4-6 px) eine Linie neben dem Rand der Box (die Linie sollte näher an der rechten Seite sein). Dann bewerben Sie sich Gaußsche Unschärfe(Gaußscher Weichzeichner) und stellen Sie den Mischmodus auf ein Sanftes Licht(Sanftes Licht). Im Screenshot unten ist die Zeile rot markiert.

Schritt 17

Wiederholen Sie den Vorgang des vorherigen Schritts, aber benennen Sie diesmal die Ebene "Highlights" und verwenden Sie für die Vordergrundfarbe # fffff. Bewegen Sie die Linie näher an die linke Seite (im Screenshot blau markiert).

Schritt 18

Feinschliff! Erstellen Sie eine Ebene namens "Linie" und verwenden Sie das Werkzeug Linie(Linienwerkzeug) Erstellen Sie eine gerade Linie (2-3 px dick, Farbe #000000 ) Trennen der linken und rechten Abschnitte. Stellen Sie den Mischmodus auf ein Sanftes Licht(Sanftes Licht). Im Screenshot ist es weiß markiert.

Endgültige Ergebnisse:

Wir sind fertig! Wenn Sie es geschafft haben, das Endergebnis ohne Probleme zu erzielen, großartige Arbeit! Du kannst stolz auf dich sein. Wenn etwas in der Lektion nicht klar war, lassen Sie es mich wissen.

Die Box wird auf Bestellung unter Berücksichtigung der Wünsche des Kunden gefertigt.
Größe 15 cm x 11,5 cm. Höhe 7 cm (mit Beinen). Die Tiefe der Box beträgt 5 cm.
Die Schachtel besteht aus Perlmuttpapier (auf dem Foto leider nicht sichtbar) mit einer Dichte von 320 und 90 g/㎡.
Verwendete Materialien:
Verschluss - Magnet, Perlen, Satinband und Organza. Alle Blumen sind handgefertigt.

Pappschachtel. Vorlage für Schmuckkästchen

Hausschuhe verbunden durch das wunderbare MK Mu-Ha

Papiergröße mindestens 54 x 25 cm Zeichnen Sie ein Raster nach Schema.

Natürlich ist es besser, ein ziemlich dickes Papier mit 230-260 g zu nehmen. oder enger. Da Ich habe nach dem 8. März etwas mehr ausgegeben und es gab ein Problem mit dickem Papier, aus dem ich eine Meisterklasse gemacht habe einfache Materialien. Sie können die Dichte erhöhen und das Erscheinungsbild wie folgt ändern.

Zum Beispiel habe ich ein Blatt in hellem Beige, ähnlich in Textur und Dichte wie Aquarell. Das zweite - Papier ... Tapete, mit Gold strukturiert. Und das Leim-"Netz", das durch das Filmmaterial verkauft wird, ist mehr als einen Meter breit in Stoffgeschäften.

Schneiden Sie die Bahn auf die Größe des Papiers und legen Sie sie zwischen die Blätter. Mit einem heißen Bügeleisen (Baumwollmodus) ohne Dampf bügeln. Bewegen Sie das Bügeleisen langsam, damit der Kleber schmilzt, aber bleiben Sie nicht lange an einer Stelle - das Papier wird gelb.
Mit dieser Methode mache ich Substrate für Paneele auf dickem Karton und klebe über Notizbücher. Das Papier klebt sehr gut, schnell, zuverlässig, blasenfrei und löst sich beim Biegen nicht ab. Generell ist es einen Versuch wert.

Schneiden Sie die Falten unten aus.

Bringen Sie doppelseitiges Klebeband wie auf dem Foto gezeigt an.

Wenn Sie einen eingebauten Verschluss haben, dann ist jetzt der richtige Zeitpunkt dafür.

Kleben Sie die Teile der Abdeckung zusammen und lassen Sie die Falten offen.

Messen Sie unten an den Seiten 3 cm und 1 cm in der Höhe. Ecken glätten (ich habe dies mit einer Schablone gemacht, die mit einem 2,5-cm-Lochstanzer ausgeschnitten wurde). Mit einem Büromesser von Hand entlang der abgerundeten Linien schneiden, dann in einer geraden Linie unter dem Lineal.

Ich habe mich selbst verwöhnt - ich mache Schachteln für jedes Schmuckstück und wähle die Größe aus. Daher müssen Sie viele Vorlagen für Boxen mit unterschiedlichen Seitenverhältnissen zeichnen. Und hier trat ein Problem auf - das Zeichnen mit einem Bleistift ärgert mich, wenn auch auf einem Lineal. Es fällt lang aus und ist trotzdem schief.
Ich bin auf diese Weise aus der Situation herausgekommen: Um Vorlagen zu erstellen, habe ich begonnen, das Programm zu verwenden Photoshop. Ich werde Ihnen sagen, wie ich es mache - es besteht eine vage Hoffnung, dass es auch für jemanden nützlich sein wird)))
Es wird viele Briefe und Bilder geben, aber eigentlich ist alles einfach und schnell erledigt, und selbst ein Anfänger kann damit umgehen.

Öffnen wir also Photoshop. Die Version ist nicht wichtig. Das einzige, bei dem ich mir nicht sicher bin, ist Portable. Und CS2 oder CS6, CC2014 - egal.

Wir erstellen ein Dokument.
Wählen Sie im oberen Bereich aus Datei->Neu Oder Tastenkürzel Strg+N(Bilder sind anklickbar)

Ein Panel mit Optionen erscheint. Da Wir verwenden das A4-Format zum Drucken, dann wählen wir es aus. Oben auf der Platte, die in der Parameterzeile erscheint "Bausatz" wählen "Internationales Papierformat".


Wir drücken "Eingeben" auf Tastatur

Alle Einstellungen ändern sich von den Standardeinstellungen zu A4-Einstellungen. Wir drücken OK
Auf dem Arbeitsbereich wird ein weißes Blatt angezeigt. Als nächstes brauchen wir ein Tool wie Lineale. Wenn ja, gut, wenn nicht, drücken Sie die Tastenkombination auf der Tastatur Strg+r und sie werden erscheinen.

Als nächstes werden wir mit Hilfslinien arbeiten, entlang denen wir dann unsere Vorlage zeichnen. Sie können einfach "zu bekommen" vom Lineal (horizontal oder vertikal) durch einfaches Halten linker Knopf Maus auf das Lineal und bewegen Sie den Cursor auf dem Blatt an die gewünschte Stelle. Aber so werden wir es noch lange versuchen. Viel einfacher, die Führungskoordinate einzustellen. Da sie sind vertikal und horizontal, dann müssen Sie nur einen Parameter angeben. Damit. Wo kann ich einen Parameter für eine Richtlinie einstellen?
Wählen Sie in der Menüleiste (oberhalb der Arbeitsfläche) aus Ansicht->Neuer Leitfaden Achten Sie dabei auf die Tatsache, dass direkt über dem Punkt "Neue Anleitung" neben dem Punkt steht Bindung Da war ein Häkchen. Wenn es nicht da ist, setzen Sie ...

Wenn wir auf den Punkt "Neuer Leitfaden" klicken, erscheint das folgende Zeichen:

Wir achten auf die Ausrichtung (horizontal, vertikal), stellen den Parameter im einzigen Fenster dieser Platte ein - Einzug vom linken Rand (vertikale Führung) oder vom oberen Rand (horizontale Führung) in Zentimetern. Wir drücken OK und holen Sie sich unseren Ratgeber

Wenn wir vertikal wollen, setzen wir in derselben Platte einen Punkt vor "vertikal".

Und holen Sie sich eine vertikale Führung.

Und hier ist es sehr wichtiger Punkt- Wählen Sie jedes Mal einen Menüpunkt aus Ansicht->Neuer Leitfaden Ich weiß nicht, wie es euch geht, aber es ist zu nervig für mich. Schließlich benötigen wir zum Erstellen einer Vorlage bis zu 20 Hilfslinien - 10 für den Deckel und 10 für den Boden der Schachtel. Daher können wir den Aufruf der Platte mit den Parametern der Anleitung mithilfe von Tastaturkürzeln anpassen. Es muss getan werden einmal. Bei nächsten Anfang Photoshop diese Verknüpfung wird auch funktionieren.
Wie richte ich es ein?
Wählen Sie aus dem Menü (über dem Arbeitsbereich) Bearbeiten->Tastaturkürzel

Im Popup-Fenster finden wir unsere "Sicht" und drücke es

Scrollen Sie in der Popup-Liste nach unten, bis wir denselben Artikel finden "Neuer Führer"

Wählen Sie diese Zeile aus. Rechts neben dem Element wird ein leeres Fenster angezeigt. Und dann halten wir einfach eine beliebige Tastenkombination auf der Tastatur gedrückt, die für uns bequem ist. Ist eine mit einer anderen Funktion belegt, weist Sie das Programm darauf hin. Ich habe Strg + Umschalt + / gedrückt gehalten. Es scheint schwierig zu sein, aber nach dem dritten oder vierten Mal wird die Kombination automatisch gedrückt.

Jetzt wird also das Label mit den Parametern für den Guide über die Tastatur aufgerufen, und es geht viel schneller.
Wir erstellen alle notwendigen Leitfäden, ohne ihre Orientierung zu vergessen. Und wir können mit dem Zeichnen der Vorlage selbst beginnen. Das Schöne ist, dass das Häkchen vor dem Element steht "Bindung" wir haben, dann werden die von uns gezeichneten geraden Linien sozusagen an den Hilfslinien magnetisiert, und bei einer leichten Abweichung der Maus bewegen sie sich nicht. Das ist neben der Genauigkeit die zweite Schönheit dieser Methode.
Um eine gerade Linie auf der linken Seite der Symbolleiste zu zeichnen, wählen Sie das Werkzeug aus "Linie"(Wenn Sie dort standardmäßig eine andere Figur haben, ändern wir sie durch Drücken der rechten Maustaste in eine Linie)
Oben ansetzen Dicke Linien. Die Füllung links vom Dickenparameter sollte schwarz sein, der Strich kann entfernt werden.

Halten Sie die linke Maustaste am Anfang der Linie gedrückt und bewegen Sie sie an ihr Ende, ohne die Taste loszulassen. Erst am Ende loslassen. Wir zeichnen alle Linien, die wir brauchen, entlang der Hilfslinien. Sie können die Hilfslinien ausblenden, um zu sehen, ob alle Linien vorhanden sind, indem Sie darauf klicken Strg+h.


Wir geben sie mit der gleichen Tastenkombination zurück.

Eine kleine Klarstellung für diejenigen, die einen Laserdrucker haben. Laserdrucker drucken normalerweise keine Ränder – etwa ein halber Zentimeter entlang der Ränder wird nicht gedruckt. Daher ist es beim Drucken auf einer Vorschau besser, unsere Linien etwas von den Rändern über die schattierten Felder hinaus zu verschieben. Sie bewegen sich nach dem gleichen Muster.
Jetzt ist es soweit.)