Import a picture file into Photoshop and position it at a designated location

Question

Import a picture file into Photoshop and position it at a designated location

I need assistance with developing a function that can load an image and position it at specific x, y coordinates in Photoshop.

Below is the code I have so far:

var docRef = app.activeDocument;

function MoveLayerTo(fLayer, fX, fY) {

var Position = fLayer.bounds;
Position[0] = fX - Position[0];
Position[1] = fY - Position[1];

fLayer.translate(-Position[0], -Position[1]);
}

var doc = app.documents.add();
MoveLayerTo(doc, 12, 24)

}

However, when attempting to execute the code, I encounter the following error message:

Error 21: undefined is not an object.

I am seeking advice on debugging this issue and resolving it to make my code functional. Any suggestions?

javascript photoshop

Answer 1

Answer №1

Not specifying a layer, but providing a complete document instead raises some issues. The Reference shows that Document does not include a member called bounds.

You seem to be working on an empty image file by calling documents.add and using the newly created image. However, it appears you actually want to work on the active document.

If your goal is to select the topmost layer of the provided document, you may need to take different steps. Keep in mind that if this is a basic image (like png or jpeg), the existing layer is likely locked and cannot be translated. In such a case, follow these steps:

Duplicate the layer first
Remove the original layer
Translate the duplicated layer
Reduce the image to just a background image

var layerOrig = docRef.layers[0];
var layerCopy = layerOrig.duplicate();
layerOrig.remove();
MoveLayerTo(layerCopy, 12, 24)
docRef.flatten();
// Optional: save the result

IMPORTANT: Only perform this process with flat images (e.g., .png, .jpeg). Do not attempt this with .psd files as flattening the image at the end will result in losing all layer information once saved!

Answer 2

Not specifying a layer, but providing a complete document instead raises some issues. The Reference shows that Document does not include a member called bounds.

You seem to be working on an empty image file by calling documents.add and using the newly created image. However, it appears you actually want to work on the active document.

If your goal is to select the topmost layer of the provided document, you may need to take different steps. Keep in mind that if this is a basic image (like png or jpeg), the existing layer is likely locked and cannot be translated. In such a case, follow these steps:

Duplicate the layer first
Remove the original layer
Translate the duplicated layer
Reduce the image to just a background image

var layerOrig = docRef.layers[0];
var layerCopy = layerOrig.duplicate();
layerOrig.remove();
MoveLayerTo(layerCopy, 12, 24)
docRef.flatten();
// Optional: save the result

IMPORTANT: Only perform this process with flat images (e.g., .png, .jpeg). Do not attempt this with .psd files as flattening the image at the end will result in losing all layer information once saved!

Import a picture file into Photoshop and position it at a designated location

Answer №1

Similar questions

Error encountered during Atom execution - The command '/usr/bin/env: 'node' was not found in the directory

What is the best way to connect a relative CSS stylesheet to a master page?

Having a collection of JSON objects, I am unable to remove an element using the pop() method in JavaScript

Add items to a separate array only if the material UI checkbox is selected

I. Discovering the Step-by-Step Guide on Retrieving User Information from Facebook Upon Generating App

How can I simply show a specific value from an object in Vue?

"Troubleshooting IE-specific problem: Loading dropdown options dynamically with AJAX on change

Is Angular 4 failing to set headers properly or is Express.js searching in the wrong place?

Cause: Trying to serialize an `object` that is not JSON serializable (such as a "[object Date]"). Ensure that only JSON serializable data types are returned

Adding data to an AngularJS template

Does Material-UI MenuItem pass arguments to the onClick handler function?

method that provides route-specific variable outputs

Storing values globally in NodeJS from request headers

The Express Generator is having trouble detecting the routes within the users file when using app.use('/login', users)

Is it possible to incorporate Vue and Vuetify into an existing project that requires IE compatibility?

Load a script in a specific div using React

Attempting to trigger the timer to begin counting down upon accessing the webpage

Retrieve JSON data within React without the need for importing it

Utilizing Chart.js with Vue for dynamic time axis plots from JSON data through computed properties

Issue with symbol not functioning on different device