Was ist 3D-Box-/Verpackungsmockup?
Das 3D-Box/Verpackungs-Mockup visualisiert Produktverpackungen, indem Ihre flachen Designs auf realistische 3D-Boxformen projiziert werden. Laden Sie Artwork für alle sechs Seiten hoch und drehen Sie die Box in Echtzeit, um sie aus jedem Winkel zu betrachten. Ideal für Produktdesigner und Online-Händler.
Die Szene läuft über WebGL, deshalb halten Drehung und Beleuchtungswechsel auch auf einem mittelmäßigen Laptop 60 fps. Breite, Höhe und Tiefe lassen sich in Zentimetern oder Zoll vorgeben, die Hintergrundfarbe für Studioaufnahmen wechseln und die Lichtstärke zwischen flacher Katalogausleuchtung und dramatischem Streiflicht regeln. Wechseln Sie zwischen einer realistischen Perspektive und einer parallelen isometrischen Ansicht und exportieren Sie das PNG in Bildschirm-, 2x-Retina- oder 4K-Auflösung.
Anleitung
- Wählen Sie eine Boxform (Standardbox, hohe Box, Würfel oder benutzerdefinierte Maße) und legen Sie Breite, Höhe und Tiefe in Ihrer bevorzugten Einheit fest.
- Laden Sie Bilder für jede Seite der Box hoch — vorne, hinten, links, rechts, oben und unten. Jedes Bild wird automatisch der richtigen Fläche zugeordnet.
- Drehen und zoomen Sie die 3D-Vorschau mit der Maus, passen Sie Beleuchtung und Hintergrundfarbe an und exportieren Sie einen hochauflösenden PNG-Screenshot.
Wann verwenden
- Einem Kunden zeigen, wie das Etikett auf der Schachtel sitzt, bevor du für Andrucke bezahlst.
- Listing-Fotos für Amazon erzeugen, wenn nur die flache Stanzform der Verpackung vorliegt.
- Zwei Etikettenentwürfe Seite an Seite auf derselben Schachtelgeometrie vergleichen.
Ergebnis
Eine Müsli-Marken-Designerin lädt ihr Frontetikett (Nährwertangaben, Logo) und das Seitenpanel-Design auf eine hohe Boxform, dreht sie in die 3/4-Ansicht und exportiert ein Mockup für ihre Kundenpräsentation.
Häufige Fragen
- Welche Bildmaße brauche ich für die einzelnen Seiten?
- Triff das Seitenverhältnis der jeweiligen Fläche. Bei einer typischen Cerealienschachtel ist die Vorderseite höher als breit (etwa 3:4), die Seite schmal und lang (1:4) und der Deckel breit und niedrig (4:1). Quadratische Vorlagen lassen sich hochladen, werden aber gestreckt. Exportiere die Stanzform schon im richtigen Verhältnis.
- Kann ich nicht rechteckige Verpackungen wie Standbeutel oder Tuben bauen?
- In dieser Ansicht nicht. Das Mockup nutzt Schachtelprimitive: Würfel, hohe Schachtel, breite Schachtel und Schachtel mit freien Maßen. Zylindrische Verpackungen (Tuben, Dosen) und weiche Verpackungen (Standbeutel) brauchen ein anderes Werkzeug mit Unterstützung für gekrümmtes UV-Mapping.
- Warum wirkt mein Logo auf einer Seite leicht gestaucht?
- Die Textur wird gestreckt, bis sie die ganze Fläche füllt. Wenn deine Vorlage ein anderes Seitenverhältnis hat, verzerrt sie sich beim Anpassen. Schneide das Motiv vorher passend zu oder polstere es mit Rand, damit es die Flächenproportion trifft; die Polsterung in der Hintergrundfarbe löst das meist sauber.
- Kann ich ein transparentes PNG für die Weiterverarbeitung exportieren?
- Ja. Wähle unter Hintergrund das transparente (Schachbrett-)Feld, schalte das Bodenraster aus, damit beim Freisteller nichts stört, und Ansicht exportieren liefert ein PNG ohne Hintergrund, fertig für Banner oder Folie. Lass den Bodenschatten an, wenn die Box über der Transparenz einen weichen Kontaktschatten behalten soll.
- Ist die Beleuchtung physikalisch korrekt?
- Genutzt wird ein vereinfachtes WebGL-Modell: ein gerichtetes Licht plus Umgebungslicht, kein Path Tracing. Dieser Kompromiss hält die Szene mit 60 fps interaktiv. Für einen finalen Hero-Shot bringst du dieselben Artworks besser in Blender oder einen kostenpflichtigen Renderer.
Ähnliche Tools
3D-Streudiagramm
Datenpunkte im 3D-Raum visualisieren
3D-Geländebetrachter
Höhenkarten als 3D-Gelände visualisieren
3D-Produktpräsentation
Produkte in interaktivem 3D drehen und ansehen
3D-Textersteller
Extrudierten 3D-Text mit individuellen Stilen erstellen
WebGL-Shader-Spielwiese
GLSL-Shader in Echtzeit schreiben und vorschauen
360-Grad-Bildbetrachter
Panoramabilder in 360 Grad ansehen und erkunden