Recraft: Create and customize product mockups

Demo summary
The demo shows converting a generated tote bag into a mockup, dragging a logo onto it, and adjusting textures and masks for a realistic look.
Step-by-step
- Select a generated image
- Click Convert to mockup in the actions panel
- Drag a vector logo or image into the mockup frame
- Adjust the position and size of the graphic
- Select the graphic layer to adjust texture visibility or blending modes
- Click Edit a mask to define specific printable or visible areas
Options
- Recolor the base layer
- Toggle 'show texture underneath' to blend graphics with the material
- Choose from various Photoshop-style blending modes
- Add multiple graphic elements to the same mockup
Tips
- Use the mask tool to block out areas where printing isn't possible on the physical product
- Leverage the separate layers for the base and graphics to make adjustments at any point
Highlights
“All you need to do now is just to click on it. Wait for a few seconds... and it's done.”
All demos from “Session 1: Getting Started with Recraft Studio”
7:001:06Generate AI images and vector graphics in RecraftThe demonstrator shows how to use the prompt field to generate a raster image of a cat and then switches models to generate vector graphics and icons.Recraft· AI Image Generator
8:440:33Apply pixel art style to AI generationsGary demonstrates selecting the 'Pixel Art' style from the Recraft library to transform a simple prompt into a stylized image without complex prompt engineering.Recraft· AI Style Transfer
18:151:21Style referencing with image attachmentsThe user demonstrates dragging and dropping an external image into the prompt panel to use as a style reference for generating a consistent food photography shot.Recraft· AI Style Transfer
21:371:17Using Agentic Mode for multi-step tasksThe video shows the LLM-powered Agentic Mode where the tool creates a plan to generate a set of menu photos and provides interactive suggestions.Recraft· AI Product Photography
24:381:26Remove background and edit specific image areasA walkthrough of the 'Remove Background' action and the 'Edit Area' tool to erase or modify specific objects within a generated image.Recraft· AI Inpainting
26:090:53Upscaling images to 4K resolutionThe demonstrator shows the difference between 'Crisp' and 'Creative' upscaling to increase resolution and fix blurry details in generated faces.Recraft· AI Image Upscaler
28:110:59Combine multiple images for character consistencyThe user demonstrates selecting a person and an outfit from the canvas to generate a new image where the person is wearing the specific clothes.Recraft· AI Image Combiner
33:121:52Create and customize product mockupsCurrentThe demo shows converting a generated tote bag into a mockup, dragging a logo onto it, and adjusting textures and masks for a realistic look.Recraft· AI Product Photography
44:074:25Build a custom AI styleThe user walks through creating a custom style by uploading reference images, setting style-level prompts, and adjusting weights for texture and composition.Recraft· AI Style Transfer
52:030:49Outpainting and image expansionThe demonstrator uses the 'Frame' tool to expand the boundaries of an image and combine two separate images into a single cohesive scene.Recraft· AI Outpainting- Watch “Session 1: Getting Started with Recraft Studio” →
AI Product Photography
1:080:12Generate editorial product mockupsThe demonstration shows how to generate professional commercial photos and product mockups by setting an image node to Recraft V4.FLORA ©
7:020:22Generate and apply mockupsThe user demonstrates the 'Mockup-ize' tool to transform images into editable surfaces for placing logos and designs.Recraft
1:421:38Generate product packaging images with text promptsUsing the custom style, the demonstrator generates various beef jerky pouch designs in Recraft by entering detailed descriptive prompts.Recraft
7:200:46Create a product mockup in RecraftThe demonstrator uses the 'make mockup' tool to overlay the previously generated illustration and logo onto a product pouch image.Recraft
8:063:17Refine mockups with masking and blend modesThe video walks through using Recraft's masking tools (brush, wand, lasso) and AI blend modes to realistically integrate a design onto a physical product surface.Recraft
12:060:55Change mockup environments with Nano BananaThe user demonstrates rasterizing a mockup and using it as a reference for the Nano Banana model to place the product in new scenes like a cabin window or campfire.Recraft
2:440:16Create a campaign mockup in RecraftThe user uses the 'mockupize' feature to import the previously created logo and overlay it onto a campaign visual to create a final asset.Recraft
21:371:17Using Agentic Mode for multi-step tasksThe video shows the LLM-powered Agentic Mode where the tool creates a plan to generate a set of menu photos and provides interactive suggestions.Recraft
33:121:52Create and customize product mockupsCurrentThe demo shows converting a generated tote bag into a mockup, dragging a logo onto it, and adjusting textures and masks for a realistic look.Recraft
2:290:10Create perspective mockups in RecraftDemonstrates the mockup feature in Recraft Studio, which turns images into editable surfaces for placing elements with accurate perspective.Recraft
1:290:16Apply designs to scenes using Recraft MockupsThe user demonstrates selecting a scene from the Mockups tab in Recraft Studio and using the 'use as mockup' function to overlay a logo or design onto the scene.Recraft
Recraft