00:00:00 Create your product mockup Welcome to Mondi Product Mockup. This walkthrough takes you from a clean paper bag to finished product images and a rotating video. You do not need to be a three D designer. We will work through the app in order: Shape, Material, Artwork, Studio, and Export. You can pause at any point and follow the same steps in your own browser. Start by opening the address shown on screen. 00:00:26 Meet the workspace The large area on the left is your live product preview. The controls on the right are grouped into five tabs. Shape changes the physical bag. Material changes the paper surface. Artwork adds printed elements. Studio controls lighting and backgrounds. Export creates your downloadable files. Open preset and Save preset keep your designs organized. The How it works button opens this tutorial, so you can return to any chapter whenever you need a reminder. 00:00:59 Start with the medium bag For a reliable starting point, choose Default bag at the bottom of the controls. The medium bag is fifteen and a half inches wide, eighteen inches tall, and five inches in maximum depth. It has a Mondi logo near the bottom. The default wrinkle amount is three, wrinkle size is one, and paper grain is zero point eight. Reset restores the complete setup, including artwork and studio settings. If you reset by mistake, choose Undo reset during the same session. 00:01:32 Move around your model To inspect the bag, drag in the preview to orbit around it. Scroll to zoom in or out, and right drag to pan. The camera buttons give you quick Front, Back, Side, and Bottom views. Reset view returns the camera to the product angle. This camera reset does not reset your design. Look at the front, the back seam, and the underside before exporting, especially after you have changed the dimensions. 00:02:03 Set width, height and depth In Shape, start with the three dimension fields. All measurements are in inches. Watch the model as we change its width: first narrower, at twelve inches, then wider, at nineteen. Next, change the height to fourteen inches, then twenty two. The bag gets shorter and taller. Finally, compare a depth of three inches with seven inches. Maximum depth sets the space available for expansion; the expansion sliders control how much of that space is used. The folds follow your dimensions automatically. To return to our starting point, choose Default bag: fifteen and a half, eighteen, and five. 00:02:45 Open and close the envelope Watch the flap while we move Envelope opening from fully open toward closed, then open it again. The model follows the slider as it moves. Flap height changes the size of the flap. Show adhesive cover switches the protective liner on or off. For an open bag, you will usually show the cover. For a sealed presentation, turn it off. Notice the mouth near the end of the closing movement. Below thirty percent opening, the app narrows the mouth so the flap can cover the adhesive area. Reopening restores the mouth setting you requested. 00:03:24 Control three expansion zones Expansion has three separate zones. Watch the top of the bag as Mouth moves from a narrow opening to a wide one, and back again. Now watch the center while we adjust Middle. It changes the fullness through the body without changing the maximum dimensions. Finally, watch the lower section as Bottom moves between flatter and fuller shapes. These controls shape the bag itself; they do not insert objects inside. Combine the three zones for an empty, lightly filled, or fuller presentation. Keep the envelope open when you want unrestricted mouth expansion, then check the silhouette from the side. 00:04:05 Use the finishing controls Open Show advanced controls for the finishing touches. Paper weight adjusts the thickness. You can show or hide the back seam and move it across the back. Flat ground contact helps the base sit against a surface, while Ground height changes how high that contact reaches. The height limit follows the bag depth. These settings are useful when refining a presentation, but most designs can start with the default values. Hide the advanced controls when you are finished. 00:04:38 Choose the surface to edit Material is for the physical appearance of the paper, not for printed graphics. Choose one of the three thumbnails: Paper, Wrinkles, or Adhesive liner. Under Paper, use Paper tint to change the base color, and choose a Matte, Satin, or Gloss finish. Matte is a good starting point for a paper mailer. Use Replace paper if you have another texture image, or Restore to return that texture to the bundled version. 00:05:07 Refine a paper texture Advanced texture settings control how the paper image covers the surface. Horizontal and vertical repeat change the texture scale. Offsets move it, and Rotation turns it. Roughness affects how broadly the surface reflects light. Metalness is also available, although ordinary paper should generally stay nonmetallic. You can replace the roughness map separately. These are surface texture controls. To place a logo or a label without repeating it, use the Artwork tab instead. 00:05:41 Build subtle paper wrinkles Under Wrinkles, begin with Smooth, Soft, or Crumpled. With Live procedural selected, Wrinkle amount controls the strength, Wrinkle size changes the scale of the pattern, and Paper grain adds fine surface detail. Try another pattern gives you a different arrangement. You can push the amount as high as ten, but a restrained setting often looks more convincing for product photography. Compare the result at normal viewing distance as well as close up. 00:06:12 Normal maps and the liner You can also switch the wrinkle source to a Normal map image. Replace the map if needed, then adjust Bump strength. If the detail appears inverted, try the alternate normal direction. Procedural wrinkles and normal maps mainly change how the surface catches light; the Shape tab controls the bag silhouette. Finally, Adhesive liner has its own image, tint, and roughness. This lets you refine the protective cover separately from the brown paper. 00:06:42 Choose the front or back Artwork has its own workspace. Choose Front of bag or Back of bag before adding anything. Each side has its own layers, shown in the separate panel at the far right. The five icons add Text, upload an Image, insert the Mondi Logo, open the brush Library, or switch to Paint. Entering artwork placement brings the camera to the selected side. Arrange elements directly on the bag. The editing controls stay in place while the layer list scrolls independently. 00:07:17 Add and edit text Choose the Text icon to add a message. For this example, enter Packed with care, with care on a second line. We will use black lettering so the message is easy to read against the paper. The typeface menu offers Manrope for clean lettering and Caveat Brush for a handwritten accent. These are the open source substitutes selected for this app. The color swatches use the Mondi palette. Drag the text on the bag to position it, and use a corner handle to change its size. Leave breathing room around the logo. 00:07:51 Upload images and add the logo Use Image to upload a P N G, J peg, or Web P file under sixteen megabytes. A transparent image is useful when you want only the graphic to appear on the paper. Use the Logo icon to insert the supplied Mondi mark. Uploaded graphics and logos become editable layers. The official logo keeps its proportions and brand protections. For sharp exports, start with a source image that has enough resolution for its intended size. 00:08:24 Place, resize and crop artwork Select an element and drag it to place it. Use the corner handles to resize it. A round rotation handle appears for supported custom images and brushstrokes. You can make an image larger than the bag and move most of it outside the printed area, leaving just the portion you want. Artwork is clipped at the edge rather than tiled across the bag. After changing bag dimensions, review placement again because your layout may need a visual adjustment. 00:08:54 Align your text For text with more than one line, choose Left, Center, or Right below the typeface menu. Watch the shorter line of our Packed with care message. Left lines it up with the left edge. Center balances it beneath the first line. Right aligns the two line endings. These buttons align the lines inside the text element. They do not move the whole element across the bag. To move the complete message, drag it in the preview. The alignment is saved with the layer and stays consistent in your exports. 00:09:28 Choose an official brushstroke The Library icon opens the official Mondi brushstroke collection. Browse the thumbnails or search by color, then choose a stroke. It appears as an artwork layer that you can position and resize. The collection keeps the supplied colors and proportions. In this app, choosing another official stroke replaces the current official brushstroke on the product or the background. Keep that behavior in mind when deciding where the stroke should sit in your overall composition. 00:09:59 Paint with Mondi colors Choose Paint to draw directly on the bag. Select a color and set the brush width before drawing. The palette uses the exact Mondi orange, blue, violet, cerise, mint, silver, and yellow values from the brand guide, plus black and white. Each paint stroke becomes a layer in the separate Layers panel. Switch back to Select and move when you want to arrange artwork instead of drawing. Undo is useful while trying out a mark. Switching to another editing tab leaves artwork placement automatically. 00:10:35 Organize your layers The Layers panel stays beside the main controls. Select an element here without losing your place in the editor. Drag its grip up or down to change the stacking order. Higher layers appear in front of lower layers. The eye hides an element without removing it, and the cross deletes it. Undo and Redo let you recover or compare changes. There is no separate finish button. Choose another tab, such as Studio, to leave artwork placement and clear the selection. You can also choose a camera view to inspect the result. 00:11:11 Set simple studio lighting Studio is divided into Lighting and Background. Start with Lighting. The app uses a neutral studio environment to illuminate the bag. Exposure changes overall brightness, while Light saturation changes the colorfulness of that environment. Try small exposure adjustments first. You want enough light to read the design, while keeping the paper texture and folds visible. Evaluate your lighting with the artwork in place, because dark and light graphics affect how the whole image feels. 00:11:46 Soften and shape the shadows Fold shading, also called ambient occlusion, helps separate nearby surfaces such as the back seam. Self shadowing adds shadows between parts of the bag. Fold shadow softness changes that effect. The Soft ground shadow is controlled separately: adjust its softness and strength, or switch it off. Under Advanced lighting, you can refine fold shading strength and light direction. Slow rotation is useful for checking the whole bag, and Wireframe reveals its construction. 00:12:20 Choose a background Studio Background gives you three approaches. Start with a plain color, choose a Mondi brushstroke, or use Add custom image to upload your own background. Custom images can be P N G, J peg, or Web P, under sixteen megabytes and up to eight thousand one hundred ninety two pixels on either side. The image sits behind the product, rather than printing on the bag. Try a clean graphic or a suitable photograph, and keep enough contrast around the bag to make the product easy to read. 00:12:54 Position and crop background images The background preview works for both official brushstrokes and custom images. Drag it to move the image. Fit shows the whole image, while Fill covers the frame. Use Scale to zoom beyond the edges, and Rotation to turn the composition. Flip mirrors it, and Reset restores the starting placement. The main preview shows the result as you work. Remove background image is the outlined button near the top. It returns you to the plain background color. Background art appears in images with a background and in looping videos. Transparent images leave it out. 00:13:32 Save and reopen a preset Your work is saved automatically in the current browser, but a preset file is the dependable way to keep a named version or move it to another computer. Choose Save preset, enter a useful name, and save the file. A preset includes the shape, materials, artwork, and view. Later, choose Open preset and select that file. Save before experimenting with a major redesign. Local and online browser workspaces are separate, so use a preset when moving between them. 00:14:07 Choose your image settings In Export, choose Images. Select With background, Transparent, or Both versions. Transparent exports contain the bag without the studio background or ground shadow, which is useful when placing it into another layout. Choose two K or four K resolution, then Square, Landscape, or Portrait. The image size refers to the longer edge. Model detail is always set to Maximum for both images and videos. There is no quality setting to remember. Arrange the camera, check the composition, and export when you are ready. 00:14:44 Export one view or a camera pack Export this view renders the camera angle you are currently using. For a complete set, explore the Product photography buttons. They include front, back, side, opening, and three quarter views, and the cameras fit to the size of your bag. Export the fifteen image camera pack when you are ready. If you choose both background versions, the pack contains thirty images. Construction views are available separately; select one and use Export this view to save it. 00:15:16 Create a looping turntable For motion, switch to Looping video. Choose a ten, twenty, or thirty second loop. A longer duration makes the same full rotation move more slowly. Select Full H D or four K, and choose landscape, square, or portrait framing. Preview turntable angle shows the export camera. Then choose Export looping video. The app renders every frame and creates an M P four file at thirty frames per second. Keep the page open while it finishes; the export can take longer than the video's running time. 00:15:53 Check the finished files When an export is ready, use the download or Latest export link. Open the image at full size and check the logo, small text, folds, and crop. Play the video through a complete rotation and make sure every side looks intentional. Keep the preset alongside your exports so you can make a matching revision later. The model preview is a design tool, while the exported files are the final images and motion assets you will use in a presentation. 00:16:25 A simple workflow to remember Here is the workflow to remember. Start with Default bag or open a saved preset. Set the dimensions and expansion. Refine the paper and wrinkles. Add artwork to the front and back. Choose lighting and a background. Save the design, then export a single image, a camera pack, or a looping video. You can return to any tab and keep refining. That is Mondi Product Mockup: one workspace for building the bag, designing the presentation, and creating the assets you need.