タグ

2013年1月9日のブックマーク (4件)

  • ASCII.jp:PhotoshopのフィルターをJavaScriptで作る!|古籏一浩のJavaScriptラボ

    Adobe PhotoshopもJavaScriptをサポート JavaScriptにはInternet ExplorerやFirefox、Safariなど、Webブラウザー上で動作するもの、というイメーシがありますが、JavaScriptデスクトップアプリケーションにも活躍の場を広げています。 特に、「Photoshop」に代表されるアドビ システムズのアプリケーションのほとんどがJavaScriptをサポートしており、Photoshopや「Bridge」「After Effects」 はソケット通信まで対応しています。つまり、Webサーバーにアクセスして必要なデータを受け取り、Photoshopで画像を加工し保存する、といったことがJavaScriptで自動化できるのです。さらにBridgeと連携すれば、FTPを使って加工した画像データをサーバーに転送する、といった処理まで自動化でき

    ASCII.jp:PhotoshopのフィルターをJavaScriptで作る!|古籏一浩のJavaScriptラボ
    memo_lab
    memo_lab 2013/01/09
    jsxでフィルタを作成
  • PhotoshopでのWeb制作効率を向上させる「JSX」とは

    ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は来写真加工用のソフトでありWebデザイン用のソフトではないため、特にレイアウト機能が Fireworks、Illustrator、InDesign などに比べ貧弱です。 しかし、JSX を使用することにより Photoshop のレイアウト機能やWeb制作向けの機能をある程度向上させることができます。 JSX は昔から Photoshop に搭載されていましたが、書き方の参考になるような書籍やサイトが少ないためかそれ程注目されていなかった気がします。 しかし、最

    PhotoshopでのWeb制作効率を向上させる「JSX」とは
    memo_lab
    memo_lab 2013/01/09
    jsx組み込みの実例
  • photoshopで大量のPDFファイルを自動生成する -前篇- (視覚の記憶)

    今回はまじめにチュートリアルを・・・初。 自分がとても助かったので、他の人の参考になればということでブログに掲載しておきます。 今回は「デザインは同じで、テキストや挿入している画像が個々で違う」というPDFファイルを大量に作成する方法をご紹介します。 この作業はphotoshopでの場合です。おおまかに4つの工程があります。 ①変数設定 ②データセットの作成・設定 ③書き出し ④PSDファイルからPDFへの変換 ちょっと難しそうですが、意外と簡単♪でも長くなりそうなので、前篇・後編にわけて今回は①~③までをご紹介します。 入れ替えていくのは「①わんちゃんの画像」「②吹き出しの中のテキスト」 「③わんちゃんの名前」の3つです。 ------------------------------------------------------------- step1:変数の設定 今、

    memo_lab
    memo_lab 2013/01/09
    CSV読み込み書き出し。画像の読み込みとPSD以外への変換。
  • hoelog - Photoshop自動化:外部ファイルから画像生成

    普段の作業を手抜き楽にするためにPhotoshopを自動化させてみる。CS3でやるよ。 単純な作業を自動化するのって「アクション」を使うことが多いけど、ほんとに決まったことしかできないです。条件に合わせたいくつかのアクションを考えるよりも「スクリプト」機能を使った方がいろいろできるようです。 Photoshopで使用できるスクリプトにはVBScript、AppleScript、JavaScriptがあります。VBScriptはWindowsAppleScriptはMacでしか動きません。JavaScriptだと両方使えるのでJSで組んでいくことにします。もちろんそれぞれにできることが少し違ったりするんですが、Photoshop上で動かすぶんにはJSで十分です。 テキストを外部ファイルから読み出してメニューを動的に生成してみる とにかく作ってみる。上のようなPSDを用意します。テキ

    memo_lab
    memo_lab 2013/01/09
    jsx記載例