Dearps ～Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです～ » Script http://dearps.lovwar.com Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです。グラフィック、DTP、WEB、映像…様々な場面で活用できるテクニックを紹介していきます。 Thu, 26 Jan 2012 14:38:38 +0000 http://wordpress.org/?v=2.8 ja hourly 1 FireworksのスライスレイヤーをPhotoshopで実現【決定版】 http://dearps.lovwar.com/2012/01/slice-3/ http://dearps.lovwar.com/2012/01/slice-3/#comments Thu, 26 Jan 2012 14:36:50 +0000 admin http://dearps.lovwar.com/?p=1017 dearps

Dearpsでは今までにPhotoshopでのスライスを楽にする裏テクニックを数々公開してきました。
【WEBデザ向け】スライスチップ作成パネルver2-CS4.CS5用【WEBデザ向け】スライスチップ作成パネルver2-CS4.CS5用

スライスチップ作成パネル-CS4用スライスチップ作成パネル-CS4用

【裏技】「ちょっと変わったスライス作成テクニック」【裏技】「ちょっと変わったスライス作成テクニック」

スライス作成テクニックスライス作成テクニック

今回はこれらの決定版ともいえるスクリプトを作成する事が出来たので公開します。

【今回公開するスクリプトの特徴】

・選択範囲をスライスに変換する。
・スライスをFireworksのようにレイヤーで管理できる。
・スライスはWEBレイヤーフォルダに自動格納される。
・画像名称をスライス作成時入力できてレイヤー名にも反映される。
他にもメリットたくさん！まずはだまされたと思って使ってみて下さい=3

利用方法はこんな感じ。

【1】ファイルメニューから［スクリプト］＞［参照］を選択し、ダウンロードしたスクリプトファイル”fw_slice.jsx”を選択し読み込む

【2】バウンディングボックス が表示されるのでそれをスライス対象のサイズに変形させて確定（enter）します

【3】スライス名を入力するダイアログがでてくるので画像名を入力します。

【4】スライスがレイヤーとして保存されました。この方法で作成されたスライスはWEBレイヤーというグループに自動格納されます。

※もうひとつの使い方

事前にスライスを切りたいサイズに選択範囲を作成してから【1】を実行するとそのサイズでスライスが作成されます。

スクリプトのダウンロードは以下から。

fw_slice.jsx

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2012/01/slice-3/feed/ 0 Photoshopで超絶簡単に点線・破線をかく http://dearps.lovwar.com/2012/01/photoshop%e3%81%a7%e8%b6%85%e7%b5%b6%e7%b0%a1%e5%8d%98%e3%81%ab%e7%82%b9%e7%b7%9a%e3%83%bb%e7%a0%b4%e7%b7%9a%e3%82%92%e3%81%8b%e3%81%8f/ http://dearps.lovwar.com/2012/01/photoshop%e3%81%a7%e8%b6%85%e7%b5%b6%e7%b0%a1%e5%8d%98%e3%81%ab%e7%82%b9%e7%b7%9a%e3%83%bb%e7%a0%b4%e7%b7%9a%e3%82%92%e3%81%8b%e3%81%8f/#comments Mon, 23 Jan 2012 11:37:23 +0000 admin http://dearps.lovwar.com/?p=1003 dot

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2012/01/photoshop%e3%81%a7%e8%b6%85%e7%b5%b6%e7%b0%a1%e5%8d%98%e3%81%ab%e7%82%b9%e7%b7%9a%e3%83%bb%e7%a0%b4%e7%b7%9a%e3%82%92%e3%81%8b%e3%81%8f/feed/ 0 レイヤー名にレイヤーのサイズを追加 http://dearps.lovwar.com/2012/01/size/ http://dearps.lovwar.com/2012/01/size/#comments Sat, 21 Jan 2012 12:16:24 +0000 admin http://dearps.lovwar.com/?p=984 nuri

パーツのサイズを簡単に調べてレイヤー名に追記することができるスクリプトです。コーダーさんにぜひお勧めしたいスクリプトです。

【1】サイズを取得したいレイヤーまたはレイヤーグループを選択します。

step1

【2】ファイルメニューから［スクリプト］＞［参照］を選択し、ダウンロードしたスクリプトファイル【layer_size.jsx】を選択し読み込む

step2

【3】レイヤー名（レイヤーグループ名）にサイズが追記されました！！

step3

layer_size.jsxのダウンロードは以下から。

