Photoshopについて
効率化のため、psdファイル作成にもルールを設けています。
誰がファイルを触ってもスムーズに作業できるようなファイルにしましょう。
photoshop:必須のルール
(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←