「画像加工ガイドライン」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
| (4人の利用者による、間の33版が非表示) | |||
| 1行目: | 1行目: | ||
<div id="manual"> | <div id="manual"> | ||
このページは実際に画像加工をする人向けのガイドラインです。デザイナー向けです。<br> | |||
業務フローについては[[高島屋オンラインストア 商品画像運用ルール]]を参照ください。<br>また、画像加工のサンプルは[[画像加工の例]]を参照ください。 | |||
<br> | |||
==画像ファイル置き場所== | ==画像ファイル置き場所== | ||
< | 商品画像は以下の場所にあります。<br> | ||
<b>\\Tkocore01\CatalogImage\00_takashimaya\01_オンラインストア商品画像</b> | |||
==画像加工の手順== | ==画像加工の手順== | ||
1.まず「RGB」、「72dpi」、「レイヤーコピー」にする。<br> | |||
2.必要なものはパス抜きを行う。<em>※パス付きで入稿する場合もあり</em><br> | |||
3.適切にトリミングする。<br> | |||
4.「水平出し」→「ゴミ取り」→「映り込み処理」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。<br> | |||
5.600x600pxにする。<em>※元画像が粗い場合は300pxまで縮小可</em><br> | |||
6.psd形式で加工済フォルダに保存する。<br> | |||
<div class="example"> | <div class="example"> | ||
最終的なレイヤー例<br> | |||
[[画像:Imageprocess7.jpg]] | [[画像:Imageprocess7.jpg]] | ||
</div> | </div> | ||
== | ==チェックリスト== | ||
画像加工が終了したら、もう一度以下をチェックする。<br> | |||
<div class="example"> | |||
<b>1.サイズは600から300までの正方形になっているか？</b><br> | |||
<b>2.ファイル名は正しいか？</b><br> | |||
<b>3.画像の品質はどうか？</b><br> | |||
<b>4.パス抜きしたものには、Pマーク印をつけたか？</b><br> | |||
<b>5.依頼表にサインは書いたか？</b> | |||
</div> | |||
==画像加工時の注意点== | |||
*・色玉は基本的に直径70px(最低ライン)とする。文字は色玉の右側に置く。<br> | |||
また、カンバスサイズは色玉個数に合わせて300pxから600pxの間で作る。 | |||
*・作業者は購入者の心理に立って、画像加工を行う。 | |||
*・シャープはやや強めにかける。傾向として、ややパリっとした方が好ましい。<br> | |||
*・背景が白だと見えづらい場合、グレーのグラデーションを背景に引く。（サンプルあり）<br> | |||
*・具体的には[[画像加工の例]]を参考に。 | |||
==JPG書き出し== | |||
psdをjpgに変換する。その際にphotoshopのバッチ機能を使う。<br> | |||
[\\Tkocore01\CatalogImage\00_takashimaya\01_オンラインストア商品画像\サンプル・フォーマット\photoshopバッチ]<br> | |||
にある「JPG書き出し.atn」を使いましょう。<br> | |||
<br> | |||
まず、photoshopのアクションウィンドウに「JPG書き出し.atn」をドラッグします。<br> | |||
[[画像:imgbatch01.jpg]]<br> | |||
<br> | |||
自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します<br> | |||
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。<br> | |||
<br> | |||
[[画像:imgbatch02.jpg]]<br> | |||
<br> | |||
画像のように「セット(T)＝JPG書き出し アクション(A)＝そのままJPG書き出し ソース(O)＝フォルダ 選択(C)＝元画像 開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ 実行後＝img ファイルの名前＝ドキュメントの名前＋拡張子（小文字）」と設定、ＯＫを押したら実行されます。<br> | |||
<em>※実行後、JPG画像は300k以下に抑える。</em><br> | |||
==画像リストについて== | |||
*・画像リストは見積・請求時に必要となるもので、大プロモーション以外はデザイナーが作成する。<br> | |||
*・「パス抜」、「スキャン」「流用」の【あり】【無】を入れる。<br> | |||
*・手間のかかった画像加工は、請求金額に上乗せするため、画像リストの備考欄に記載する。 | |||
<table border="0" cellpadding=" | <table border="0" cellpadding="5" cellspacing="5" class="address"> | ||
<tr> | |||
<th>備考欄への記入例</th> | |||
<th>内容</th> | |||
</tr> | |||
<tr> | <tr> | ||
<td | <td><b>テキスト追加</B></td> | ||
<td>画像に文字を入れたとき</td> | |||
<td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td><b>○枚の素材から1枚に加工</B></td> | ||
<td>複数の素材を合成して1枚に加工したとき</td> | |||
<td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td><b>色味修正</B></td> | ||
<td>色味を大幅に変えたとき</td> | |||
<td> | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td><b>大阪撮影分</B>（←デザイナーはチェック不要）</td> | ||
<td>大阪スタジオで撮影した素材を使用したとき</td> | |||
<td> | |||
</tr> | </tr> | ||
< | <tr> | ||
<td><b>前回分流用</B>（←デザイナーはチェック不要）</td> | |||
<td>以前に使用した画像を流用したとき</td> | |||
<td> | |||
< | |||
<td> | |||
</tr> | </tr> | ||
</table> | </table> | ||
<div class="example"> | <div class="example"> | ||
画像リスト作成時の注意点 | |||
*(1)加工画像数が行の最大値（62）を超える場合は、タイトルを分ける。1/2、2/2とタイトルに記述。 | |||
*(2)「商品総数」は枝を1とカウント“する” | |||
*(3)流用（入稿）の欄は、入稿画像内での流用の有無を記載する。<br> | |||
* | |||
( | |||
( | |||
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は１からスタートする。 | 同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は１からスタートする。 | ||
* | *(4)入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目：あり」にする。 | ||
* | *(5)枝番号が発生して、且つコスメじゃない場合、「枝の画像は加工をしていないので、必ず流用フラグを立てること。 | ||
</div> | </div> | ||
2012年4月18日 (水) 12:15時点における最新版
このページは実際に画像加工をする人向けのガイドラインです。デザイナー向けです。
業務フローについては高島屋オンラインストア 商品画像運用ルールを参照ください。
また、画像加工のサンプルは画像加工の例を参照ください。
画像ファイル置き場所[編集]
商品画像は以下の場所にあります。
\\Tkocore01\CatalogImage\00_takashimaya\01_オンラインストア商品画像
画像加工の手順[編集]
1.まず「RGB」、「72dpi」、「レイヤーコピー」にする。
2.必要なものはパス抜きを行う。※パス付きで入稿する場合もあり
3.適切にトリミングする。
4.「水平出し」→「ゴミ取り」→「映り込み処理」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。
5.600x600pxにする。※元画像が粗い場合は300pxまで縮小可
6.psd形式で加工済フォルダに保存する。
最終的なレイヤー例
チェックリスト[編集]
画像加工が終了したら、もう一度以下をチェックする。
1.サイズは600から300までの正方形になっているか？
2.ファイル名は正しいか？
3.画像の品質はどうか？
4.パス抜きしたものには、Pマーク印をつけたか？
5.依頼表にサインは書いたか？
画像加工時の注意点[編集]
- ・色玉は基本的に直径70px(最低ライン)とする。文字は色玉の右側に置く。
また、カンバスサイズは色玉個数に合わせて300pxから600pxの間で作る。
- ・作業者は購入者の心理に立って、画像加工を行う。
- ・シャープはやや強めにかける。傾向として、ややパリっとした方が好ましい。
- ・背景が白だと見えづらい場合、グレーのグラデーションを背景に引く。（サンプルあり）
- ・具体的には画像加工の例を参考に。
JPG書き出し[編集]
psdをjpgに変換する。その際にphotoshopのバッチ機能を使う。
[\\Tkocore01\CatalogImage\00_takashimaya\01_オンラインストア商品画像\サンプル・フォーマット\photoshopバッチ]
にある「JPG書き出し.atn」を使いましょう。
まず、photoshopのアクションウィンドウに「JPG書き出し.atn」をドラッグします。
自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。
画像のように「セット(T)＝JPG書き出し アクション(A)＝そのままJPG書き出し ソース(O)＝フォルダ 選択(C)＝元画像 開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ 実行後＝img ファイルの名前＝ドキュメントの名前＋拡張子（小文字）」と設定、ＯＫを押したら実行されます。
※実行後、JPG画像は300k以下に抑える。
画像リストについて[編集]
- ・画像リストは見積・請求時に必要となるもので、大プロモーション以外はデザイナーが作成する。
- ・「パス抜」、「スキャン」「流用」の【あり】【無】を入れる。
- ・手間のかかった画像加工は、請求金額に上乗せするため、画像リストの備考欄に記載する。
| 備考欄への記入例 | 内容 |
|---|---|
| テキスト追加 | 画像に文字を入れたとき |
| ○枚の素材から1枚に加工 | 複数の素材を合成して1枚に加工したとき |
| 色味修正 | 色味を大幅に変えたとき |
| 大阪撮影分（←デザイナーはチェック不要） | 大阪スタジオで撮影した素材を使用したとき |
| 前回分流用（←デザイナーはチェック不要） | 以前に使用した画像を流用したとき |
画像リスト作成時の注意点
- (1)加工画像数が行の最大値（62）を超える場合は、タイトルを分ける。1/2、2/2とタイトルに記述。
- (2)「商品総数」は枝を1とカウント“する”
- (3)流用（入稿）の欄は、入稿画像内での流用の有無を記載する。
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は１からスタートする。
- (4)入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目：あり」にする。
- (5)枝番号が発生して、且つコスメじゃない場合、「枝の画像は加工をしていないので、必ず流用フラグを立てること。