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

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
 
(同じ利用者による、間の5版が非表示)
1行目: 1行目:
<div id="manual">
<div id="manual">
 
このページは実際に画像加工をする人向けのガイドラインです。デザイナー向けです。<br>
業務については[[高島屋オンラインストア 商品画像運用ルール]]を参照ください。画像加工のサンプルは[[画像加工の例]]を参照ください。
業務フローについては[[高島屋オンラインストア 商品画像運用ルール]]を参照ください。<br>また、画像加工のサンプルは[[画像加工の例]]を参照ください。
 
<br>
==画像ファイル置き場所==
==画像ファイル置き場所==
<em>\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部</em>の中にタカシマヤ オンラインショッピングの商品画像ファイルがあります。
商品画像は以下の場所にあります。<br>
<b>\\Tkocore01\CatalogImage\00_takashimaya\01_オンラインストア商品画像</b>


==画像加工の手順==
==画像加工の手順==
【1】まずはRGB、72dpiにする。<em>※[F2]のアクション割り当てあり</em><br>
1.まず「RGB」、「72dpi」、「レイヤーコピー」にする。<br>
【2】パス抜きが必要なものはパスを抜く。<em>※元からパスが存在する商品もあり</em><br>
2.必要なものはパス抜きを行う。<em>※パス付きで入稿する場合もあり</em><br>
【3】元画像を残すため、白のレイヤーをつくり、その上にコピーした商品レイヤーを置く。<br>
3.適切にトリミングする。<br>
【4】適切にトリミングする。<em>※商品がセンターに来るようにする</em><br>
4.「水平出し」→「ゴミ取り」→「映り込み処理」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。<br>
【5】「水平出し」→「ゴミ取り」→「映り込み」→「シャドウ/ハイライトの決定」→「明るさ・コントラストの調整」→「色調整」→「シャープ」の画像補正を行う。<br>
5.600x600pxにする。<em>※元画像が粗い場合は300pxまで縮小可</em><br>
【6】600x600pxにする。<em>※元画像が粗い場合は300x300px~599x599pxの間に収める</em><br>
6.psd形式で加工済フォルダに保存する。<br>
【7】psd形式で加工済フォルダに保存する。<br>
<div class="example">
<div class="example">
最終的なレイヤーは大体こうなります。当然、調整レイヤーは商品によって異なります。<br>
最終的なレイヤー例<br>
[[画像:Imageprocess7.jpg]]
[[画像:Imageprocess7.jpg]]
</div>
</div>


==チェックリスト==
==チェックリスト==
画像加工が終了したら、もう一度以下をチェックしてみましょう。<br><br>
画像加工が終了したら、もう一度以下をチェックする。<br>
[[画像:photo_rule07.gif]]
<div class="example">
<br>
<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>
*・シャープはやや強めにかけましょう。その方が好まれます。<br>
また、カンバスサイズは色玉個数に合わせて300pxから600pxの間で作る。
*・商品自体が全体的に白っぽく、背景が白だと見えづらい場合、グレーのグラデーションを背景に引いてください。(サンプルあり)<br>
*・作業者は購入者の心理に立って、画像加工を行う。
*・シャープはやや強めにかける。傾向として、ややパリっとした方が好ましい。<br>
*・背景が白だと見えづらい場合、グレーのグラデーションを背景に引く。(サンプルあり)<br>
*・具体的には[[画像加工の例]]を参考に。


