webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

インデザインのカタログデータから、WEB用の商品画像一括で作る

f:id:ohta-felica:20171004082026p:plain

 新規ドキュメントを作って、ページの設定をする。

最終的に必要な商品画像のサイズを入力します。

ここでは800px*800pxに設定します。

 

f:id:ohta-felica:20171004082144p:plain

 

四隅のマージンを指定します。

f:id:ohta-felica:20171004082214p:plain

 それぞれの商品画像で、決められた位置にロゴや、商品コードなどを配置しなければいけないときは、予めそれらのためのスペースを指定しておく。

f:id:ohta-felica:20171004220925p:plain

 商品数が多いときなどはページの外に送品コードを記載するスペースを作っておくと後で検索をかけたりすることができて非常に便利。

↓こんな感じ、、、

 

f:id:ohta-felica:20171004221345p:plain

 

 

これでページができました。

あとは商品台帳を横に開いて、ドラッグアンドドロップしていきます。

最後に、「ファイル」「書き出し」でJPEGを書き出せば一括で商品画像が出来上がり!