「Photoshopについて」の版間の差分
ページの作成: 運用の効率化のため、psdファイル作成にもルールを設けています。誰がファイルを触っても、スムーズに作業できるように理解しや... |
編集の要約なし |
||
| (同じ利用者による、間の10版が非表示) | |||
| 1行目: | 1行目: | ||
<div id="manual"> | |||
<br><br> | 効率化のため、psdファイル作成にもルールを設けています。<br> | ||
== | 誰がファイルを触ってもスムーズに作業できるようなファイルにしましょう。<br> | ||
→[[デザインガイドライン]] | |||
==必須ルール== | |||
Photoshopを使用するにあたり、下記のルールは必ず守ってください。 | |||
<div class="example"> | <div class="example"> | ||
'''(1)レイヤーはエリア単位で移動できるように、エリアごとに「フォルダ」を区切ること。'''<br> | |||
→移動とコピーの効率化のためです。特に追加修正のときの効率を考慮してます。 | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(2)フォルダの色分けはしない。(マウスオーバーは除く)'''<br> | |||
→色をつけることで煩雑になりやすいため。<br> | |||
(マウスオーバー時はコーダーが理解しやすいように当該フォルダを「赤」にする。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(3)ガイドは500%に拡大した上でシフト押しながら引く。'''<br> | |||
→吸着がズレないようにするため。 | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(4)テキストを入力する際、スペースを使っての間隔調整はしない。'''<br> | |||
→移動や修正の際に調整するのに手間がかかるため。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(5)テキストは「テキストボックス」の形で流し込む。禁則処理は「弱い禁則」に設定する。'''<br> | |||
→折り返しに対応できるようにする。また、コーディングのためにも。 | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(6)ファイル名を保存するときは、一番後ろには「本アップ日」に入れる。'''<br> | |||
→管理上の約束事。また、ファイル検索時に本アップ日を参照して探すため。<br> | |||
【例】産地直送グルメ便TOP_070304.psd | |||
</div> | </div> | ||
== | ==推奨== | ||
効率化のためにできたら守ってほしい項目です。 | |||
<div class="example"> | <div class="example"> | ||
'''(1)マスクはレイヤーにではなく、フォルダにかける。'''<br> | |||
→フォルダにかけると修正時に楽です。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(2)透明化は使わない。'''【例】背景レイヤーの「透明10%」など<br> | |||
→コピーなどして繋ぎ合わせるときに、重ね合わせた部分の色が変わってしまう。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
(3)統合が可能なものは統合する。<br> | '''(3)統合が可能なものは統合する。'''<br> | ||
→統合しても問題ないところは統合する。レイヤーが増えすぎないようにする。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(4)テキストの段落は「左寄せ」「弱い禁則」の設定にする。'''<br> | |||
→文字詰めに間隔が生まれてしまう。コーディングとの見え方と差異が出る。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(5)レイヤー間、フォルダ間のリンク機能は使わない。'''<br> | |||
→リンク機能を使うことで、余計なレイヤーが動いてしまうことがある。他の人が多すぎると移動の際、関係ないところが動き、それを突き止めるのに手間がかかる。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(6)レイヤーの「ロック」は使わない。'''<br> | |||
→編集のときに手間になることがあるため。<br> | |||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
'''(7)不要なレイヤーは削除する。'''<br> | |||
→ファイルの軽量化。レイヤーを消すのが不安な方はバックアップしましょう。 | |||
</div> | </div> | ||
== | ==Photoshopアクション一覧== | ||
効率化のため、ファンクションキーにアクションを仕込んであります。 | |||
<div class="example"> | |||
[[ | [F2]RGB変換+解像度72dpi<br> | ||
[F2+S]<br> | |||
[F2+C]<br> | |||
[F2+SC]新規ファイル→画像化【印刷前】<br> | |||
<br> | |||
[F3]選択範囲★白での塗り潰し<br> | |||
[F3+S]【text】黒#000000<br> | |||
[F3+C]【text】白#FFFFFF<br> | |||
[F3+SC]【text】赤#FF0000<br> | |||
<br> | |||
[F4]選択範囲★描画色での塗り潰し<br> | |||
[F4+S]【text】黒#333333<br> | |||
[F4+C]【text】青#0000EE<br> | |||
[F4+SC]<br> | |||
<br> | |||
[F5]レイヤー削除<br> | |||
[F5+S]<選択範囲>1px縮小↓<br> | |||
[F5+C]<選択範囲>1px拡大↑<br> | |||
[F5+SC]レイヤー or フォルダを(部分的に)抽出<br> | |||
<br> | |||
[F6]レイヤーコピー<br> | |||
[F6+S]GIF-256色 書き出し<br> | |||
[F6+C]JPG-80 書き出し<br> | |||
[F6+SC]JPG-100 書き出し<br> | |||
<br> | |||
[F7]印刷68%出力(1200pxまでOK) | |||
[F7+C]<br> | |||
[F7+C]<br> | |||
[F7+SC]印刷(紙に合わせる)出力<br> | |||
<br> | |||
[F8]横300px変換<br> | |||
[F8+S]横48px変換<br> | |||
[F8+C]横100px変換<br> | |||
[F8+SC]横600px変換<br> | |||
<br> | |||
[F9]オブジェクト90%縮小<br> | |||
[F9+S]オブジェクト50%縮小<br> | |||
[F9+C]<文字>2pxの境界線(白)<br> | |||
[F9+SC]<br> | |||
<br> | |||
[F10]アンシャープマスク(20%,0.2px)<br> | |||
[F10+S]ドロップシャドー(12%)<br> | |||
[F10+C]彩度up(彩度+6)<br> | |||
[F10+SC]明度up(明度+5)<br> | |||
<br> | |||
[F11]アンチなし テキスト<br> | |||
[F11+S]新ゴM<br> | |||
[F11+C]リュウミンB<br> | |||
[F11+SC]<br> | |||
<br> | |||
[F12]下移動5px↓<br> | |||
[F12+S]上移動5px↑<br> | |||
[F12+C]右移動5px→<br> | |||
[F12+SC]左移動5px←<br> | |||
</div> | |||
</div> | |||
2012年4月26日 (木) 12:51時点における最新版
効率化のため、psdファイル作成にもルールを設けています。
誰がファイルを触ってもスムーズに作業できるようなファイルにしましょう。
→デザインガイドライン
必須ルール[編集]
Photoshopを使用するにあたり、下記のルールは必ず守ってください。
(1)レイヤーはエリア単位で移動できるように、エリアごとに「フォルダ」を区切ること。
→移動とコピーの効率化のためです。特に追加修正のときの効率を考慮してます。
(2)フォルダの色分けはしない。(マウスオーバーは除く)
→色をつけることで煩雑になりやすいため。
(マウスオーバー時はコーダーが理解しやすいように当該フォルダを「赤」にする。
(3)ガイドは500%に拡大した上でシフト押しながら引く。
→吸着がズレないようにするため。
(4)テキストを入力する際、スペースを使っての間隔調整はしない。
→移動や修正の際に調整するのに手間がかかるため。
(5)テキストは「テキストボックス」の形で流し込む。禁則処理は「弱い禁則」に設定する。
→折り返しに対応できるようにする。また、コーディングのためにも。
(6)ファイル名を保存するときは、一番後ろには「本アップ日」に入れる。
→管理上の約束事。また、ファイル検索時に本アップ日を参照して探すため。
【例】産地直送グルメ便TOP_070304.psd
推奨[編集]
効率化のためにできたら守ってほしい項目です。
(1)マスクはレイヤーにではなく、フォルダにかける。
→フォルダにかけると修正時に楽です。
(2)透明化は使わない。【例】背景レイヤーの「透明10%」など
→コピーなどして繋ぎ合わせるときに、重ね合わせた部分の色が変わってしまう。
(3)統合が可能なものは統合する。
→統合しても問題ないところは統合する。レイヤーが増えすぎないようにする。
(4)テキストの段落は「左寄せ」「弱い禁則」の設定にする。
→文字詰めに間隔が生まれてしまう。コーディングとの見え方と差異が出る。
(5)レイヤー間、フォルダ間のリンク機能は使わない。
→リンク機能を使うことで、余計なレイヤーが動いてしまうことがある。他の人が多すぎると移動の際、関係ないところが動き、それを突き止めるのに手間がかかる。
(6)レイヤーの「ロック」は使わない。
→編集のときに手間になることがあるため。
(7)不要なレイヤーは削除する。
→ファイルの軽量化。レイヤーを消すのが不安な方はバックアップしましょう。
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←