1 Correct answer
Knowing the color of the start and end gradient stops and the distance to the new stops, we can use linear interpolation to calculate the color at those points. This is what Adobe itself does with rounding. I wrote about this "Get SpotColor tint color".
main();
function main() {
var item = app.selection[0]; // select item
var origin = item.fillColor.origin[0];
var length = item.fillColor.length;
var bounds = item.geometricBounds;
var bound1 = bounds[0];
var bound2 = bounds[0] + (b
Explore related tutorials & articles
14
Replies
So the gradient and object already exist, so the script doesn't need to create the gradient. Yes, I do want to add stops in between, but not at chosen or specific percentages. I wanted to know if I could script it to determine bounding box of object and add a two new stops at points equivelent to that object's bounding box. See picture.
This is fantastic and so close, thank you for taking the time to help. I have one last question, the script as shared adds the stop exactly where I expect them, but the fill isn't the value that exists at that point, its adding a stop with the end point color. Is this possible?
Knowing the color of the start and end gradient stops and the distance to the new stops, we can use linear interpolation to calculate the color at those points. This is what Adobe itself does with rounding. I wrote about this "Get SpotColor tint color".
main();
function main() {
var item = app.selection[0]; // select item
var origin = item.fillColor.origin[0];
var length = item.fillColor.length;
var bounds = item.geometricBounds;
var bound1 = bounds[0];
var bound2 = bounds[0] + (bounds[2] - bounds[0]);
var gradient1 = item.fillColor.gradient;
var start = gradient1.gradientStops[0].color;
var end = gradient1.gradientStops[gradient1.gradientStops.length - 1].color;
var stop1 = gradient1.gradientStops.add();
stop1.rampPoint = (bound1 - origin) / length * 100;
stop1.color = setLerpColor(start, end, stop1.rampPoint);
var stop2 = gradient1.gradientStops.add();
stop2.rampPoint = (bound2 - origin) / length * 100;
stop2.color = setLerpColor(start, end, stop2.rampPoint);
}
function setLerpColor(start, end, dist) {
var t = dist / 100;
var arr = [];
var newColor;
for (var key in end) {
if (typeof end[key] === 'number') {
arr.push( Math.round( lerp(start[key], end[key], t) ) );
}
}
if (/rgb/i.test(activeDocument.documentColorSpace)) {
newColor = new RGBColor();
newColor.red = arr[0];
newColor.green = arr[1];
newColor.blue = arr[2];
} else {
newColor = new CMYKColor();
newColor.cyan = arr[0];
newColor.magenta = arr[1];
newColor.yellow = arr[2];
newColor.black = arr[3];
}
return newColor;
}
function lerp(start, end, t) {
return start + (end - start) * t;
}
In this example, after adding black, we need to move the purple color (1) to where we want to put black (2) and assign it a black color. Then we need to place the black color (2) on the position (1) and replace the black color with the purple color. I solved this problem in another script.
… So the gradient and object already exist, so the script doesn't need to create the gradient. …
… I wanted to know if I could script it to determine bounding box of object and add a two new stops at points equivelent to that object's bounding box…
By @culver-king
No. That is IMHO not possible with the current DOM (if the gradient exceeds the object boundaries).
That seems to be the only solution at the moment:
Remove the old gradient and create a new one with your desired values, as @femkeblanco has already mentioned.
Interesting.
I have never used an origin or length for gradients. Excellent solution @femkeblanco
[ edited by pixxxelschubser ]
AdChoices
