Dearps | Photoshop Tips Blog

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

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

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

スライス作成テクニック

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

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

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

利用方法はこんな感じ。

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

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

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

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

※もうひとつの使い方

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

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

まずはじめに以下リンク先よりスクリプトをダウンロードして下さい。
dot_line.zipのダウンロードは以下から。

【準備】
ダウンロードしたzipファイルを解凍し、“Dearps_点線破線.jsx”ファイルをPhotoshopのスクリプトフォルダに入れる。
Windows: C:¥Program Files¥Adobe¥Adobe Photoshop□¥プリセット¥スクリプト
MacOS X: /アプリケーション/Adobe Photoshop□/Presets/Scripts

使用方法

①Photoshopを起動し、[ファイル] ／ [スクリプト]からDearps_点線破線.jsxを実行します。

②すると上記画像のダイアログが表示されるので数値を入力します。

以上で出来上がりです。

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

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

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

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

レイヤーサイズ追記.jsxのダウンロードは以下から。

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

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

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

【使用方法】
ダウンロードした“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のダウンロードは以下から。

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

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

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

【使用方法】
ダウンロードした“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のダウンロードは以下から。