Skip to main content

Photoshop Integration

Learn how you can use your own PSD files to create mockups fast with Dynamic Mockups.

Written by Dynamic Mockups Support
Updated over 2 months ago

Overview

The Adobe Photoshop Integration allows you to create high-quality product mockups using your own custom Adobe Photoshop templates without ever opening Photoshop.

Upload your PSD files to Dynamic Mockups and generate realistic mockups in seconds through the web app or API, saving time and effort while ensuring professional-quality visuals for your products.

Perfect for:

  • Designers with custom Photoshop templates

  • Print-on-demand businesses with unique branding

  • Agencies managing client-specific mockup templates

  • Developers building automated mockup workflows

What Does the Photoshop Integration Do?

The Adobe Photoshop Integration transforms your custom PSD templates into a powerful mockup generation system:

Use Your Own Templates

  • Upload custom Adobe Photoshop templates

  • Maintain your unique branding and style

  • Create mockups that match your exact specifications

  • No limitation to pre-made templates

Automated Mockup Generation

  • Generate mockups without opening Photoshop

  • Bulk create hundreds of mockups in clicks

  • Process designs and color options automatically

  • Professional results in seconds, not hours

Flexible Usage

  • Use through the web application mockup editor

  • Integrate via the Mockup Generator API

  • Create mockups on-demand inside your own website or app

  • Automate workflows with just a few lines of code

How It Works

Dynamic Mockups processes your Adobe Photoshop templates and automatically generates mockups based on your design assets and customization options:

  1. Upload PSD Template - Add your custom Adobe Photoshop template to Dynamic Mockups

  2. Configure Smart Objects - Define which layers accept designs and colors

  3. Add Design Assets - Upload your artwork through the mockup editor or API

  4. Set Color Options - Define color variations for your mockups (optional)

  5. Generate Mockups - Dynamic Mockups processes everything automatically

  6. Download or Use - Use mockups in your store, marketing, or projects

The integration handles all the processing in the background, making it easy to create professional mockups without manual Photoshop work.

Getting Started

Prerequisites

Before using custom Photoshop templates, you'll need:

  1. Dynamic Mockups Account - Free or Pro plan

  2. Adobe Photoshop Templates - PSD files formatted for Dynamic Mockups

  3. Design Assets - Artwork files to place in mockups (PNG, JPG, SVG, PDF)

Template Requirements

For best results, format your Photoshop templates according to our PSD Formatting Guide:

  • Use Smart Objects for design placement areas

  • Organize layers clearly

  • Include proper blending modes and effects

  • Optimize file size for faster processing

Uploading Custom Templates

Step 1: Access Template Upload

Navigate to the "My Templates" section in your Dynamic Mockups dashboard and click "Photoshop Mockup" or "Add Custom Template".

OR

Go to "Adobe Photoshop" on the left side bar, then click "upload PSD mockup" or "Multi PSD Upload".

Step 2: Upload Your PSD File

Select your Adobe Photoshop template file from your computer or drag and drop it into the upload area.

Supported format: .psd (Adobe Photoshop files).

Download our formatting guide if you need extra help.

Step 3: Configure Smart Objects

Once uploaded, Dynamic Mockups analyzes your template and identifies Smart Object layers. Configure which Smart Objects accept design assets:

  • Name each Smart Object descriptively (e.g., "Front Design", "Back Design")

  • Set default positioning and sizing preferences

  • Configure color overlay options if applicable

Step 4: Template Ready

Your custom template is now available in your template library and ready to use for mockup generation.

Generating Mockups with Custom Templates Using API

API Integration

For developers wanting to automate mockup generation with custom templates, use the Dynamic Mockups API:

Basic API Request Example:

curl -X POST https://app.dynamicmockups.com/api/v1/renders \
-H "x-api-key: YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"mockup_uuid": "your-custom-template-uuid",
"smart_objects": [
{
"uuid": "smart-object-uuid",
"asset": {
"url": "https://example.com/design.png"
},
"color": "#FF5733"
}
]
}'

Getting Template UUIDs

Access your custom template UUIDs through:

  • The template details page in your Dynamic Mockups dashboard

  • The Get Mockups API endpoint

  • Template URL in the web application

