Last updated

Getting Started with PackCAD Mockup

PackCAD Mockup is an online tool that converts flat dielines into realistic 3D packaging mockups. This guide walks you through preparing and uploading files, keyframing folding animations, and exporting 3D models in PackCAD Mockup.

A flat mailer box dieline in Illustrator with a Layers panel, and an arrow pointing to the folded 3D mockup rendered in PackCAD Mockup

Preparing Files

Prepare Dieline

A dieline is a vector drawing that defines the cut and fold lines of your packaging. In this tutorial, we will use Adobe Illustrator to prepare the dieline for PackCAD Mockup, but any vector editor (such as CorelDRAW, Inkscape, or Affinity) will work. You can follow along with our example Illustrator file: MailerBox.ai

Illustrator Layers panel showing three layers — dieline, interior artwork, and exterior artwork — with the mailer box dieline visible on the artboard

The example file contains several layers: one for the dieline, and additional artwork layers. First, hide all layers except the dieline layer so you can export the dieline by itself. PackCAD Mockup uses the stroke color of lines to determine their type: cut lines should be black (#000000) and fold lines should be red (#ff0000) , blue (#0000ff) , magenta (#ff00ff) , or yellow (#ffff00) . Adjust the stroke colors on your dieline to match these settings if needed. The colors don’t need to be exact — they’re matched with a generous tolerance, so close shades (including CMYK) will work.

Tip:

Prepare the dieline as an SVG with no artwork included. Front and backside artwork is imported separately as PNG/JPG.

Illustrator Export dialog saving MailerBox.svg in SVG format with Use Artboards checked

Export the dieline as an SVG. Select Use Artboards during export so that the dieline will automatically line up with its artwork once we import everything into PackCAD Mockup.

Tip:

Always check Use Artboards when exporting from Adobe Illustrator. Using the same artboard for every file is what keeps your dieline and artwork aligned to each other.

Illustrator SVG Options dialog

Most SVG export options will work, the settings shown above produced this SVG file: MailerBox.svg

Prepare Artwork

Illustrator showing the interior artwork layer visible — a dark blue background with mirrored "Fold Your Dielines in 3D" text — with the dieline layer hidden

Next, export the artwork layers individually as a PNG or JPG. Again, select Use Artboards so that the artwork will align to the dieline once imported into PackCAD Mockup.

Illustrator Export dialog saving MailerBox-interior.png in PNG format with Use Artboards checked

Export each artwork layer as a separate image. In our example we have two artwork layers, corresponding to the interior and exterior of the mailer box: MailerBox-interior.png and MailerBox-exterior.png

Project Setup

Open PackCAD Mockup on any device and click File > New Project to open a blank project. In the left menu you’ll find Import Dieline, Material & Thickness, and Artwork. Work through each step in order (top to bottom) to set up your project for folding.

PackCAD Mockup with the File menu open and the cursor selecting New Project, and the Import Dieline panel on the right prompting to drop an SVG file

Import Dieline

Import the dieline SVG file by dragging it into PackCAD Mockup. The Dieline Inspector will open and walk you through any issues validating your dieline for import. Once successfully imported, you will see your dieline in the 3D view. See Troubleshooting Dieline Import for help resolving common import errors and warnings.

Dielines often fail to import because of small, unintentional gaps where lines should intersect (see below). PackCAD Mockup will highlight these types of errors during import. Click/hover an error or warning to see a zoomed in view:

PackCAD Mockup's Dieline Inspector on the Review Dieline Import step, showing the imported mailer box dieline with an error that one crease endpoint doesn't connect to anything, and a zoomed inset highlighting the disconnected crease endpoint in red

Material & Thickness

Select Material & Thickness from the left menu and choose a material type and thickness from the presets, or define a custom thickness value. For corrugated cardboard, you can select the Flute Size and Flute Angle (orientation) of the flutes. Use Offset Direction to control how thickness is applied: toward the interior, toward the exterior, or evenly on both sides.

PackCAD Mockup renders corrugated cardboard in 3D, so the flute orientation stays accurate even along the exposed cut edges of your design.

Import Artwork

Select Artwork from the left menu and upload both the exterior and interior artwork files. You should see the print graphics rendered onto the top and bottom side of the dieline visualization. Select the three dots to the right of the file thumbnail to optionally mirror your artwork (this may be required for interior artwork).

Tip:

The exterior artwork will be on the bottom side of the dieline if you left Exterior side face down selected during import. Rotate the model to see the bottom (exterior) side.

Folding Simulation

Folding Setup

Select Folding Setup from the left menu, then select the bottom panel of the dieline. This panel will remain pinned to the ground plane during folding:

PackCAD Mockup Folding Setup panel with the bottom panel selected and highlighted in blue on the dieline

Keyframe Folding Animation

Click Add Keyframe from the left menu, and then select the creases to fold in this step. Enter a numeric value for the fold angle; the visualization updates in real-time.

Tip: Select the fold angle field and scroll to adjust the angle.

Continue adding keyframes until your design is fully folded. Replay the keyframed animation using in the left menu or press the R hotkey. For more details on fold angles, constraints, and advanced keyframe techniques, see the 3D Folding Simulation guide.

Export 3D Model

Go to File > Export 3D Model and select your preferred 3D format. The exported 3D model contains your artwork and can be used for proofing, AR/VR previews, or photorealistic rendering in Blender and other 3D tools.

PackCAD Mockup Export 3D Model dialog with the filename set to MailerBox and format set to GLB, shown over the folded box in the 3D viewer

OBJ models can be exported with the Z-axis or Y-axis as the “up” direction (most 3D applications use the convention of Y-axis as “up”). glTF/GLB models default to Y-axis as “up” and units of meters, as defined in the glTF 2.0 spec.

The HTML export option creates a standalone HTML file with the 3D model embedded inside it. Opening the HTML file in a web browser lets you view and interact with the model. The 3D model is stored directly in the file and is not hosted online.

Example files exported from PackCAD Mockup: MailerBox.gltf MailerBox.glb MailerBox_obj+mtl.zip MailerBox.html Please let us know if you need any additional export options or formats — we are happy to help!

Export High-Res PNG

Go to File > Export PNG and set the dimensions of your HD rendering (currently up to 4K is supported, let us know if you need a higher resolution). When exporting, you can make the background transparent or set it to a color of your choice, toggle the shadow on or off, and choose the DPI of the exported image.

PackCAD Mockup Export PNG dialog with width and height set to 1000 pixels, transparent background enabled, 3D Shadow enabled, DPI set to 300, and a preview of the rendered mailer box on a checkered transparency background

Example 4K PNG with a transparent background exported from PackCAD Mockup: MailerBoxRendering.png

Help and Support

If you ever need help using PackCAD Mockup, feel free to reach out at support@formfinding.studio. We welcome feedback, feature requests, and bug reports!