「画像加工ガイドライン」を編集中

<div id="manual">

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

==画像加工の手順==
<p>ユーザーの期待に応えるには、どういう画像にすべきかを考えて画像加工しましょう。商品を売るために画像加工することを念頭に置きましょう。</p>
　　【1】RGB、72dpiにする。<em>※[F2]のアクション割り当てあり</em><br>
　　【2】パス抜きが必要なものはパスを抜く。<em>※元からパスが存在する商品もあり</em><br>
　　【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。<br>
　　【4】適切にトリミングする。<em>※商品がセンターに来るようにする</em><br>
　　【5】色調補正、コントラスト、シャープ、ゴミ取り、映り込み等の画像補正を行う。<br>
　　【6】600x600pxにする。<em>※元画像が粗い場合は300x300</em><br>
　　【7】psd形式で加工済フォルダに保存する。<br>
<div class="example">
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。<br>
[[画像:Imageprocess7.jpg]]
</div>

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


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

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

<div class="example">
【090908_東京_大北海道展】<br>
　└【加工済】 ← <em>032100333_01.psd</em><br>
　　　　├【[cut]】← <em>032100333cut01.psd</em><br>
　　　　└【[exp]】← <em>032100333exp.psd</em> 　※032100333_01.psdをコピーしてファイル名を変える<br><br>
[[画像:Imageprocess8.jpg]]
</div>

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

<table border="0" cellpadding="12" cellspacing="12" class="address">
<tr>
<td bgcolor="#dddddd">サイズ</td>
<td>100x100</td>
<td>100x100</td>
<td>100x100</td>
<td>100x100</td>
<td>300x300</td>
<td>300x300</td>
<td>600x600</td>
<td>300x300</td>
</tr>
<tr>
<td bgcolor="#dddddd">名称</td>
<td>s_01</td>
<td>s_00</td>
<td>m_01</td>
<td>m_00</td>
<td>l_01</td>
<td>l_00</td>
<td>exp</td>
<td>cut_0*</td>
</tr>
<tr>
<td bgcolor="#dddddd">種類</td>
<td>メイン画像</td>
<td>メイン画像</td>
<td>メイン画像</td>
<td>メイン画像</td>
<td>メイン画像</td>
<td>メイン画像</td>
<td>メイン画像</td>
<td>説明画像1、2…</td>
</tr>
<tr>
<td bgcolor="#dddddd">必須有無</td>
<td>必須</td>
<td>必須</td>
<td>必須</td>
<td>必須</td>
<td>必須</td>
<td>必須</td>
<td>だいたいある</td>
<td>あれば</td>
</tr>
<td bgcolor="#dddddd">ファイル名の例</td>
<td>s030101291_01.jpg</td>
<td>s030101291_00.jpg</td>
<td>m030101291_01.jpg</td>
<td>m030101291_00.jpg</td>
<td>l030101291_01.jpg</td>
<td>l030101291_00.jpg</td>
<td>030101291exp.jpg</td>
<td>030101291cut01.jpg</td>
</tr>
</table>
<div class="example">
※例えば、「030101291_01.psd」の加工済ファイル(メイン画像)から、書き出すJPGは以下の7ファイルとなる。<br>
*<em>s030101291_01.jpg</em>　　 <em>s030101291_00.jpg</em>
*<em>m030101291_01.jpg</em>　　<em>m030101291_00.jpg</em>
*<em>l030101291_01.jpg</em>　　 <em>l030101291_00.jpg</em>
*<em>030101291exp.jpg</em>
</div>

==リサイズについて==

【1】加工済のpsdファイルを全てローカルPCにコピーする。
<div class="example">
【バッチ前ファイル】 ← <em>s画像、m画像、l画像</em><br>
　　├【[cut]】 ← <em>cut画像</em><br>
　　└【[exp]】 ← <em>exp画像</em><br>
[[画像:Imageprocess1.gif]]
</div>


【2】ローカルPCの指定フォルダに、[s_01]、[s_00]、[m_01]、[m_00]、[l_01]、[l_00]のフォルダ6つを作成。
<div class="example">
空のフォルダをつくる。<br>
[[画像:Imageprocess2.gif]]
</div>


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

<div class="example">
[ファイル]→[自動処理]→[バッチ]で下のウィンドウが開きます。<br>
[[画像:Imageprocess3.gif]]<br>
※指定のアクションをセットする必要があります。<br>
※cut→300x300、exp→600x600もお忘れなく！
</div>


【4】リネームを行う。(リネームソフトがあると便利♪)
<div class="example">
*・s、m、lを先頭につける。<br>
[[画像:Imageprocess4.gif]]<br><br>

*・_01を_00に変更する。<br>
[[画像:Imageprocess5.gif]]<br><br>

</div>

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

<div class="example">
*・全てのファイルが1つのフォルダに集結！
[[画像:Imageprocess6.gif]]<br>

</div>

【6】「Tkocore2 / CatalogImage」内の指定フォルダの画像を置く。
<div class="example">
*・[_img_未]というフォルダ名の中に全てのJPGを入れてください。
[[画像:Imageprocess7.gif]]<br>
</div>

</div>