「画像加工ガイドライン」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
4行目: 4行目:


==画像ファイル置き場所==
==画像ファイル置き場所==
<em>\\Tkocore2\CatalogImage\00_takashimaya\01_オンライン事業部</em><br>
<em>\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部</em>の中にタカシマヤ オンラインショッピングの商品画像ファイルがあります。
の中にタカシマヤ オンラインショッピングの商品画像ファイルがあります。
 


==チェックリスト==
==チェックリスト==
 
画像加工が終了したら、もう一度以下をチェックしてみましょう。<br><br>
画像加工が終了したら、もう一度以下をチェックしてみましょう。<br>
[[画像:photo_rule07.gif]]
[[画像:photo_rule07.gif]]
<br>
<br>


==画像加工の手順==
==画像加工の手順==
<p>ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。商品を売るために画像加工することを念頭に置きましょう。</p>
【1】まずはRGB、72dpiにする。<em>※[F2]のアクション割り当てあり</em><br>
  【1】RGB、72dpiにする。<em>※[F2]のアクション割り当てあり</em><br>
【2】パス抜きが必要なものはパスを抜く。<em>※元からパスが存在する商品もあり</em><br>
  【2】パス抜きが必要なものはパスを抜く。<em>※元からパスが存在する商品もあり</em><br>
【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。<br>
  【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。<br>
【4】適切にトリミングする。<em>※商品がセンターに来るようにする</em><br>
  【4】適切にトリミングする。<em>※商品がセンターに来るようにする</em><br>
【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。<br>
  【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。<br>
【6】600x600pxにする。<em>※元画像が粗い場合は300x300px~599x599pxの間に収める</em><br>
  【6】600x600pxにする。<em>※元画像が粗い場合は300x300px~599x599pxの間に収める</em><br>
【7】psd形式で加工済フォルダに保存する。<br>
  【7】psd形式で加工済フォルダに保存する。<br>
<div class="example">
<div class="example">
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。<br><br>
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。<br><br>
[[画像:Imageprocess7.jpg]]
[[画像:Imageprocess7.jpg]]
</div>
</div>
==画像加工時の注意点==
*・ユーザーのニーズに応えるには「どのような画像にすべきか」を考えて画像加工をしましょう。購入者の心理に立って考えることが大切です。
*・シャープはやや強めにかけましょう。その方が好まれます。<br>
*・商品自体が全体的に白っぽく、背景が白だと見えづらい場合、グレーのグラデーションを背景に引いてください。(サンプルあり)<br>
==画像加工の例==
==画像加工の例==
<br>
<br>
46行目: 50行目:
商品が白く、背景に溶け込むようならばサンプルにある「グレーバックフォーマット」の背景を使って商品を目立たてます<br>
商品が白く、背景に溶け込むようならばサンプルにある「グレーバックフォーマット」の背景を使って商品を目立たてます<br>


==画像加工・補正時の注意点==
 
*・シャープはやや強めにかけましょう。その方が好まれます。<br>
*・商品が全体的に白っぽくて、背景白だと見えづらいときは、グレーのグラデを背景に引いてください。(サンプルあり)<br>


==バッチかけについて==
==バッチかけについて==
68行目: 70行目:
==画像リストについて==
==画像リストについて==


画像リストは、見積もり/請求や画像確認リストとして必要になる。<br>
*・画像リストは、見積もり/請求や画像確認リストとして必要になります。<br>
*・パスの「あり/なし」で請求額が異なります。


<div class="example">
<div class="example">
===画像リスト作成時の注意点===
===画像リスト作成時の注意点===
*・加工画像数が行の最大値(62)を超える場合は、タイトルを分ける。
*・加工画像数が行の最大値(62)を超える場合は、タイトルを分ける。1/2、2/2とタイトルに記述。
*・「商品総数」は枝を1とカウント“する”
*・「商品総数」は枝を1とカウント“する”
*・"流用(入稿)の欄は、入稿画像内での流用の有無を記載する。<br>
*・"流用(入稿)の欄は、入稿画像内での流用の有無を記載する。<br>
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は1からスタートする。
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は1からスタートする。
*・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目:あり」にする。
*・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目:あり」にする。
*・枝番号が発生して、且つコスメじゃない場合、
*・枝番号が発生して、且つコスメじゃない場合、「枝の画像は加工をしていないので、必ず流用フラグを立てること。
・枝の画像は加工をしていない→必ず流用フラグを立てる。
</div>
</div>

2010年6月28日 (月) 10:04時点における版

業務については高島屋オンラインストア 商品画像運用ルールを参照ください。

画像ファイル置き場所

\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部の中にタカシマヤ オンラインショッピングの商品画像ファイルがあります。

チェックリスト

画像加工が終了したら、もう一度以下をチェックしてみましょう。


画像加工の手順

【1】まずはRGB、72dpiにする。※[F2]のアクション割り当てあり
【2】パス抜きが必要なものはパスを抜く。※元からパスが存在する商品もあり
【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。
【4】適切にトリミングする。※商品がセンターに来るようにする
【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。
【6】600x600pxにする。※元画像が粗い場合は300x300px~599x599pxの間に収める
【7】psd形式で加工済フォルダに保存する。

最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。


画像加工時の注意点

  • ・ユーザーのニーズに応えるには「どのような画像にすべきか」を考えて画像加工をしましょう。購入者の心理に立って考えることが大切です。
  • ・シャープはやや強めにかけましょう。その方が好まれます。
  • ・商品自体が全体的に白っぽく、背景が白だと見えづらい場合、グレーのグラデーションを背景に引いてください。(サンプルあり)


画像加工の例



パスが抜かれていない場合は、パスを抜いて加工します

正方形に入らない場合、上下もしくは左右に白で空白を作ります

素材アップは生地の質がわかる部分をトリミングし、下に30pt MS Pゴシックで文字を入れます

(C)は指定のコピーライトを画像に加えます


商品が白く、背景に溶け込むようならばサンプルにある「グレーバックフォーマット」の背景を使って商品を目立たてます


バッチかけについて

画像加工が出来たらpsd画像をjpgに変換します、その際にphotoshopのバッチ機能を使うと便利です。
[\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部\サンプル・フォーマット\photoshopバッチ]
にある「JPG書き出し.atn」を使いましょう。

まず、photoshopのアクションウィンドウに「JPG書き出し.atn」をドラッグします。


出来たら自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。



画像のように「セット(T)=JPG書き出し アクション(A)=そのままJPG書き出し ソース(O)=フォルダ 選択(C)=元画像 開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ 実行後=img ファイルの名前=ドキュメントの名前+拡張子(小文字)」と設定、OKを押したら実行されます。
※jpgにバッチをかけた画像が300k以上の容量になっていないかチェック

画像リストについて

  • ・画像リストは、見積もり/請求や画像確認リストとして必要になります。
  • ・パスの「あり/なし」で請求額が異なります。

画像リスト作成時の注意点

  • ・加工画像数が行の最大値(62)を超える場合は、タイトルを分ける。1/2、2/2とタイトルに記述。
  • ・「商品総数」は枝を1とカウント“する”
  • ・"流用(入稿)の欄は、入稿画像内での流用の有無を記載する。

同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は1からスタートする。

  • ・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目:あり」にする。
  • ・枝番号が発生して、且つコスメじゃない場合、「枝の画像は加工をしていないので、必ず流用フラグを立てること。