I receive about 1000 chart images daily that following images are two sample of my images:
Now i want to align values of charts using flip horizontal and use photoshop action or script to apply on 1000 daily images like following:
The left side of the chart bars does not need any changes and photoshop action can divide the images into two parts (left side of chart bars - other sides of chart bars)
next step of action after dividing images, the values on the right side of the chart bars should be selected with Color Range (dark color)
Now i have problem after above step. I must expand selection of values (that i selected by color range) to only left side and selections must extend to the edge of the left border of the layer.
After extending the selections to the leftmost point of the layer, i can convert each selection to specific layer and every layer can filp horizontal.
Finally with above steps photoshop action can align all of my images values.
Does anyone have any ideas to solve my problem?
Please help me in any way you can. If I don't find a solution to this problem, I will lose my job. My only hope is God and this forum and I hope to find a solution for this problem.
2 Correct answers
edited 2023-06-12
// moveNumbersLeftOfBarGraphs
// separate elements in specific graphics, put the bars right and align the numbers on the left;
// 2023, use it at your own risk;
var time1 = Number(timeString());
moveNumbersLeftOfBarGraphs ();
var time2 = Number(timeString());
alert("\nthe script took: "+((time2-time1)/1000)+" seconds\nstart "+time1+"\nend "+time2+"\n\n");
////// move numbers to left of bar graphs //////
function moveNumbersLeftOfBarGraphs () {
if (app.documents.length > 0)
This should perform at least somewhat faster if you want to give it a try:
// moveNumbersLeftOfBarGraphs
// separate elements in specific graphics, put the bars right and align the numbers on the left;
// ideally bars and logos should be colorful to make numbers better identifyable;
// 2023, use it at your own risk;
executeAction( stringIDToTypeID( "revert" ), undefined, DialogModes.NO );
var time1 = Number(timeString());
moveNumbersLeftOfBarGraphs ();
var time2 = Number(timeString());
alert("\
Explore related tutorials & articles
92
Replies
@c.pfaffenbichler wrote:ESTK Photoshop Scripting can be done in AppleScript, Visual Basic and JavaScript – that’s it.
And JavaScript is the preferred choice among those three because it is platform-independent.
Almost all steps have been done to extract values from chart images, but one of the steps I am doing is not very interesting.
when i want to separate chart images to multiple bars i must use left side of images.
i can select left side texts by color range tool like following:
but i need a selection like following selection: 
note that i can select one by one but i can't tech it to photoshop action. i must use a automatic way. for example convert color range selection to second selection that i provide.
If you have any idea for this please share with me.
i attached sample JPG file.
So the original point of the thread is resolved?
I see no realistic option for a »pure« Action to achieve this, again a Script can probably provide a solution.
By @c.pfaffenbichler
yes original point of the thread is resolved.
only my left side selection not very interesting and maybe create a problem for separate images.
yes original point of the thread is resolved.
Then please mark the thread as such.
only my left side selection not very interesting and maybe create a problem for separate images.
If the issue is relevant to your workflow it may well not be very interesting but maybe you should still start a new thread and someone else might have time to chime in.
If the issue is relevant to your workflow it may well not be very interesting but maybe you should still start a new thread and someone else might have time to chime in.
By @c.pfaffenbichler
ok - i will create a new conversation for it. tnq very much
I tried your updated script with following sample but idk why one of logos not removed:
It is black/white so it is not »recognized« as a logo or part of the bar.
By @c.pfaffenbichler
yes but in previous version of your script it removed!
Are you sure?
I can’t remember changing anything in the Script that should affect the distinction of numbers and bars/logos …
Was that graphic part of the original sample set? Otherwise could you provide it?
The original set of samples included graphics with a certain variety (bars and numbers, bars and logos and numbers, bars with integrated logos or flags and numbers, …) so it may be impossible to process them all with one Script.
Ultimately I think you will have to decide if cleaning up this misidentification is worth the speed gains or not.
What percentage (roughly) of the graphics do include black logos that get misatributed?
By @c.pfaffenbichler
oh no
in some samples that i provided to you there are many logos that are black/white like following:
i attach this png sample to my post here.
Of course, I will put another method in the form of an action file here, which you can run on attached JPG file. please check my method that maybe is better and if it possible improve it.
my atn file for run on tt22.jpg : https://drive.google.com/file/d/13ixMJ0Iw8p4mtbNJUvvLHuED4jHAdP1V
I cannot run the Action as it seems the Scripts used in the Action were not located in the Presets/Scripts-Folder but selected manually.
Ultimately I think you should try to consolidate the Scripts as much as possible and move as much as possible from the Action into Script/s.
But this depends on how comfortable you are with Scripting yet and if an Action does what you need (and the time it takes is acceptable) then it is perfectly legitimate to stick with an Action/Script-combination.
Discerning black numbers and black logos was, if I remember correctly, part of the problem in the earlier thread of yours.
As far as Photoshop automation is concerened there are neither numbers nor logos nor bars in the images – just pixels.*
If you can think of some way to unequivocally distinguish the black logos from the numbers by a plain, quantifyable property it might be able to automate, but I am not optimistic in that regard.
*: Actually Photoshop appears to have at least some access to OCR (see Type > Match Font) and other, AI-based, »object-recognition«-features but for automation those appear to be irrelevant at current.
Ultimately I think you should try to consolidate the Scripts as much as possible and move as much as possible from the Action into Script/s.
But this depends on how comfortable you are with Scripting yet and if an Action does what you need (and the time it takes is acceptable) then it is perfectly legitimate to stick with an Action/Script-combination.
By @c.pfaffenbichler
yes i want to share you my action mthods as javascript format but i have following problem:
https://community.adobe.com/t5/photoshop-ecosystem-discussions/how-to-remove-option-window-from-this...
I
By @c.pfaffenbichler
can you tell me what is your solution for following selection?
in above i want select to numbers in unified. the selection of numbers should not be merged with the selection of logos.
in above example if i expand selection 2 more then selection of numbers will be integrated but the selection of some logos will be merged with the selection of some numbers.
In this case you would need to find another property that can be used to distinguish »numbers« and »logos«.
Possible options might be the width of the »strokes« (the lines of the logo being a bit thicker) or the height (but I think in a previous example the height-difference was very small for some logo/s when the descender of the comma is factored in).
I am not optimistic that you will be able to fully automate these approaches to produce reliable results.
By @c.pfaffenbichler
or maybe can use »flip vertically« and »minimum filter«.
I
By @c.pfaffenbichler
The script below is my final method that probably the general method I use will work on all chart images, even in cases where the logos are the same color as the values:
https://drive.google.com/file/d/1nyZLW9eNiapdBZ3mwPlhtMIoLOKpipok/view?usp=sharing
The only problem that it have is that it is long and takes a long time to complete.
If it possible plz check my super beginner method and provide ideas to improve it.
note that my script is on step-by-step mode and replace following lines in »main.jsx« with path of zip file sub-scripts:
Line 54452
Line 54617
Line 54722
Line 55638
Line 55690
The Scipt fails at line 55115 here (see screenshot).
• You seem to waste many lines by wrapping each individual move or select etc. into a function of its own instead of using one function that takes the necessary variables as input (the name or index of the layer that is to be affected for example and the amount of the movement) and using that repeatedly.
How often is »Layer Via Copy« present as a function of its own?
• The function step6 alone seems to account for tens of thousands of lines of code … by setting the points individually in code instead of handling the point-corrdinate-arrays with a for clause for example.
These points might not make a (lot of) difference with regard to running-time but to me it makes this Script too hard to read.
The Scipt fails at line 55115 here (see screenshot).
By @c.pfaffenbichler
I don't write this script. I only record my method in action format and then convert it to script and share with you. I only want to you understand my method.
I don't know why you say get error with my script. When you see the following test, you will notice that the script works perfectly:
If i share you ATN file then you can't set sub-scripts in action file.
My method is to first convert the chart images into separate bars using the left side. after that, I try to select right sides numerical values in unified by flipping vertical all the separated parts and using the color range tool. Finally, I add the white parts on the right side of the numerical values to the color range selection using the magic wand tool. In fact, I try to select the entire right side of the numerical values along with the numerical values themselves and at last flip horizontal to right.
T
By @c.pfaffenbichler
Need something to convert above selection to following selection and flip rightmost selections in each line to the right:
with this method even logos that have same color to values will remove 🙂
»Flip_only_selected_layers_horizontal.jsx« uses DOM-code for the flipping, using AM-code instead can speed this up.
You can use the Script below to test the speed difference. (Here the DOM version takes about 0.283 seconds, the AM version about 0.149 seconds.)
It seems possible, but it is not guaratneed, that abandoning Actions and recreating the whole process as one meaningful Script might provide some additional speed gains. And even if they are small they might matter at volume.
As for your new idea I am not interested; maybe you should start a new thread and someone else might take an interest in the task.
#target photoshop
executeAction( stringIDToTypeID( "revert" ), undefined, DialogModes.NO );
var time1 = Number(timeString());
test1 ();
var time2 = Number(timeString());
executeAction( stringIDToTypeID( "revert" ), undefined, DialogModes.NO );
var time3 = Number(timeString());
test2 ();
var time4 = Number(timeString());
alert("\nscript1 took: "+((time2-time1)/1000)+" seconds\nstart "+time1+"\nend "+time2+"\nscript2 took: "+((time4-time3)/1000)+" seconds\nstart "+time3+"\nend "+time4+"\n\n");
/* Start Process selected layers - from jazz-y */
function test1 () {
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);
/* End Process selected layers - from jazz-y */
// Your code here:
if (activeDocument.activeLayer.isBackgroundLayer == false) {
var vis = activeDocument.activeLayer.visible; //save whether the layer was visible or not
activeDocument.activeLayer.visible = true; //set to visible so the layer is editable
activeDocument.activeLayer.resize(-100, undefined, AnchorPosition.MIDDLECENTER); //flip the layer
activeDocument.activeLayer.visible = vis; //set the visibility back to what it was before editing
}
else {
activeDocument.activeLayer.visible = true; //set to visible so the layer is editable
activeDocument.activeLayer.isBackgroundLayer = false; //transform background layer into normal layer
activeDocument.activeLayer.resize(-100, undefined, AnchorPosition.MIDDLECENTER); //flip it
activeDocument.activeLayer.isBackgroundLayer = true; //turn back into backgorund layer
}
}
};
// version with less dom code;
function test2 () {
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')));
var ref = new ActionReference();
ref.putIdentifier( charIDToTypeID( "Lyr " ), p);
var layerDesc = executeActionGet(ref);
var isBackground = layerDesc.getBoolean(stringIDToTypeID("background"));
var theVisibility = layerDesc.getBoolean(stringIDToTypeID('visible'));
(r = new ActionReference()).putIdentifier(s2t('layer'), p);
(d = new ActionDescriptor()).putReference(s2t("target"), r);
executeAction(s2t('select'), d, DialogModes.NO);
/* End Process selected layers - from jazz-y */
if (theVisibility == false) {showOrHideLayer (true)};
if (isBackground == true) {selectAll ()};
flipHorizontally ();
if (isBackground == true) {deselect ()};
if (theVisibility == false) {showOrHideLayer (false)};
}
};
//////
function showOrHideLayer (theCheck) {
if (theCheck == false) {var idhide = stringIDToTypeID( "hide" )}
else {var idhide = stringIDToTypeID( "show" )};
try {
var desc22 = new ActionDescriptor();
var list2 = new ActionList();
var ref8 = new ActionReference();
ref8.putEnumerated( stringIDToTypeID( "layer" ), stringIDToTypeID( "ordinal" ), stringIDToTypeID( "targetEnum" ) );
list2.putReference( ref8 );
desc22.putList( stringIDToTypeID( "null" ), list2 );
executeAction( idhide, desc22, DialogModes.NO );
} catch (e) {}
};
//////
function deselect () {
var desc5 = new ActionDescriptor();
var ref1 = new ActionReference();
ref1.putProperty( stringIDToTypeID( "channel" ), stringIDToTypeID( "selection" ) );
desc5.putReference( stringIDToTypeID( "null" ), ref1 );
desc5.putEnumerated( stringIDToTypeID( "to" ), stringIDToTypeID( "ordinal" ), stringIDToTypeID( "none" ) );
executeAction( stringIDToTypeID( "set" ), desc5, DialogModes.NO );
};
//////
function selectAll () {
var desc216 = new ActionDescriptor();
var ref1 = new ActionReference();
ref1.putProperty( stringIDToTypeID( "channel" ), stringIDToTypeID( "selection" ) );
desc216.putReference( stringIDToTypeID( "null" ), ref1 );
desc216.putEnumerated( stringIDToTypeID( "to" ), stringIDToTypeID( "ordinal" ), stringIDToTypeID( "allEnum" ) );
executeAction( stringIDToTypeID( "set" ), desc216, DialogModes.NO );
};
//////
function flipHorizontally () {
var desc6 = new ActionDescriptor();
var ref2 = new ActionReference();
ref2.putEnumerated( stringIDToTypeID( "layer" ), stringIDToTypeID( "ordinal" ), stringIDToTypeID( "targetEnum" ) );
desc6.putReference( stringIDToTypeID( "null" ), ref2 );
desc6.putUnitDouble( stringIDToTypeID( "width" ), stringIDToTypeID( "percentUnit" ), -100.000000 );
desc6.putBoolean( stringIDToTypeID( "linked" ), true );
executeAction( stringIDToTypeID( "transform" ), desc6, DialogModes.NO );
};
////// function to get the date //////
function timeString () {
var now = new Date();
return now.getTime()
};
»Flip_only_selected_layers_horizontal.jsx« uses DOM-code for the flipping, using AM-code instead can speed this up.
By @c.pfaffenbichler
And what about »Flip_only_selected_layers_verticaly.jsx« ?
If I use ChatGPT to convert your code to vertically version, will its speed increase?
AdChoices