[[画像加工の例]]


 
==JPG書き出し==
==バッチかけについて==
psdをjpgに変換する。その際にphotoshopのバッチ機能を使う。<br>
画像加工が出来たらpsd画像をjpgに変換します、その際にphotoshopのバッチ機能を使うと便利です。<br>
[\\Tkocore01\CatalogImage\00_takashimaya\01_オンラインストア商品画像\サンプル・フォーマット\photoshopバッチ]<br>
[\\Mini_server\nikomi\gyutan\00_takashimaya\01_オンライン事業部\サンプル・フォーマット\photoshopバッチ]<br>
にある「JPG書き出し.atn」を使いましょう。<br>
にある「JPG書き出し.atn」を使いましょう。<br>
<br>
<br>
40行目: 46行目:
[[画像:imgbatch01.jpg]]<br>
[[画像:imgbatch01.jpg]]<br>
<br>
<br>
出来たら自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します<br>
自分のローカルに、加工済psd画像を置いておく「元画像」フォルダと、バッチ後のjpg画像を送る「img」フォルダを設定します<br>
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。<br>
次にphotoshopの[ファイル→自動処理(U)→バッチ(B)]をクリックします。<br>
<br>
<br>
46行目: 52行目:
<br>
<br>
画像のように「セット(T)=JPG書き出し アクション(A)=そのままJPG書き出し ソース(O)=フォルダ 選択(C)=元画像 開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ 実行後=img ファイルの名前=ドキュメントの名前+拡張子(小文字)」と設定、OKを押したら実行されます。<br>
画像のように「セット(T)=JPG書き出し アクション(A)=そのままJPG書き出し ソース(O)=フォルダ 選択(C)=元画像 開くダイアログを非表示(F)とカラープロファイル警告を非表示(P)にチェック入れ 実行後=img ファイルの名前=ドキュメントの名前+拡張子(小文字)」と設定、OKを押したら実行されます。<br>
<em>※jpgにバッチをかけた画像が300k以上の容量になっていないかチェック</em><br>
<em>※実行後、JPG画像は300k以下に抑える。</em><br>


==画像リストについて==
==画像リストについて==


*・画像リストは、見積もり/請求や画像確認リストとして必要になります。<br>
*・画像リストは見積・請求時に必要となるもので、大プロモーション以外はデザイナーが作成する。<br>
*・パスの「あり/なし」で請求額が異なります。
*・「パス抜」、「スキャン」「流用」の【あり】【無】を入れる。<br>
*・手間のかかった画像加工は、請求金額に上乗せするため、画像リストの備考欄に記載する。
<table border="0" cellpadding="5" cellspacing="5" class="address">
<tr>
<th>備考欄への記入例</th>
<th>内容</th>
</tr>
<tr>
<td><b>テキスト追加</B></td>
<td>画像に文字を入れたとき</td>
</tr>
<tr>
<td><b>○枚の素材から1枚に加工</B></td>
<td>複数の素材を合成して1枚に加工したとき</td>
</tr>
<tr>
<td><b>色味修正</B></td>
<td>色味を大幅に変えたとき</td>
</tr>
<tr>
<td><b>大阪撮影分</B>(←デザイナーはチェック不要)</td>
<td>大阪スタジオで撮影した素材を使用したとき</td>
</tr>
<tr>
<td><b>前回分流用</B>(←デザイナーはチェック不要)</td>
<td>以前に使用した画像を流用したとき</td>
</tr>
 
</table>
 
 


<div class="example">
<div class="example">
===画像リスト作成時の注意点===
画像リスト作成時の注意点
*・加工画像数が行の最大値(62)を超える場合は、タイトルを分ける。1/2、2/2とタイトルに記述。
*(1)加工画像数が行の最大値(62)を超える場合は、タイトルを分ける。1/2、2/2とタイトルに記述。
*・「商品総数」は枝を1とカウント“する”
*(2)「商品総数」は枝を1とカウント“する”
*・"流用(入稿)の欄は、入稿画像内での流用の有無を記載する。<br>
*(3)流用(入稿)の欄は、入稿画像内での流用の有無を記載する。<br>
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は1からスタートする。
同じ画像は同じ数字を割り当てる。0は流用無しと同義なので必ず数字は1からスタートする。
*・入稿内流用でパス抜きありの場合、流用元/流用先ともに「パス抜き項目:あり」にする。
*(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 ファイルの名前=ドキュメントの名前+拡張子(小文字)」と設定、OKを押したら実行されます。
※実行後、JPG画像は300k以下に抑える。

画像リストについて[編集]

  • ・画像リストは見積・請求時に必要となるもので、大プロモーション以外はデザイナーが作成する。
  • ・「パス抜」、「スキャン」「流用」の【あり】【無】を入れる。
  • ・手間のかかった画像加工は、請求金額に上乗せするため、画像リストの備考欄に記載する。
備考欄への記入例 内容
テキスト追加 画像に文字を入れたとき
○枚の素材から1枚に加工 複数の素材を合成して1枚に加工したとき
色味修正 色味を大幅に変えたとき
大阪撮影分(←デザイナーはチェック不要) 大阪スタジオで撮影した素材を使用したとき
前回分流用(←デザイナーはチェック不要) 以前に使用した画像を流用したとき


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

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

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

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