Supported Photoshop Features

Dynamic Mockups supports a comprehensive range of Adobe Photoshop features:

Layer Types:

  • ✅ Smart Object Layers (full support)

  • ✅ Text Layers (full support)

  • ✅ Adjustment Layers (full support)

  • ✅ Multiple Smart Objects

  • ⚠️ Nested Smart Objects (not supported)

Effects & Adjustments:

  • ✅ Blending Modes (all standard modes)

  • ✅ Layer Effects (shadows, glows, overlays)

  • ✅ Adjustment Layers (brightness, contrast, saturation, etc.)

  • ✅ Masks and Clipping Masks

  • ✅ Warp and Transform effects

Image Processing:

  • ✅ High-resolution outputs

  • ✅ Color profiles and color management

  • ✅ Transparency and alpha channels

  • ✅ Pattern fills and textures

For complete feature support details, see Photoshop API Feature Support.

Template Management

Organizing Custom Templates

Create Collections:

  • Group related templates together

  • Organize by product type or client

  • Easy access for batch generation

Template Details:

  • Edit template names and descriptions

  • Update Smart Object configurations

  • Manage template visibility and sharing

  • Archive unused templates

Template Optimization

Best Practices:

  • Keep file sizes reasonable (under 100MB recommended)

  • Use Smart Objects efficiently

  • Optimize layer structure for faster processing

  • Include clear layer naming conventions

Performance Tips:

  • Fewer Smart Objects = faster rendering

  • Smaller template files = quicker processing

  • Well-organized layers = easier configuration

Use Cases

Custom Branded Mockups

Create mockups that perfectly match your brand identity:

  • Upload templates with your exact product photography style

  • Maintain consistent branding across all mockups

  • Stand out from competitors using generic templates

Agency Client Work

Manage templates for multiple clients:

  • Upload client-specific PSD templates

  • Generate mockups matching each client's brand

  • Organize templates by client or project

  • Deliver professional results consistently

Unique Product Lines

Create mockups for products not available in standard libraries:

  • Custom packaging designs

  • Specialized product types

  • Unique presentation styles

  • Niche market products

High-Volume Production

Automate mockup generation at scale:

  • Upload templates once, use indefinitely

  • Generate thousands of mockups via API

  • Integrate with automated workflows

  • Eliminate manual Photoshop work

Pricing & Credits

Template Upload:

  • Free and Pro plans both support custom template uploads

  • No additional cost for uploading templates

Mockup Generation:

  • Credit-based system applies to mockup generation

  • Same credit cost as library templates

  • Each mockup generated consumes credits based on your plan

See Pricing for detailed credit information.

Tips & Best Practices

Follow the PSD Formatting Guide - Ensure templates are properly formatted for best results

Test templates before bulk use - Generate test mockups to verify quality

Use descriptive Smart Object names - Makes configuration easier and clearer

Optimize file sizes - Smaller templates process faster

Organize templates in collections - Easier management for large template libraries

Document template specifications - Keep notes on Smart Object configurations

Preview at full resolution - Check quality before bulk generation

Troubleshooting

Template Upload Fails

  • Verify file is a valid .psd format

  • Check file size is within limits

  • Ensure template meets formatting requirements

  • Try saving as Photoshop format (not Large Document)

Smart Objects Not Detected

  • Verify layers are actually Smart Objects in Photoshop

  • Check layer naming doesn't contain special characters

  • Ensure Smart Objects aren't nested

  • Re-save template and try uploading again

Poor Quality Results

  • Check source design resolution

  • Verify template Smart Object dimensions

  • Review blending modes and effects

  • See PSD Formatting Guide for optimization tips

Slow Processing

  • Reduce template file size

  • Minimize number of Smart Objects

  • Simplify layer structure

  • Remove unnecessary effects

Design Not Fitting Properly

  • Adjust Smart Object dimensions in template

  • Check print area settings in mockup editor

  • Use fit mode options (stretch, contain, cover)

  • Review design asset proportions

API Integration Resources

Documentation:

Code Examples:

  • Node.js integration examples

  • Python implementation guides

  • PHP usage samples

  • JavaScript/React components

Support & Resources

Did this answer your question?