layer_size.jsx

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2012/01/size/feed/ 0 紙媒体用：塗り足し3mm自動付加スクリプト http://dearps.lovwar.com/2011/11/nuri/ http://dearps.lovwar.com/2011/11/nuri/#comments Fri, 25 Nov 2011 22:43:26 +0000 admin http://dearps.lovwar.com/?p=933 nuri

フライヤー、リーフレットなど印刷物作成用のスクリプトです。
指定した用紙サイズでガイドを引き自動で塗り足し分3mmカンバスサイズを拡大します。

【使用方法】
ダウンロードした“印刷物_塗り足し3mm.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop□¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

もしくはメニューバー内 [ファイル] → [スクリプト] → [参照] から“印刷物_塗り足し3mm.jsx”を選択すると、実行されます。

印刷物_塗り足し3mm.jsxのダウンロードは以下から。

印刷物_塗り足し3mm.jsx

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2011/11/nuri/feed/ 0 幅！高さ！角丸！サイズを指定してシェイプを作成！ http://dearps.lovwar.com/2011/09/shape-3/ http://dearps.lovwar.com/2011/09/shape-3/#comments Thu, 15 Sep 2011 12:22:00 +0000 admin http://dearps.lovwar.com/?p=903 shape

フォトショのシェイプをダイアログからサイズを入力して作成するスクリプト

ずっと欲しかった念願のスクリプトが完成しました(^^)
そもそもなんで標準機能としてないんでしょうか？
使い方は超簡単。以下からどうぞ。

※2011.9/1追記
早速ですが少し修正を加えました。レイヤー名に自動で“幅,高さ,角丸”のサイズが入る様にしました。
tuika

【使用方法】
ダウンロードした“Shape_Dearps.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop CS2¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop CS3/Presets/Scripts

もしくはメニューバー内 [ファイル] → [スクリプト] → [参照] から“Shape_Dearps.jsx”を選択すると、実行されます。

Shape_Dearps.jsxのダウンロードは以下から。

Shape_Dearps.jsx

〜最近同僚の元プログラマH氏にjavascriptを教えてもらって勉強しています。今迄プログラムを毛嫌いしていたんだけどjavascriptの魅力にはまりつつある今日この頃。アクションでは実現できなかった事がスクリプトによっていろいろと実現しそうなので今後便利なスクリプトをどんどん作って公開していければと思っています。

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2011/09/shape-3/feed/ 0 シェイプを“磨りガラス”に一発変換！！ http://dearps.lovwar.com/2011/09/glass/ http://dearps.lovwar.com/2011/09/glass/#comments Sat, 10 Sep 2011 14:55:31 +0000 admin http://dearps.lovwar.com/?p=877 glass

シェイプを“磨りガラス”に変換するスクリプト

シェイプを磨りガラス化させるスクリプトを作成しました。タイトルには１発って書きましたが嘘です。すみません。
最初は一発で作成したんですがディーテールの調整を途中で設定できる様にしたので;
詳しくは映像をご覧下さい。

【使用方法】
ダウンロードした“Glass_plate_shape.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop CS2¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop CS3/Presets/Scripts

もしくはメニューバー内 [ファイル] → [スクリプト] → [参照] から“Glass_plate_shape.jsx”を選択すると、実行されます。

Glass_plate_shape.jsxのダウンロードは以下から。

Glass_plate_shape.jsx

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2011/09/glass/feed/ 0 PSDデータ比較スクリプト http://dearps.lovwar.com/2011/03/difference/ http://dearps.lovwar.com/2011/03/difference/#comments Tue, 01 Mar 2011 11:26:54 +0000 admin http://dearps.lovwar.com/?p=866 di

同じようなPSDファイルを比較して即座に変更点を発見できるスクリプト

私はデザインをしていく上でバックアップも兼ねて頻繁にファイルを別名保存してバージョン管理をしています。しかし時折どれが最新かだとかどこを変更したんだっけ？ってなることが多いので表題のようなスクリプトを作ることにしました。もし同じような事で困っている方はどうぞご利用ください。

【使用方法】
ダウンロードした“Difference.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop CS2¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop CS3/Presets/Scripts

もしくはメニューバー内 [ファイル] → [スクリプト] → [参照] から“Difference.jsx”を選択すると、実行されます。

※最初のステップで比較したいファイルを指定してください。

PSDデータ比較スクリプトのダウンロードは以下から。

