Creating Mockups with Bulk Mock Pro
Table of Contents
- Getting Started
- Main Interface
- Folder Selection
- Main Options 4.1. Layer Selection 4.2. Resizing 4.3. Alignment
- Save Options
- Resolution Options
- File Structure
- Subfolder Options
- Advanced Features
- Using Multiple Mockups Feature
- Creating Custom-Sized Mockups
- Starting the Process
- Refreshing Settings
- Getting Help
- Tips for First-Time Users
- Support
Getting Started
Launch Adobe Photoshop
Go to File Scripts Browse and select the BulkMockPro script file.
Main Interface The plugin window will open with several sections:
Folder Selection
Main Options
Save Options
Resolution Options
File Structure
Advanced Features
Folder Selection
Select Mockups: Click to choose the folder containing your PSD mockup files.
Select Designs: Click to choose the folder with your design files (PNG or JPG).
Select Output: Click to set where your final mockups will be saved.
Main Options
Layer Selection
Top Layer: Applies design to the topmost layer.
Smart Object: Replaces content in smart object layers.
By Name: Allows you to specify a layer name.
Resizing
None: No resizing applied.
Fill: Fills the mockup layer (may crop design).
Fit: Fits entire design within the mockup layer.
Stretch: Stretches the design to cover the entire mockup layer.
Custom Scale: Apply a custom scaling percentage.
Create new: Create a new custom-sized mockup.
Alignment
Horizontal: Align the design horizontally.
Vertical: Align the design vertically.
Save Options Select file formats for output:
PSD, JPG, PNG, TIFF, GIF, PDF
Tip: Select 72 DPI for quicker PDF export and smaller file size.
Resolution Options
As It Is: Maintain original resolution.
72 DPI: Set to 72 DPI.
300 DPI: Set to 300 DPI.
Custom: Enter a custom DPI value.
File Structure Choose how to organize output files:
Flat: All files in one folder.
By Mockup: Separate folder for each mockup.
By Design: Separate folder for each design.
By Both: Folders for mockups with subfolders for designs.
Subfolder Options
Create Subfolder for Each File Type: Organizes outputs by file format.
Advanced Features
Enable Multiple Mockups: Process multiple smart objects in a single PSD. (Note: This will activate the right panel for choosing folders for multiple mockups.)
Using Multiple Mockups Feature
Enable the Enable Multiple Mockups checkbox.
In the right panel, click Step 1: Multiple Mockups to select your multi-layered PSD.
Select smart objects in the list to apply designs.
Click Step 2: Apply Designs to choose design files for selected smart objects.
Set the output folder.
Creating Custom-Sized Mockups
In the Resizing dropdown, select Create new.
Enter desired width and height in inches.
Click Add Image to select design files.
Click Set Output to choose where to save custom mockups.
Click Create to generate custom-sized mockups.
Starting the Process
Click Start Mockups to begin processing.
A progress bar will show the status of the operation.
Refreshing Settings
Click Refresh to restore default settings.
Getting Help
Click Help for detailed instructions and tips.
You can also access log and settings files for troubleshooting.
Tips for First-Time Users
Hover over buttons and options for helpful tooltips.
The plugin saves your preferences after the first successful run.
Use the multiple mockups feature for complex designs with multiple editable areas.
Experiment with different resizing options to achieve the best results.
For quick PDF exports, use the 72 DPI option.
Always keep a backup of your original files before processing.
Support For any additional support or queries, refer to the BulkMockPro documentation or contact our support team.