demobook

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

  1. Select a generated image
  2. Click Convert to mockup in the actions panel
  3. Drag a vector logo or image into the mockup frame
  4. Adjust the position and size of the graphic
  5. Select the graphic layer to adjust texture visibility or blending modes
  6. 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

  1. 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.RecraftAI Image Generator
  2. 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.RecraftAI Style Transfer
  3. 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.RecraftAI Style Transfer
  4. 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.RecraftAI Product Photography
  5. 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.RecraftAI Inpainting
  6. 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.RecraftAI Image Upscaler
  7. 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.RecraftAI Image Combiner
  8. 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.RecraftAI Product Photography
  9. 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.RecraftAI Style Transfer
  10. 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.RecraftAI Outpainting
  11. Watch “Session 1: Getting Started with Recraft Studio” →

AI Product Photography

  1. 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 ©
  2. 7:020:22Generate and apply mockupsThe user demonstrates the 'Mockup-ize' tool to transform images into editable surfaces for placing logos and designs.Recraft
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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