http://dearps.lovwar.com Adobe Photoshopに関するTipsや便利な裏技を紹介するサイトです。グラフィック、DTP、WEB、映像…様々な場面で活用できるテクニックを紹介していきます。 Thu, 26 Jan 2012 14:38:38 +0000 http://backend.userland.com/rss092 ja Dearpsでは今までにPhotoshopでのスライスを楽にする裏テクニックを数々公開してきました。 【WEBデザ向け】スライスチップ作成パネルver2-CS4.CS5用 スライスチップ作成パネル-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/ 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/ パーツのサイズを簡単に調べてレイヤー名に追記することができるスクリプトです。コーダーさんにぜひお勧めしたいスクリプトです。 【1】サイズを取得したいレイヤーまたはレイヤーグループを選択します。 【2】ファイルメニューから［スクリプト］＞［参照］を選択し、ダウンロードしたスクリプトファイル【layer_size.jsx】を選択し読み込む 【3】レイヤー名（レイヤーグループ名）にサイズが追記されました！！ layer_size.jsxのダウンロードは以下から。 layer_size.jsx http://dearps.lovwar.com/2012/01/size/ パワポの背景をフォトショで作成したので公開します。PSDもあるので適宜色味等変更して利用して下さい。一番上の調整レイヤーで色相をいじってもらえば色違いが作成できます。 パワポはフォントをメイリオにして背景を変える一手間で雰囲気がグッとよくなります。 PSDデータのダウンロードは以下から。 ppt_bg.psd http://dearps.lovwar.com/2012/01/powerpointkeynote%e7%94%a8%e8%83%8c%e6%99%af/ 今回はホワイトバックで撮影されたような背景効果を表現をする方法を紹介します。 [1]メニューからレイヤー/新規塗りつぶしレイヤー/べた塗りを選択。色を#afb7baに設定。 [2]次にレイヤー/新規調整レイヤー/トーンカーブを選択。(“下のレイヤーを使用してクリッピングマスクを作成”にチェックを入れる。) [3]トーンカーブを“出力：２３８　入力：１７３”に設定する。 [4]あとは適宜トーンカーブのマスクに対してブラシを使用して“黒”で塗りつぶしていって下さい。この際ブラシをマスター直径を大きめにして硬さを“0%“、”流量を30%”程度に設定するといい感じに仕上がります。 以上で完成です。 http://dearps.lovwar.com/2011/12/photoshop-tips/ フライヤー、リーフレットなど印刷物作成用のスクリプトです。 指定した用紙サイズでガイドを引き自動で塗り足し分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/ CSS Niteが来年3月にPhotoshopにスポットをあてたセミナーを開催する様です。 Webデザインで使うPhotoshopということでとても興味深いです。 詳しくはCSS NITTEのサイトにてご確認下さい。 http://dearps.lovwar.com/2011/11/cssnite/ フォトショのシェイプをダイアログからサイズを入力して作成するスクリプト ずっと欲しかった念願のスクリプトが完成しました(^^) そもそもなんで標準機能としてないんでしょうか？ 使い方は超簡単。以下からどうぞ。 ※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のダウンロードは以下から。 Shape_Dearps.jsx 〜最近同僚の元プログラマH氏にjavascriptを教えてもらって勉強しています。今迄プログラムを毛嫌いしていたんだけどjavascriptの魅力にはまりつつある今日この頃。アクションでは実現できなかった事がスクリプトによっていろいろと実現しそうなので今後便利なスクリプトをどんどん作って公開していければと思っています。 http://dearps.lovwar.com/2011/09/shape-3/ プロパティ カラー変更アクション プロパティ カラー変更アクションを作成しました。隣接するレイヤーであれば複数のレイヤーのプロパティ カラーを一括変更する事も可能です。 property.atnのダウンロードは以下から。 property.atn http://dearps.lovwar.com/2011/09/property/ シェイプを“磨りガラス”に変換するスクリプト シェイプを磨りガラス化させるスクリプトを作成しました。タイトルには１発って書きましたが嘘です。すみません。 最初は一発で作成したんですがディーテールの調整を途中で設定できる様にしたので; 詳しくは映像をご覧下さい。 【使用方法】 ダウンロードした“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/