Photoshopについて

提供:Wiki@KDS
2011年7月14日 (木) 14:52時点における192.168.200.252 (トーク)による版
ナビゲーションに移動 検索に移動

効率化のため、psdファイル作成にもルールを設けています。
誰がファイルを触ってもスムーズに作業できるようなファイルにしましょう。


必須ルール

(1)レイヤーはエリア単位で移動できるように、エリアごとに「フォルダ」を区切ること。

 →移動とコピーの効率化。特に追加修正のときの効率化を考慮してます。

(2)フォルダの色分けは、しないこと。

 →色をつけることで煩雑になりやすいため。(但し、マウスオーバーの場合はコーダーが理解しやすいように当該フォルダを 「赤」にするのを推奨)

(3)ガイドは500%に拡大した上でシフト押しながら引く

→吸着がズレないようにするため。

(4)テキストの場合、スペースで間隔を取らない。

→移動や修正の際に調整するのに手間がかかるため。
【ダメな例】和菓子  洋菓子
               ↑ここはスーペースで間隔を取らない。やるならば別のレイヤーに分けること。

(5)テキストはテキストボックスを指定して流し込む。そのとき、禁則処理は「弱い禁則」に設定すること。

→後で改行するほど文章量が増えても大丈夫なように。

(6)ファイル名の後ろには、「本アップ日」に入れる。

→管理上の約束事。また、ファイル検索時に本アップ日を参照して探すため。【例】産地直送グルメ便TOP_070304.psd

photoshop:推奨事項

(1)マスクはレイヤーにではなく、フォルダにかけるのを推奨。特に写真の場合はこれは守ること。

 →更新の効率化。枠線がないときに画像サイズの把握がしやすい。

(2)透明化は極力しない。【例】背景レイヤーの「透明10%」など

 →コピーして繋ぎ合わせるときに、重ね合わせた部分の色が変わってしまう。

(3)統合が可能なものは統合する。

 →統合しても問題ない箇所、または、選択範囲で選択できるところは統合してもよい。レイヤーが増えることによる複雑化と重さの解消。

(4)レイヤーに対して、「ドロップシャドー」は極力利用しない。(例外:写真や文字)

 →枠やパーツなどで使用すると意図しない"はみ出し"やコピーする際に小さな問題が起こりやすいため。
 →ドロップシャドーは拡大/縮小に未対応なため。

(5)テキストの段落は「左寄せ」「弱い禁則」で。

 →文字の詰めに間隔が生まれる。HTMLの見え方と差異がでる。

(6)テキスト:段落タブにある、テキストボックスの「マージン指定」は使用しない。

 →便利な機能だが、次回Textフォームを作るときに値が残り、直す手間がかかる。
 →フォームエリアを明確に指定した方が混乱しない。レアケースを回避などなど。

(7)レイヤー・フォルダの「リンク」は最低限にとどめる。

 →リンクが多すぎると移動の際、関係ないところが動き、それを突き止めるのに手間がかかる。
 →CS2だとレイヤーの複数選択が可能なので、この問題は解消されるが…

(8)レイヤーに「ロック」はかけない。

 →レイヤーの「ロック」は基本的にしない。※修正時、コピーしたり編集する際にロックを外す手間を考慮。

(9)ファイル名は基本的にhtmlの<title>タグと同じものを使用する。

 →ただし、タカシマヤと入っているタイトルについては省いてもOK。また、長いものも省いてOK
 【例】「タカシマヤ京都スタイル」→「京都スタイル_080304.psd」

(10)不要なレイヤーは削除。

 →複雑化を抑え、わかりやすくするため。ファイルの軽量化。「また使うかもしれないのに…」とレイヤー消すのが不安な方は、そもそものpsdを別にバックアップしてください。


Photoshopアクション一覧

[F2]RGB変換+解像度72dpi
[F2+S]
[F2+C]
[F2+SC]新規ファイル→画像化【印刷前】

[F3]選択範囲★白での塗り潰し
[F3+S]【text】黒#000000
[F3+C]【text】白#FFFFFF
[F3+SC]【text】赤#FF0000

[F4]選択範囲★描画色での塗り潰し
[F4+S]【text】黒#333333
[F4+C]【text】青#0000EE
[F4+SC]

[F5]レイヤー削除
[F5+S]<選択範囲>1px縮小↓
[F5+C]<選択範囲>1px拡大↑
[F5+SC]レイヤー or フォルダを(部分的に)抽出

[F6]レイヤーコピー
[F6+S]GIF-256色 書き出し
[F6+C]JPG-80 書き出し
[F6+SC]JPG-100 書き出し

[F7]印刷68%出力(1200pxまでOK) [F7+C]
[F7+C]
[F7+SC]印刷(紙に合わせる)出力

[F8]横300px変換
[F8+S]横48px変換(セレクションサイズ)
[F8+C]横100px変換
[F8+SC]横600px変換

[F9]オブジェクト90%縮小
[F9+S]オブジェクト50%縮小
[F9+C]<文字>2pxの境界線(白)
[F9+SC]

[F10]アンシャープマスク(20%,0.2px)
[F10+S]ドロップシャドー(12%)
[F10+C]彩度up(彩度+6)
[F10+SC]明度up(明度+5)

[F11]アンチなし テキスト
[F11+S]新ゴM
[F11+C]リュウミンB
[F11+SC]

[F12]下移動5px↓
[F12+S]上移動5px↑
[F12+C]右移動5px→
[F12+SC]左移動5px←