18
Replies
Further to my previous reply, I have just tested and yes, the alignment options are using the layer bounding area rather than the mask area to align. Here one can see that the smart objects pixel area is what has been aligned to the bottom of the canvas, not the smaller mask area of the visible content.
This is not related to the layer content being a smart object, it behaves the same way with standard masked layer content.
I couldn't find an existing script to align using the mask vs. unmasked content, so here is a basic script to do so...
Select all layers to align to the canvas and then run the script.
It uses a CLI or "command-line interface". One must enter a two-character code for the X-axis, followed by a comma, followed by a two-character code for the Y-axis. Code entry is case insensitive and word space insensitive.
Example: To centre align to the canvas, one would enter:
XC,YC
X/Horizontal codes:
XL = Left
XC = Centre
XR = Right
Y/Vertical codes:
YT = Top
YC = Centre
YB = Bottom
YU = Upper (optional, equates to Top)
YL = Lower (optional, equates to Bottom)
I plan to add a more user-friendly, graphical ScriptUI interface, however that will take more time than I have for now.
/*
Align Masked Layers to Canvas Using Mask Bounds.jsx
v1.0 - 15th May 2022, Stephen Marsh
https://community.adobe.com/t5/photoshop-ecosystem-discussions/how-to-center-2-layer-masks-at-selection-in-photoshop/td-p/12934857
Info: * Unlike the standard align feature, this script works correctly with layer masked content
* Works with selected standard and smart object masked layers
* Single history step undo
TO DO: Add a scriptUI
*/
#target photoshop
function main() {
(function () {
// Save the current ruler units and set to pixels
var savedRuler = app.preferences.rulerUnits;
app.preferences.rulerUnits = Units.PIXELS;
// Prompt for input
var userInput = prompt("Enter comma separated X & Y canvas alignment positions:" + "\n" + "XL | XC | XR , YT | YC | YB", "XL,YT");
if (userInput === null) {
//alert('Script cancelled!');
return;
}
var userInput = userInput.toString().toUpperCase().replace(/[^A-Z,]/g, '');
processSelectedLayers();
// Restore the ruler units
app.preferences.rulerUnits = savedRuler;
// Functions
function processSelectedLayers() {
var s2t = stringIDToTypeID;
(r = new ActionReference).putProperty(s2t('property'), p = s2t('targetLayersIDs'));
r.putEnumerated(s2t('document'), s2t('ordinal'), s2t('targetEnum'));
var lrs = executeActionGet(r).getList(p),
sel = new ActionReference();
for (var i = 0; i < lrs.count; i++) {
sel.putIdentifier(s2t('layer'), p = lrs.getReference(i).getIdentifier(s2t('layerID')));
(r = new ActionReference).putIdentifier(s2t('layer'), p);
(d = new ActionDescriptor()).putReference(s2t("target"), r);
executeAction(s2t('select'), d, DialogModes.NO);
// Call the align layer function
alignByMask();
}
}
function alignByMask() {
// Base canvas variables
var canvasLeft = 0;
var canvasTop = 0;
var canvasRight = activeDocument.width.value;
var canvasBottom = activeDocument.height.value;
var canvasXCenter = activeDocument.width.value / 2;
var canvasYCenter = activeDocument.height.value / 2;
// Bounds:
// + - - - - - - - [1] - - - - - - - +
// | |
// | |
// [0] [2]
// | |
// | |
// + - - - - - - - [3] - - - - - - - +
// Base layer variables
var layerLeft = activeDocument.activeLayer.bounds[0].value;
var layerTop = activeDocument.activeLayer.bounds[1].value;
var layerRight = activeDocument.activeLayer.bounds[2].value;
var layerBottom = activeDocument.activeLayer.bounds[3].value;
var layerWidth = activeDocument.activeLayer.bounds[2].value - activeDocument.activeLayer.bounds[0].value;
var layerHeight = activeDocument.activeLayer.bounds[3].value - activeDocument.activeLayer.bounds[1].value;
// Canvas relative X axis alignment variables
var XL = canvasLeft - layerLeft; // X left
var XC = (canvasXCenter - layerLeft - layerWidth) / 2; // X center
var XR = canvasRight - layerRight; // X right
// Canvas relative Y axis alignment variables
var YT = canvasTop - layerTop; // Y top
var YC = (canvasYCenter - layerTop - layerHeight) / 2; // Y center
var YB = canvasBottom - layerBottom; // Y bottom
var YU = YT; // Y upper = top
var YL = YB; // Y lower = bottom
// Align layer X, Y - using .eval() to parse the prompt string as a statement
eval("activeDocument.activeLayer.translate(" + userInput + ")");
}
}());
}
activeDocument.suspendHistory("Align Masked Layers to Canvas Using Mask Bounds", "main()");
Saving and Installing:
- Copy the code text to the clipboard
- Open a new blank file in a plain-text editor (not in a word processor)
- Paste the code in
- Save the text file as .txt
- Rename the file extension from .txt to .jsx
- Install or browse to the .jsx file to run (see below)
https://prepression.blogspot.com/2017/11/downloading-and-installing-adobe-scripts.html#Photoshop
AdChoices
