Photoshop Script : ロゴテキスト自動合成スクリプト

| コメント(0) | トラックバック(0)
2010/01/31 操作性の向上や合成バリエーションを増やした新版を公開しました! → こちら

画像に任意のテキストを半自動で合成して、WEB用保存するPhotoshopスクリプトを作成しました。

先日に初めて知って閲覧したダニーチュー氏のサイトを見てクールだと思ったから、まずはマネをしてみます。
写真が上手いのは言わずもがな、画像の右下に入っているテキストがなんだが格好良いと思いました。


初めはアクションでバッチ処理を試みましたが、画像の縦横比、絶対サイズが違うと対応できません。
(ほんとは出来たらすみません。私はアクションもろくに使っていないので。。。)
そこで、Adobeソフトではプログラムで色々と自動化出来るらしいのを思い出したので、やってみることにしました。

ちなみに私は、WEBが好きなのにも関わらず、HTMLとCSSだけしか分からず、JavaScriptは全く持ってわかりません。

以下のサイトを参考にさせていただきました。
Google先生にガイドしてもらいました。
サンプルコードを参考にしたり、そのまま組み込んでいるものもあります。


【スクリプトの仕様】
・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


トラックバック(0)

トラックバックURL: http://web-tracks.net/mt-rana/mt-tb.cgi/7

コメントする

このブログ記事について

このページは、Rana_SAが2009年7月22日 20:55に書いたブログ記事です。

ひとつ前のブログ記事は「DUCATI Streetfighter 試乗 簡単インプレッション」です。

次のブログ記事は「Flickrへの総投稿枚数」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 4.25