Skip to main content
J
jnv93729390
Known Participant
July 17, 2019
Answered

Paste elements from a PSD to specifics coordinates

  • July 17, 2019
  • 4 replies
  • 1525 views

Greetings everyone,

I've a quite complexe challenge and my only hope would be through a JavaScript.

I don't know javascript yet and I'm trying to figure out how to do it.

I've got PSD documents with various objects on it (text, images ...) and some of those images represent numbers (see the Yellow dots).

My challenge is to transform those dots (images) onto a text box, at the exact same place and filed with the name of the object (each object is named "01", "02" ...).

My guess is to use the coordinates of each dot's layer, save them as variables, paste a text boxfrom another document on the page and then assign the saved coordinates to this new text box. I've no clue for pasting the object name into this text box though ...

By the same time, I would need a script that can past the title of the document to a specific place on the document.

Any help from you guys would be greatly appreciated

Many thanks in advance

This topic has been closed for replies.
Correct answer Chuck Uebele

If the dots are on different layers, then it should be relatively easy, but how will you know which dot goes with what text? Basically, to paste into a spot would be easiest to just paste into the file, then move the text layer to the dot's location. That involves getting both the location of your text and the dot, then figuring out the delta change between the two:

var doc = activeDocument;
var dotLayer = doc.layers.getByName('dot layer');
var textLayer = doc.layers.getByName('text layer');
var dotLayerCenterX = (dotLayer.bounds[0] + dotLayer.bounds[2])/2;
var dotLayerCenterY = (textLayer.bounds[1] + textLayer.bounds[3])/2;
var textLayerCenterX = (textLayer.bounds[0] + textLayer.bounds[2])/2;
var textLayerCenterY = (textLayer.bounds[1] + textLayer.bounds[3])/2;
//move text layer
textLayer.translate(dotLayerCenterX-textLayerCenterX, dotLayerCenterY-textLayerCenterY);

4 replies

J
jnv93729390Author
Known Participant
July 19, 2019

Well, Chucj, thanks to your help, I managed to write a correct script that actually go trought my Layer Set and attribute the good name to the text box

My last problem is the misalignement with the original Dot. Any idea?

My final code

  1. var doc = app.activeDocument; 
  2. var dotGp = doc.layers.getByName('PUCES');
  3. var j = 0
  8. // Create the Layer set "Text"
  9. var setName = 'Text'; 
  10. try{doc.activeDocument = doc.layerSets.getByName (setName)} 
  11. catch(e){ 
  12.         doc.layerSets.add(); 
  13.         doc.activeLayer.name = setName 
  14.     }
  15. // Set the Left() function
  16. String.prototype.left = function(n) {
  17.     return this.substring(0, n);
  18. }
  20.     for(var i=0;i<dotGp.layers.length;i++){ 
  21.     
  22. var TextBox = doc.layerSets.Text
  25. //Management of the active Layer
  26. var dotLayer = doc.layerSets.PUCES.layers
  27. var dotLayerName = dotLayer.name
  28. var dotLayerNameShort = dotLayerName.left(2);
  31. // Function to create the text box
  32. createText("Arial-BoldMT", 29, 255,255,255, dotLayerNameShort, 100, 50)
  33. activeDocument.activeLayer.name = dotLayerNameShort
  34. activeDocument.activeLayer.textItem.justification = Justification.CENTER
  37.     function createText(fface, size, colR, colG, colB, content, tX, tY){
  38.      
  39.   // Add a new layer in the new document
  40.   var artLayerRef = doc.artLayers.add()
  43.   // move the layer to the layer set Text
  44.   artLayerRef.move(TextBox, ElementPlacement.INSIDE)
  45.  
  46.   // Specify that the layer is a text layer
  47.   artLayerRef.kind = LayerKind.TEXT
  50.   //This section defines the color of the hello world text
  51.   textColor = new SolidColor();
  52.   textColor.rgb.red = colR;
  53.   textColor.rgb.green = colG;
  54.   textColor.rgb.blue = colB;
  57.   //Get a reference to the text item so that we can add the text and format it a bit
  58.   textItemRef = artLayerRef.textItem
  59.   textItemRef.font = fface;
  60.   textItemRef.contents = content;
  61.   textItemRef.color = textColor;
  62.   textItemRef.size = size
  63.   textItemRef.position = new Array(tX, tY) //pixels from the left, pixels from the top
  65.  
  66.   var dotLayerCenterX = (dotLayer.bounds[0] + dotLayer.bounds[2])/2; 
  67.   var dotLayerCenterY = (dotLayer.bounds[1] + dotLayer.bounds[3])/2; 
  68.   var textLayerCenterX = (artLayerRef.bounds[0] + artLayerRef.bounds[2])/2; 
  69.   var textLayerCenterY = (artLayerRef.bounds[1] + artLayerRef.bounds[3])/2;
  72. //displace text layer 
  73. artLayerRef.translate(dotLayerCenterX-textLayerCenterX, dotLayerCenterY-textLayerCenterY)
  74. j=j+1
  77. } 
  78.      }; 
Chuck Uebele
Community Expert
Chuck UebeleCommunity Expert
Community Expert
July 19, 2019

I'm not sure why you're getting the offset, unless there is something more in the dot layers than just the dot circle. Can you post a screen shot of just one of the dot layers? Do a ctrl/cmd-T on the layer to show a transform box around the layer so we can see exactly how big the layer is.

Also, While you figured out how to navigate to the next layer in the group, there is a better way. You use the var i instead of j. It's defined while creating the loop, so it changes each time the loop is run. The i++ advances it one number. if you wanted to subtract a number each time, you would use i--. To advance a different amount, other than 1, you could use i+=3, to advance 3 numbers each time.

Chuck Uebele
Community Expert
Chuck UebeleCommunity Expert
Community Expert
July 18, 2019

Ok, if you want to see if a layer has the word text in it you can use:

var doc = activeDocument
var lay = doc.activeLayer
if(lay.name.toLowerCase().indexOf('text')!=-1){alert(true)}
Chuck Uebele
Community Expert
Chuck UebeleCommunity ExpertCorrect answer
Community Expert
July 17, 2019

If the dots are on different layers, then it should be relatively easy, but how will you know which dot goes with what text? Basically, to paste into a spot would be easiest to just paste into the file, then move the text layer to the dot's location. That involves getting both the location of your text and the dot, then figuring out the delta change between the two:

var doc = activeDocument;
var dotLayer = doc.layers.getByName('dot layer');
var textLayer = doc.layers.getByName('text layer');
var dotLayerCenterX = (dotLayer.bounds[0] + dotLayer.bounds[2])/2;
var dotLayerCenterY = (textLayer.bounds[1] + textLayer.bounds[3])/2;
var textLayerCenterX = (textLayer.bounds[0] + textLayer.bounds[2])/2;
var textLayerCenterY = (textLayer.bounds[1] + textLayer.bounds[3])/2;
//move text layer
textLayer.translate(dotLayerCenterX-textLayerCenterX, dotLayerCenterY-textLayerCenterY);
J
jnv93729390Author
Known Participant
July 18, 2019

Hello Chuck,

Thank you for you quick answer and the lines.

as you said, if I was able to at least copy-paste a text box on the coordinates of the Dots, that would be a great improvement

Sahil.Chawla
Adobe Employee
Sahil.Chawla
Adobe Employee
July 17, 2019

Moved to Photoshop Scripting​

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices