Node.js＋Photoshop: Generatorの設計と使い方 | fenomas.com
先月、Photoshop 14.1の新機能として「Generator」が発表されました。色々使ってみると結構面白い技術なので、Generatorの設計、そして使い方を詳しく紹介したいと思います。 まずはいくつかの定義について： GeneratorとはPhotoshop CC（14.1+）に組み込まれるNode.jsサーバを指す Generator プラグイン：Generator に接続するNode.js アプリケーション Generator Core：Node.jsサーバとプラグインの間のコミュニケーションなどを管理するNode.jsライブラリ。ソースはPhotoshopチームのgithubにあり。 Image Asset Generator：少し話題を集めた、自動的に画像アセットを書き出してくれるプラグイン。記事によってこのプラグインのことを「Generator」と呼ぶのでNodeサーバ
JavaScript で PSD Parser を作り始めました : document
9月22 JavaScript で PSD Parser を作り始めました はじめに JavaScript で PSD ファイル (Photoshop Document) をパースする psd.js というのを作り始めました。 以下のURLで公開しています。 https://github.com/imaya/psd.js psd.js と聞いて、なんか前に聞いた事あるって言う人もいると思いますが、以前話題になった psd.js は Twitpic へ譲渡されたあと GitHub で公開しなくなったようなので、３日ほどでまったく新しく作り始めました。 現在できること まだざっくりとしか実装していません。 基本的な parse Image Data, Channel Image Data からキャンバス生成 未実装の部分はすごく大雑把にデータを切り出しているだけです。 将来的にやりたいこと ブ
『ワークフローを振り返るためのPhotoshopScripting』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！！ 2012年度に新卒で入社し、今現在はサイバーエージェントの子会社である株式会社シロクにて、「My365」という写真日記アプリのUIデザインを担当している石山（@t_ishiyama）と申します！ My365とは？ http://my365.in/iPhone, Androidなどのスマートフォンで撮影した写真を、1日1枚ずつカレンダーに貼って共有できる写真投稿アプリです。 撮った写真はフィルターを用いてポラロイド風に加工ができ、ブログや日記よりもかんたんに思い出を残していくことができるサービスです。ぜひダウンロードしてみて下さい！
PSD.js by meltingice
A Photoshop PSD file parser in Javascript for NodeJS and the browser. View the Project on GitHub meltingice/psd.js Download ZIP File Download TAR Ball View On GitHub A general purpose PSD parser written in Coffeescript. Based off of PSD.rb. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as: Document structure Document size Layer/fold
PhotoShop CS5でAndroid用9patchを作るのに便利なjsx - Life goes on
物凄く最近はPhotoShopとかしか仕事で触っておらず、大変にストレスフルな毎日を送っております。なので、若干無理矢理ですが、jsを書いてみました。 現在、主にはネイティブのAndroidのパーツを作ってみたりする仕事しているのですが、ご存知の方はご存知のように、Androidは9patchという画像の作り方が使えます。 簡単に説明しますと、小さい画像ファイルも引き伸ばして使用できるぜ！という技術だったりします。25px角のボタンでも150*200pxとかに伸ばせるという感じです。 詳しくは9patchを覚えよう！ - 明日の鍵をご覧下さい。俺もこちらのエントリで9patchを知りました。 で、本題なんですが。この9patch作る時には、Android SDKでdrow 9patchっていうツールがあるんでこれを使ってました。 9patchは画像の周りに1pxずつ余白入れる→指定範囲を#
Adobe Photoshop CS5自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS5をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 2x2.26GHz Quad-Core Intel Xeon) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS5は基本的には以前のCS1〜4からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CS5、AfterEffects 6.5〜CS5、Illustrator CS2〜CS5、Bridge 1〜CS5で作成された一部のコード
うのらぼ。 - 【Photoshop Script】フォルダ内のPSDファイルをGIFで書き出すJSX
—————-【追記(2009/11/25 14:26)】—————- ” photoshop jsx 置き場所 “ でググってきた人がいたようなので追記。 基本どこに置いてても構わないはずで、 [ファイル] → [スクリプト] → [参照] から対象のディレクトリを選択すれば読み込めるはずです。 自分は [Program Filesまでのパス]/Adobe/Adobe Photoshop CS4/Presets/Scripts/ に置いてます(デフォルトのスクリプトがいっぱい置いてあるところ)。 CS3以前の場合 [Program Filesまでのパス]/Adobe/Adobe Photoshop CS3/プリセット/スクリプト/ とかだった気がします。 まぁ、ここに置いておけばごちゃごちゃにならないんじゃなかろうか、ということで。 ———————-追記ここまで———————- ちょっと必
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Photoshop 自動化作戦
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CS4をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルはMacPro (Xeon 3GHz/Intel Mac) 上で動作させたものです、このため、PowerPC搭載MacやWindows XP/Vista上での動作とは異なる可能性があります。あらかじめ、ご了承下さい。 Photoshop CS4は基本的には以前のCS1～3からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS～CS4、AfterEffects 6.5～CS4、Illustrator CS2～CS4、Bridgeで作成された一部のコードは、そのまま動かす事ができます。Photos
hokori.net
PhotoShopで自動処理を行うための、JavaScript(ExtendScript)のメモです。 ※ この記事は量が増えていったら分割するかもしれません。 ※ Windows版 PhotoShop CS2でしか検証してないので、他のバージョンで動くかは不明。 ドキュメントの操作 ファイルパスを指定してドキュメントのオープン //Windowsではパスの区切りは / スラッシュ。Unixっぽい指定。 //d:sampletest.phd → /d/sample/test.psd var doc = app.open("/d/sample/test.psd"); 現在アクティブになっているドキュメント取得 var doc = app.activeDocument; イメージサイズの変更 //単位は既定の単位。たぶん //横500 縦400 doc.resizeImage(500, 400
Photoshopのスクリプト制御
Photoshopのアクション機能は強力で、デザイナーはこれらを多用していますが、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。Photoshop 7.0以降では、Scripting plug-inを利用して、プログラムで直接Photoshopを制御できるようになりました。この機能を使えば、アクション機能以上に細かなことができます。本記事ではJavaScriptを使い、Photoshopをスクリプト制御して、ファイルをリサイズして保存する方法を解説します。 はじめに Photoshopは、印刷、デザイン、Web製作、ゲーム開発などのさまざまな仕事の現場で利用されている画像加工・作成アプリケーションです。このPhotoshopは、バッチ処理を行う強力なアクション機能を備えています。しかし、少し複雑なことをさせようとすると、とたんに限界に行き当たるのが現実です。 Ph
Scripting, Part 2 — A Practical Example | Morris PhotoGraphics
Photoshop Tutorials Hone your skills with tutorials designed to inspire you In Part 1 of this two-part tutorial about scripting Photoshop, we covered some of the basics of using scripts, as well as the many resources available. In this second part, we'll create a practical, real-world script from scratch. As mentioned in the Introduction to Scripting Photoshop, toggling the visibility of a layer (
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を使って加工した画像データをサーバーに転送する、といった処理まで自動化でき
cocos2d勉強会に参加。cocos2d用にPhotoshopで全レイヤーの座標取得出来るScript書いてみたよ。 - 灰色ハイジのテキスト
@Seasonsさん主催の、cocos2d勉強会に参加してきました。 http://atnd.org/events/16032 ・・・と言っても、iPhoneアプリ勉強中でまともに書けないのですが。 このcocos2dは、主にゲーム用に開発されたフレームワークで、Flash Likeに書けると聞いて気になっていたので参加してきました。 メモはとっていたのですが、スライドをアップしてくださるようなので、詳しくはそちらを見て頂ければと。 聞いていて面白かったのは、cocos2dで画像の座標を入力するにあたってAfterEffectsでレイアウトをしてから座標を取得しているというお話！目から鱗でした。 「デザイナーさんは1pxでもズレたら怒るから…」とのことでしたが、デザイナー目線で言うと、確かに「Photoshop上で1px1px気にしながら配置してるんだし、ぷんぷん」的なことはあるよね、と思
Create an Animated "Call to Action" Button
Home Blog Web Design Create an Animated “Call to Action” Button Create an Animated “Call to Action” Button President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for Revenu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Tips To Help You Succeed - Web Design
Scripting, Part 1 — An Introduction | Morris PhotoGraphics