2010/01/31 操作性の向上や合成バリエーションを増やした新版を公開しました! → こちら
画像に任意のテキストを半自動で合成して、WEB用保存するPhotoshopスクリプトを作成しました。
先日に初めて知って閲覧したダニーチュー氏のサイトを見てクールだと思ったから、まずはマネをしてみます。
写真が上手いのは言わずもがな、画像の右下に入っているテキストがなんだが格好良いと思いました。
画像に任意のテキストを半自動で合成して、WEB用保存するPhotoshopスクリプトを作成しました。
先日に初めて知って閲覧したダニーチュー氏のサイトを見てクールだと思ったから、まずはマネをしてみます。
写真が上手いのは言わずもがな、画像の右下に入っているテキストがなんだが格好良いと思いました。
初めはアクションでバッチ処理を試みましたが、画像の縦横比、絶対サイズが違うと対応できません。
(ほんとは出来たらすみません。私はアクションもろくに使っていないので。。。)
そこで、Adobeソフトではプログラムで色々と自動化出来るらしいのを思い出したので、やってみることにしました。
ちなみに私は、WEBが好きなのにも関わらず、HTMLとCSSだけしか分からず、JavaScriptは全く持ってわかりません。
以下のサイトを参考にさせていただきました。
Google先生にガイドしてもらいました。
サンプルコードを参考にしたり、そのまま組み込んでいるものもあります。
- Adobe Photoshop CS2自動化作戦
- クリエイター手抜きプロジェクト (Photoshop編)
- そらかぜ工場 Photoshop Scripting 覚書き
- PhotoShop JavaScript(ExtendScript) のメモ : ホコホコ
- Photoshopで漫画の台詞を一括作成 - juan の日記
【スクリプトの仕様】
・jpgのWEB用書き出し限定
・任意の設定に変更可能
埋め込むテキスト
使用フォント
フォントサイズ
画像右下からのマージン
合成モード
テキスト色
テキスト透明度
保存フォルダ
任意の接頭詞付加
WEB用jpgの画質設定
[保存フォルダ]も設定しなければならないのが面倒ですか、現時点ではこれが限界。
【使い方:準備編】
ページ下部のリンクからzipファイルをダウンロードして解凍。
Photoshopを起動し、テキストツールを選んで挿入したいフォントを選んでおく。
fontmei.jsxを実行しすると、フォント名が表示されるのでメモしておきます。
【使い方:設定上の注意】
text_logo_auto_add.jsxをテキストエディタで開き、適宜項目を設定する。
フォント名には、先ほどメモしたものを入れてください。
保存フォルダは絶対パスで指定してください。
Windowsでは「¥」と「/」で試してみてください。
【使い方:本番】
予め、処理したい画像をPhotoshopで開いておきます。
text_logo_auto_add.jsxを実行します。
指定フォルダに保存されます。
開いてある画像は保存せずに閉じてください。
初期設定で上手くいけばこうなります。
自分が妥協できる範囲で作成したので万人向けではないと思いますが、よければつかってみてください。
プログラマーではないので、きちんとしたレスポンスは出来ないと思いますが、エラーや、使用に関しての質問等あれば受け付けます。
◆ダウンロードはこちら↓◆
text_logo_auto_add.zip
プログラマーではないので、きちんとしたレスポンスは出来ないと思いますが、エラーや、使用に関しての質問等あれば受け付けます。
◆ダウンロードはこちら↓◆
text_logo_auto_add.zip

コメントする