Флэш Потрошитель этот | тот | 1.0

Ситуация: ваши неугомонные дизайнеры придумали цветовое кодирование для каждого раздела огромного сайта, это очень нравится заказчику, и теперь нужно изготовить для каждого такого раздела много картинок, адаптированных под конкретный цветовой код раздела. Эти картинки отличаются только цветом определенного слоя - но картинок много, сто штук и больше. И время от времени все сто картинок нужно переделывать - логотип еще меняется, а сайт уже живой - как обычно в вебдваноле. Даже первая переделка может показаться бессмысленной и утомительной.

В такой ситуации важно запрограммировать фотошоп на генерирование нужного кол-ва картинок в автоматическом режиме. И если вас попросят переделать все сто - вы будете иметь меньше работы, а фотошоп - больше. К счастью, в фотошоп встроена неплохая поддержка скриптования и даже специальный отладчик, это называется ExtendScript Toolkit, есть и документация.

Ниже показан скрипт, в цикле изменяющий цвет выбранного в фотошопе слоя и сохраняющий результат в файле с именем заданного формата.

Этот скрипт нужно сохранить в файле с расширением *.jsx и затем выполнить его двойным щелчком или через меню фотошопа "File - Scripts - Browse...".

Параметры кода: массив цветов colorCodes и массив имен файлов fileNames определяют генерируемый набор картинок - каждому имени файла из массива имен соответствует цвет из массива цветов. Цвет colorCodes[i] применяется и файл fileNames[i] сохраняется. savePath указывает на каталог, в который будут складываться файлы, важно - этот каталог должен быть создан до запуска скрипта. saveName - префикс имени файла, редактируйте по вкусу.

Этот скрипт можно немного изменить, чтобы получить решение для своей конкретной задачи. Например, перекрашивать не один, а два слоя и т.д. Код JavaScript:

// File: ChangeColorAndSave.jsx

// Batch modify and save multiple files from single source PSD file.

// Before running the script, make sure you have opened doc

// in Photoshop with Shape layer selected.

// Code derived from several sources, see comments below

// rostyslav.siryk at gmail.com, flash-ripper.com

// Parameters: edit this for your project
var savePath = "d:/local/project/assets/";
var saveName = "logo_"; // extension: gif, example: logo_red.gif
var fileNames = ['red', 'green', 'blue'];
var colorCodes = ['ff0000', '00ff00', '0000ff'];

#target photoshop
app.bringToFront();

// debug level: 0-2 (0:disable, 1:break on error, 2:break at beginning)
$.level = 1;
// debugger; // launch debugger on next line

// Make sure the activeLayer is isn't a Background layer so we can change it
var docRef = app.activeDocument;
docRef.activeLayer.isBackgroundLayer = false;

// Following script was derived from:
// See: ps-scripts.com/bb/viewtopic.php?p=5990#p5990
cTID = function( { return app.charIDToTypeID(s); };
sTID = function( { return app.stringIDToTypeID(s); };

function changeSolidFillLayerColor(color) {
var rgb = color.rgb;
var actionDesc = new ActionDescriptor();
var actionRef = new ActionReference();
actionRef.putEnumerated( sTID('contentLayer'), cTID('Ordn'), cTID('Trgt') );
actionDesc.putReference( cTID('null'), actionRef );
var actionDescNew = new ActionDescriptor();
var actionDescRGB = new ActionDescriptor();
actionDescRGB.putDouble( cTID('Rd '), rgb.red );
actionDescRGB.putDouble( cTID('Grn '), rgb.green );
actionDescRGB.putDouble( cTID('Bl '), rgb.blue );
actionDescNew.putObject( cTID('Clr '), cTID('RGBC'), actionDescRGB );
actionDesc.putObject( cTID('T '), sTID('solidColorLayer'), actionDescNew );
executeAction( cTID('setd'), actionDesc, DialogModes.NO );
};

// debug only: fileNames = ['CLC']; colorCodes = ['BBBBBB'];

for (var i=0; i<fileNames.length; i++)
{
var fileName = savePath + saveName + fileNames[i] + ".gif";
var theColor = new RGBColor();
theColor.hexValue = colorCodes[i];
app.foregroundColor.rgb = theColor;

changeSolidFillLayerColor(app.foregroundColor);

var tmpFile = "./tmp.gif";
tmpFile = new File(tmpFile);

var gifOpts = new ExportOptionsSaveForWeb();
gifOpts.quality = 1;

activeDocument.exportDocument (tmpFile, ExportType.SAVEFORWEB, gifOpts);

// See here: stackoverflow.com/questions/4537316/automate-batch-script-convert-filenames-to-text-in-photoshop
tmpFile.rename (fileName);
tmpFile.changePath(fileName);
}

// See the docs in: Adobe\Adobe Photoshop CS5\Scripting\Documents\Photoshop CS5 JavaScript Ref.pdf

В процессе написания скрипта был удивлен тем, что не предусмотрена банальнейшая возможность изменять цвета - для того, чтобы выполнить такую, казалось бы, простейшую операцию, приходится городить загадочную функцию changeSolidFillLayerColor() (ее автор - не я, он указан в коде). Если вы знаете более простой способ - буду рад услышать