クリエイター手抜きプロジェクト[334]Illustrator CS3〜6編 指定した色相の塗りにする/古籏一浩

投稿:  著者:  読了時間:6分(本文:約2,800文字)


Illustratorでは複数の図形を選択して、色相だけを変更することはできません。変更すると、選択した図形がすべて同じ色になってしまいます。場合によっては、彩度や輝度はそのままで、色味だけ統一したい場合があります。

Illustratorにはカラーを扱う機能が追加されましたが、今回のようなスクリプトが役立つ場合もあるかもしれません。

スクリプトを実行すると、色相を入力するようにダイアログが表示されます。色相は0〜360です。色相はカラーパネルでHSBカラー表示を選択した際に表示されるH(Hue/彩度)の値です。例えば0を入力すると赤色になり、120なら緑色になります。





// 指定した色相で塗る。彩度や輝度はそのまま
(function(){
var defH = prompt("色相を入れて下さい", 0);
if (!defH){ return; }
defH = parseFloat(defH);
// 選択処理
var selObj = app.activeDocument.selection;
for(var i=0; i<selObj.length; i++){
RGBcolor = selObj[i].fillColor;
var R = RGBcolor.red;
var G = RGBcolor.green;
var B = RGBcolor.blue;
//$.writeln("RGB = "+R+","+G+","+B);
var HSB = RGBtoHSB(R, G, B);
var H = HSB.H; // 色相(今回は使っていない)
var S = HSB.S;
var B = HSB.B;
//$.writeln("HSB : "+H+", "+S+", "+B);
var tempRGB = HSBtoRGB(defH, S, B);
var myRGB = new RGBColor();
//$.writeln("temp:"+tempRGB.R+", "+tempRGB.G+", "+tempRGB.B);
myRGB.red = Math.floor(tempRGB.R*255);
myRGB.green = Math.floor(tempRGB.G*255);
myRGB.blue = Math.floor(tempRGB.B*255);
//$.writeln(myRGB.red+", "+myRGB.green+", "+myRGB.blue);
selObj[i].fillColor = myRGB;
}
})();
// RGBからHSB (R:0~255, G:0〜255, B:0〜255, h:0〜360, s:0〜1, B:0〜1)
function RGBtoHSB(r, g, b){
var h = s = v = 0;
if ( r >= g) cmax = r; else cmax = g;
if ( b > cmax) cmax = b;
if ( r <= g) cmin = r; else cmin = g;
if ( b < cmin) cmin = b;
v = cmax;
var c = cmax - cmin;
if (cmax == 0) s = 0; else s = c/cmax;
if (s != 0){
if (r == cmax){ h = (g - b)/c;
}else{
if (g == cmax){ h = 2 + (b - r)/c;
}else{
if (b == cmax) h = 4 + ( r - g)/c;
}
}
h = h * 60;
if (h < 0) h = h + 360;
}
return { H:h, S:s, B:v/255 }
}
// HSBからRGB (R:0~1, G:0〜1, B:0〜1, h:0〜360, s:0〜1, B:0〜1)
function HSBtoRGB(h, s, v){
var r = g = b = 0;
if (s < 0) s = 0;
if (s > 1) s = 1;
if (v < 0) v = 0;
if (v > 1) v = 1;
h = h % 360;
if (h < 0) h = h + 360;
h = h / 60;
i = Math.floor(h);
var f = h - i;
p1 = v * (1 - s);
p2 = v * (1 - s*f);
p3 = v * (1 - s*(1 - f));
if (i == 0) { r = v; g = p3; b = p1; }
if (i == 1) { r = p2;g = v; b = p1; }
if (i == 2) { r = p1;g = v; b = p3; }
if (i == 3) { r = p1;g = p2; b = v; }
if (i == 4) { r = p3;g = p1; b = v; }
if (i == 5) { r = v; g = p1; b = p2; }
return { R:r, G:g, B:b }
}


【古籏一浩】openspc@alpha.ocn.ne.jp
< http://www.openspc2.org/ >

Nexus 7にBluetoothキーボードとマウスを接続してみました。これだとパソコンいらないかも。7インチタブレットは単なるブームでなく定着していきそうな感じ。やはり、ここが主戦場なのかも。関係ないけど「平清盛」の文字の中に元号の「平成」がうまく入ってる...

・Nexus 7(アンドロイドタブレット)使い方辞典
< http://www.openspc2.org/reibun/Android/Nexus7/ >

・すべての人に知っておいてほしい jQuery & jQuery Mobileの基本原則
< http://www.amazon.co.jp/dp/4844362984 >

・HTML5ガイドブック 増補改訂版
 お得なHTML5ガイドブック増補改訂版+その他のExpert本のセットもあります。
【11/14まで】
< http://www.amazon.co.jp/dp/4844332937 >
< http://direct.ips.co.jp/book/Template/Goods/go_contentimp.cfm?GM_ID=EL120067&SPM_ID=1&CM_ID=0071000&PM_No=51&PM_Class=N&HN_NO=00400 >

・JavaScript逆引きハンドブック
< http://www.amazon.co.jp/dp/4863541082 >

・10日で覚えるHTML5入門教室
< http://www.amazon.co.jp/dp/4798124184 >

・改訂5版JavaScriptポケットリファレンス
< http://www.amazon.co.jp/dp/4774148199 >

・ハイビジョン映像素材集
< http://www.openspc2.org/HDTV/ >

・クリエイター手抜きプロジェクト
< http://www.openspc2.org/projectX/ >

・Adobe Illustrator CS3 + JavaScript 自動化サンプル集
< http://www.openspc2.org/book/PDF/Adobe_Illustrator_CS3_JavaScript_Book/ >
吉田印刷所の「印刷の泉」でも購入できるようになりました。