Hi, so here is my situation, i have 300+ images in a file, each image has a QR code in a png format. Based on the QR code file name, can i somehow place that QR code to its designated image, for example: B105.jpg has a QR code B105.png. I would like to somehow automate this process so that all the QR codes are embedded to its corresponding image.
Example 1:
The QR codes have to be placed and aligned manually, its a tedious job, especially after doing 300+ of these. Any help would be appreciated. Thank you
Explore related tutorials & articles
11
Replies
Here's a script that should help you out.
Select JPEG images,
Select PNG images,
Select folder where final PSDs should be saved,
Define overlay placement (top-left, top-bottom etc),
Define overlay margins.
Enjoy!!!
P.S.You can get nicer formatted code version here: PSD Script: Add overlay file — Bitbucket
// Name: Add Overlay.jsx
// Version: 1.0
// Release Date: 2016 09 27
//
// Developer: Tomas Sinkunas
// URL: www.rendertom.com
//
// Description:
// Select bunch of JPEG and PNG files. Script will run and add overlay
// PNG image on corresponding JPEG file. You also have options to define
// overlay placement (top-left, top-right etc) as well as overlay margins.
// Final file will be saved to PSD file.
//
//
// This script is provided "as is," without warranty of any kind,
// expressed or implied. In no event shall author be held liable
// for any damages arising from the use of this script.
addOverlay();
function addOverlay() {
#target photoshop
var config = {
imageFilesArray : [],
overlayFilesArray : [],
outputFolder : "",
placement : 0,
margin: 20,
}
buildUI();
function buildUI() {
var btnSize = 24;
var win = new Window('dialog', "Whatever");
win.spacing = 10;
win.alignChildren = ["fill", "fill"];
win.group1 = win.add("group");
win.btnImages = win.group1.add("button", undefined, "Select Images");
win.btnOverlays = win.group1.add("button", undefined, "Select Overlays");
win.group2 = win.add("group");
win.group2.add('statictext', undefined, "Output Folder");
win.etOutputFolder = win.group2.add('edittext', undefined, config.outputFolder);
win.btnSelectFolder = win.group2.add('button', undefined, "...");
win.group3 = win.add("group");
win.group3.add('statictext', undefined, "Overlay Placement");
win.ddPlacement = win.group3.add('dropdownlist', undefined, ["Center", "Top-Left", "Top-Right", "Bottom-Left", "Bottom-Right"]);
win.group4 = win.add("group");
win.group4.add('statictext', undefined, "Overlay margin");
win.margin = win.group4.add('edittext', undefined, "20");
win.group5 = win.add("group");
win.btnCloseWindow = win.group5.add('button',undefined, "Close", {name:'close'});
win.btnRunScript = win.group5.add('button',undefined, "Run Script", {name:'run Script'});
// Set Default values
win.ddPlacement.selection = config.placement;
win.margin.text = config.margin;
// Resize Buttons
win.etOutputFolder.preferredSize.width = 200;
win.btnSelectFolder.preferredSize.width = btnSize*2;
win.btnImages.alignment =
win.btnOverlays.alignment =
win.ddPlacement.alignment =
win.margin.alignment =
win.btnCloseWindow.alignment =
win.btnRunScript.alignment = ["fill", "fill"];
// button actions
win.btnImages.onClick = function () {
var imageFiles = selectFiles(true, "jpg");
if (imageFiles === null) return;
this.text = imageFiles.length + " Images Selected";
config.imageFilesArray = imageFiles;
}
win.btnOverlays.onClick = function () {
// var designFiles = selectFiles(".psb");
var overlayFiles = selectFiles(true, "png");
if (overlayFiles === null) return;
this.text = overlayFiles.length + " Overlays Selected";
config.overlayFilesArray = overlayFiles;
}
win.btnSelectFolder.onClick = function() {
var saveFolder = Folder.selectDialog("Select output folder");
if (saveFolder) {
win.etOutputFolder.text = saveFolder.fsName;
config.outputFolder = saveFolder.fsName;
}
}
win.btnCloseWindow.onClick = function() {
win.close();
}
win.btnRunScript.onClick = function() {
if (config.imageFilesArray.length === 0) {
alert("No Image Files selected\nPlease select some image files and try again");
win.btnImages.active = true; return;
} else if (config.overlayFilesArray.length === 0) {
alert("No Overlay Files selected\nPlease select some overlay files and try again");
win.btnOverlays.active = true; return;
} else if (config.outputFolder === "" || !Folder(config.outputFolder).exists) {
alert("Output Folder does not exist\nPlease set Output Folder and try again");
win.etOutputFolder.active = true; return;
} else if (isNaN(win.margin.text)) {
alert("Please enter valid margin value");
win.margin.active = true; return
}
// check if same amount of files is selected
if (config.imageFilesArray.length !== config.overlayFilesArray.length) {
alert("You must select same amount of Image files as Overlay files.")
return;
}
config.placement = win.ddPlacement.selection.index;
config.margin = win.margin.text;
win.close();
main();
}
win.show();
}
function main() {
for (var i = 0, il = config.imageFilesArray.length; i < il; i ++) {
var imageDoc = app.open(config.imageFilesArray);
var overlayDoc = app.open(config.overlayFilesArray);
var qr = overlayDoc.layers[0].duplicate(imageDoc);
overlayDoc.close(SaveOptions.DONOTSAVECHANGES);
positionLayer(qr);
var docName = decodeURI ( activeDocument.name );
var dot = docName.lastIndexOf(".");
var saveName = docName.slice(0, dot);
var myFile = config.outputFolder + "/" + saveName;
savePSD(myFile);
imageDoc.close();
}
alert("Done")
}
function positionLayer(layer) {
try {
var bounds = layer.bounds;
var layerWidth = bounds[2].value - bounds[0].value;
var layerHeigth = bounds[3].value - bounds[1].value;
var offsetX = bounds[0].value;
var offsetY = bounds[1].value;
var docWidth = app.activeDocument.width.value;
var docHeight = app.activeDocument.height.value
var newPos = [];
if (config.placement === 0) { // center
newPos[0] = (docWidth / 2) - offsetX - layerWidth/2;
newPos[1] = (docHeight / 2) - offsetY - layerHeigth/2;
} else if (config.placement === 1) { // top-left
newPos[0] = config.margin - offsetX;
newPos[1] = config.margin - offsetY;
} else if (config.placement === 2) { // top-right
newPos[0] = docWidth - config.margin - offsetX - layerWidth;
newPos[1] = config.margin - offsetY;
} else if (config.placement === 3) { // bottom-left
newPos[0] = config.margin - offsetX;
newPos[1] = docHeight - config.margin - offsetY - layerHeigth
} else if (config.placement === 4) {
newPos[0] = docWidth - config.margin - offsetX - layerWidth;
newPos[1] = docHeight - config.margin - offsetY - layerHeigth
}
layer.translate(newPos[0], newPos[1]);
} catch (e) {
alert(e.toString() + "\nLine: " + e.line.toString());
}
}
function savePSD(saveFile) {
psdSaveOptions = new PhotoshopSaveOptions();
psdSaveOptions.embedColorProfile = true;
psdSaveOptions.alphaChannels = true;
activeDocument.saveAs(File(saveFile), psdSaveOptions, false, Extension.LOWERCASE);
}
function selectFiles (multiSelect, extension) {
var theString = "Please select files";
if ($.os.search(/windows/i) != -1) {
var theFiles = File.openDialog (theString, "*." + extension, multiSelect);
} else {
var theFiles = File.openDialog (theString, getFiles, multiSelect);
}
function getFiles(theFile) {
var re = new RegExp("\.(" + extension + ")$","i");
if (theFile.name.match(re) || theFile.constructor.name == "Folder") {
return true
}
}
return theFiles;
}
}
AdChoices