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

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


==画像加工の手順==
==画像加工の手順==
<p>ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。この商品を売るために画像加工するのだから。</p>
<p>ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。あくまで商品を売るために画像加工することを念頭に置く。</p>
  【1】RGB、72dpiにする。<em>※[F2]のアクション割り当てあり</em><br>
  【1】RGB、72dpiにする。<em>※[F2]のアクション割り当てあり</em><br>
  【2】パス抜きが必要なものはパスを抜く。<em>※元からパスが存在する商品もあり</em><br>
  【2】パス抜きが必要なものはパスを抜く。<em>※元からパスが存在する商品もあり</em><br>
26行目: 26行目:
==加工済psdファイルの置き場所==
==加工済psdファイルの置き場所==


加工した600x600のpsdファイルは指定の場所に置いてください。その際にcutとexpフォルダを作成し、ファイルのコピー&移動も忘れないように。<br>
加工した600x600のpsdファイルは指定の場所に置いてください。その際にcutとexpフォルダを作成し、ファイルのコピー&移動も忘れないようにしましょう。<br>


<div class="example">
<div class="example">

2009年9月7日 (月) 20:30時点における版

画像ファイル置き場所

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

画像加工の手順

ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。あくまで商品を売るために画像加工することを念頭に置く。

  【1】RGB、72dpiにする。※[F2]のアクション割り当てあり
  【2】パス抜きが必要なものはパスを抜く。※元からパスが存在する商品もあり
  【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。
  【4】適切にトリミングする。※商品がセンターに来るようにする
  【5】レベル補正、色調補正、シャープ、ゴミ取り、映り込み等の画像補正を行う。
  【6】600x600pxにする。※元画像が粗い場合は300x300
  【7】psd形式で加工済フォルダに保存する。

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

画像加工・補正時の注意点

  • ・シャープはやや強めにかけましょう。その方が好まれます。
  • ・商品が全体的に白っぽくて、背景:白だと見えづらいときは、グレーのグラデを背景に引いてください。(サンプルあり)


加工済psdファイルの置き場所

加工した600x600のpsdファイルは指定の場所に置いてください。その際にcutとexpフォルダを作成し、ファイルのコピー&移動も忘れないようにしましょう。

【090908_東京_大北海道展】
 └【加工済】 ← 032100333_01.psd
    ├【[cut]】← 032100333cut01.psd
    └【[exp]】← 032100333exp.psd  ※032100333_01.psdをコピーしてファイル名を変える

ファイルの種類

加工済の「*********_01.psd」から、各JPGファイルを書き出します。ファイルの種類は以下の通り。

サイズ 100x100 100x100 100x100 100x100 300x300 300x300 600x600 300x300
名称 s_01 s_00 m_01 m_00 l_01 l_00 exp cut_0*
種類 メイン画像 メイン画像 メイン画像 メイン画像 メイン画像 メイン画像 メイン画像 説明画像1、2…
必須有無 必須 必須 必須 必須 必須 必須 だいたいある あれば
ファイル名の例 s030101291_01.jpg s030101291_00.jpg m030101291_01.jpg m030101291_00.jpg l030101291_01.jpg l030101291_00.jpg 030101291exp.jpg 030101291cut01.jpg

※例えば、「030101291_01.psd」の加工済ファイル(メイン画像)から、書き出すJPGは以下の7ファイルとなる。

  • s030101291_01.jpg   s030101291_00.jpg
  • m030101291_01.jpg  m030101291_00.jpg
  • l030101291_01.jpg   l030101291_00.jpg
  • 030101291exp.jpg

リサイズについて

【1】加工済のpsdファイルを全てローカルPCにコピーする。

【バッチ前ファイル】 ← s画像、m画像、l画像
  ├【[cut]】 ← cut画像
  └【[exp]】 ← exp画像


【2】ローカルPCの指定フォルダに、[s_01]、[s_00]、[m_01]、[m_00]、[l_01]、[l_00]のフォルダ6つを作成。

空のフォルダをつくる。


【3】photoshopにて、リサイズを行う。

[ファイル]→[自動処理]→[バッチ]で下のウィンドウが開きます。

※指定のアクションをセットする必要があります。
※cut→300x300、exp→600x600もお忘れなく!


【4】リネームを行う。(リネームソフトがあると便利♪)

  • ・s、m、lを先頭につける。

ファイル:Imageprocess4.gif

  • ・_01を_00に変更する。



【5】全てのJPGファイルを同階層のフォルダに集結させる。

  • ・全てのファイルが1つのフォルダに集結!


【6】「Tkocore2 / CatalogImage」内の指定フォルダの画像を置く。

  • ・[_img_未]というフォルダ名の中に全てのJPGを入れてください。