Difference.jsx

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2011/03/difference/feed/ 0 【WEBデザ向け】ぶっこ抜きスクリプト http://dearps.lovwar.com/2010/12/%e3%80%90web%e3%83%87%e3%82%b6%e5%90%91%e3%81%91%e3%80%91%e3%81%b5%e3%82%99%e3%81%a3%e3%81%93%e6%8a%9c%e3%81%8d%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/ http://dearps.lovwar.com/2010/12/%e3%80%90web%e3%83%87%e3%82%b6%e5%90%91%e3%81%91%e3%80%91%e3%81%b5%e3%82%99%e3%81%a3%e3%81%93%e6%8a%9c%e3%81%8d%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/#comments Mon, 27 Dec 2010 13:50:03 +0000 admin http://dearps.lovwar.com/?p=755 top

デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプト

ずいぶんと更新をさぼっていましたが年末駆け込みで投稿します。
今回紹介するのはWEBデザイナー向けのPhotoshopスクリプトです。

デザインカンプからパーツを１発で別ファイルにぶっこ抜くスクリプトを作成しました。
WEBのデザインフローはデザイナーさんによってさまざまだと思いますが私の場合は１ファイルで最終形までつくりこんでから最後に必要に応じてヘッダーやナビゲーション等を別ファイルにして保存します。

その切り分け作業がなかなか面倒だったので自動化してみたところ思いのほか、これが便利だったので共有したいと思い今回公開致します。
皆さんも良かったら一度試してみていただけると嬉しいです。

それでは皆様良いお年を！！

【使用方法】
ダウンロードした“ぶっこ抜き.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop CS2¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop CS3/Presets/Scripts

もしくはメニューバー内 [ファイル] → [スクリプト] → [参照] から“ぶっこ抜き.jsx”を選択すると、実行されます。

※ぶっこ抜きたいオブジェクトを選択した状態でスクリプトを実行してください。

ぶっこ抜きスクリプトのダウンロードは以下から。

ぶっこ抜き.jsx

関連する投稿

  • 関連する投稿はありません。
]]> http://dearps.lovwar.com/2010/12/%e3%80%90web%e3%83%87%e3%82%b6%e5%90%91%e3%81%91%e3%80%91%e3%81%b5%e3%82%99%e3%81%a3%e3%81%93%e6%8a%9c%e3%81%8d%e3%82%b9%e3%82%af%e3%83%aa%e3%83%97%e3%83%88/feed/ 1 外枠にガイドを引くスクリプト http://dearps.lovwar.com/2009/06/script/ http://dearps.lovwar.com/2009/06/script/#comments Sat, 20 Jun 2009 02:39:34 +0000 R2O.SNW http://dearps.lovwar.com/?p=608 top

Photoshopのカンバスの外枠にガイドを引くスクリプト

カンバスのサイズに合わせたシェイプを描きたい場合等フォトショップはピクセルにスナップしてくれないので外枠にガイドをひく必要があります。これを自動化させたスクリプトを作成したので配布します。

【使用方法】
ダウンロードした“外枠ガイド.jsx”ファイルをPhotoshopのスクリプトフォルダに入れて、[ファイル] ／ [スクリプト]より実行。
Windows: C:\Program Files\Adobe\Adobe Photoshop CS2\プリセット\スクリプト
MacOS X: /アプリケーション/Adobe Photoshop CS3/Presets/Scripts

もしくはメニューバー内 [ファイル] → [スクリプト] → [参照] から“外枠ガイド.jsx”を選択すると、実行されます。

外枠ガイドを作成するスクリプトのダウンロードは以下から。

外枠ガイド.jsx

関連する投稿

]]> http://dearps.lovwar.com/2009/06/script/feed/ 0 サイズを指定してシェイプを描く＋α http://dearps.lovwar.com/2008/03/shape-2/ http://dearps.lovwar.com/2008/03/shape-2/#comments Sat, 15 Mar 2008 03:02:43 +0000 R2O.SNW http://lovwar.com/blog/?p=30 前に『サイズを指定して矩形を描く』って記事を投稿しましたがそれをjsで実行できるスクリプトが『Phize on the Web』さんのサイトで公開されていましたのでご紹介いたします。シェイプを描くだけでなくWEBデザインカンプ作成用にカラム数、マージンを指定するとレイアウトカンプを自動生成してガイドまでひいてくれるという優れもの。

011.gif

ダウンロードは以下サイトから

『Phize on the Web』

カラムウィザード(1.0.0) – Adobe Photoshop

関連する投稿

]]> http://dearps.lovwar.com/2008/03/shape-2/feed/ 0