クリエイター手抜きプロジェクト[315]Photoshop CS3〜6編 100枚の画像のサムネールを作成し1枚にまとめる/古籏一浩

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


今回は、フォルダ内にある100枚のJPEG画像のサムネールを作成し、1枚にまとめるスクリプトです。実際のサンプルとしては、以下の画像になります。

< http://footage3.openspc2.org/sozai/manga/castle/nagano/matsumoto/20120311-1.jpg >

サムネール画像のサイズは64×64で、それらが縦横10×10枚並びます。ちなみに、漫画/アニメ用の背景用資料として撮影してきたものをまとめて、わかりやすくするために作成したスクリプトです。

漫画/アニメ背景用資料写真
< http://footage3.openspc2.org/sozai/manga/ >

写真はカシオのデジカメEX-ZR100の、アート風にしてくれる機能(HDR ART)を利用して撮影しています。

EX-ZR100
< http://casio.jp/dc/products/ex_zr100/hdr/ >

漫画を作成するソフトであるコミPo!であれば、これらの素材を読み込んで利用できますし、さらに漫画っぽい背景にする機能を使えば、キャラクタとなじむと思います。





(function(){
var folder = Folder.selectDialog("フォルダを選択してください");
if (!folder){ return; }
var saveUnit = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;
var docObj = documents.add(640, 640);
var fileList = folder.getFiles("*.jpg"); // JPEGのみ処理
var count = 0; // 参照するファイルの位置を示す
for(var y=0; y<10; y++){
for(var x=0; x<10; x++){
app.open(fileList[count]);
app.activeDocument.resizeCanvas(3648+30, 3648+30, AnchorPosition.MIDDLECENTER);
app.activeDocument.resizeImage(64, 64); // 64x64サイズに画像を縮小
app.activeDocument.selection.selectAll(); // 全てを選択
app.activeDocument.selection.copy(); // コピー
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
var selReg = [ [x*64, y*64],
[x*64+64, y*64],
[x*64+64, y*64+64],
[x*64, y*64+64],
[x*64, y*64]];
docObj.selection.select(selReg);
docObj.paste(true);
docObj.selection.deselect();
docObj.flatten();
count++;
if (count >= fileList.length){
preferences.rulerUnits = saveUnit;
return;
}
}
}
preferences.rulerUnits = saveUnit;
})();


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

ようやく、梅も桜も咲きました。例年よりも、かなり遅い状態ですが、暖かくなれば一気に咲くようです。カメラはあれど、撮影に行く時間が減って、なか出かけられません。

インプレスジャパンから出版されている「Google API Expert」シリーズが電子書籍化されました。期間限定で6点セットだと安くなってます。

・達人出版会 - Google API Expertシリーズ電子書籍版 -
< http://tatsu-zine.com/api-expert >

・毎度おなじみASCII.jpの連載
「ブラウザーにファイルを残せるFile system APIの使い方」
< http://ascii.jp/elem/000/000/686/686064/ >

・AndroidのためのHTML5本格アプリ開発【発売中】
< http://www.amazon.co.jp/dp/4897978971/ >

・新標準HTML5 & CSS3辞典【発売中】
< http://www.amazon.co.jp/dp/4844331752/ >

・Google API Expertが解説するHTML5ガイドブック
< http://www.amazon.co.jp/dp/4844329278/ >

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

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

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

・クリエイター手抜きプロジェクト【2011年分まで用意しました】
< http://www.openspc2.org/projectX/ >

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