Warning: Undefined array key 1 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 12
Warning: Undefined array key 2 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 15
Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 18
Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 21
Warning: Undefined array key 1 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 24
Warning: Undefined array key 2 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 27
Warning: Undefined array key 3 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 30
Warning: Undefined array key 4 in /home/syotaro/for-men.jp/public_html/wp-content/themes/sango-theme-poripu/library/functions/prp_content.php on line 33
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
Warning: Undefined variable $return in /home/syotaro/for-men.jp/public_html/wp-content/plugins/kojika-balloon-creator/library/kjk_balloon_sc.php on line 91
![](https://for-men.jp/wp-content/uploads/2018/08/huki-u-n.png)
アイキャッチに商品画像を配置するコツってあるの?
![](https://for-men.jp/wp-content/uploads/2018/08/huki-kuma3.png)
イラレ使ってやってみろや
![](https://for-men.jp/wp-content/uploads/2018/08/huki-kirakira.png)
よっしゃ!イラレでやってやんよ!!!
イラレで商品画像を配置
Before
![おすすめのエレコムトラックボールマウス](https://for-men.jp/wp-content/uploads/2018/08/おすすめのエレコムトラックボールマウス.png)
After
![SW-M570](https://for-men.jp/wp-content/uploads/2018/08/SW-M570.png)
商品画像を撮影したり、背景を削除する方法についてはこちら
![アイキャッチ画像と商品画像](https://for-men.jp/wp-content/uploads/2018/08/アイキャッチ画像と商品画像-160x160.png)
使うソフトはこちら
![](https://for-men.jp/wp-content/uploads/2018/08/illastrater-150x150.png)
イラストレーター
イラストレーターでアイキャッチ用のファイルを作成
![](https://for-men.jp/wp-content/uploads/2018/08/huki-talk.png)
ぼくがやった手順を紹介します。
ガイドの作成
ぼくはアイキャッチを作成するときに、ガイド(目印となる線)を作成するようにしています。 ガイドを一度つくれば、新しくアイキャッチ画像を作るときも役に立ちます。STEP 1
新規作成
![](https://for-men.jp/wp-content/uploads/2018/09/1.png)
MEMO
アイキャッチのサイズは680×390pxだとキレイに画像が表示されます。STEP 2
正方形のガイドを作成
![](https://for-men.jp/wp-content/uploads/2018/09/3.png)
STEP 3
正方形
![](https://for-men.jp/wp-content/uploads/2018/09/4.png)
STEP 4
オフセットを作成1
![](https://for-men.jp/wp-content/uploads/2018/09/5.png)
STEP 5
オフセットを作成2
![](https://for-men.jp/wp-content/uploads/2018/09/6.png)
STEP 6
オフセット完了
![](https://for-men.jp/wp-content/uploads/2018/09/7.png)
STEP 7
2つの正方形を選択
![](https://for-men.jp/wp-content/uploads/2018/09/8.png)
STEP 8
ガイドをロック
![](https://for-men.jp/wp-content/uploads/2018/09/9.png)
STEP 9
タイトル部分のガイドも作成
![](https://for-men.jp/wp-content/uploads/2018/09/10.png)
STEP 10
配置
![](https://for-men.jp/wp-content/uploads/2018/09/12.png)
STEP 11
レイヤーに名前
![](https://for-men.jp/wp-content/uploads/2018/09/13.png)
STEP 12
他のレイヤーも作成
![](https://for-men.jp/wp-content/uploads/2018/09/14.png)
![](https://for-men.jp/wp-content/uploads/2018/08/huki-kuma3.png)
長くね?
![](https://for-men.jp/wp-content/uploads/2018/08/huki-haa.png)
説明しているぼくもびっくりやで
背景を作成
好きな色を背景にしていきます。STEP 1
長方形ツール
![](https://for-men.jp/wp-content/uploads/2018/09/15.png)
STEP 2
背景を中央よせ
![](https://for-men.jp/wp-content/uploads/2018/09/16.png)
STEP 3
カラー
![色の決め方](https://for-men.jp/wp-content/uploads/2018/09/色の決め方.gif)
写真を配置
いよいよ写真を配置していきます。STEP 1
配置する写真の選択
![](https://for-men.jp/wp-content/uploads/2018/09/17.png)
注意
配置する写真は背景を透明にしたものを選択してください。STEP 2
商品写真が配置される
![](https://for-men.jp/wp-content/uploads/2018/09/18.png)
STEP 3
画像をトレース
![](https://for-men.jp/wp-content/uploads/2018/09/19.png)
STEP 4
写真をベクターに
![](https://for-men.jp/wp-content/uploads/2018/09/20.png)
STEP 5
拡張が終わるとこんな感じ
![](https://for-men.jp/wp-content/uploads/2018/09/21.png)
STEP 6
グループ解除
![](https://for-men.jp/wp-content/uploads/2018/09/22.png)
STEP 7
グループ化
![](https://for-men.jp/wp-content/uploads/2018/09/24.png)
STEP 8
サイズ調整
![](https://for-men.jp/wp-content/uploads/2018/09/25.png)
STEP 9
角度調整
![](https://for-men.jp/wp-content/uploads/2018/09/26.png)
STEP 10
影をつくる1
![](https://for-men.jp/wp-content/uploads/2018/09/28.png)
STEP 11
影をつくる2
![](https://for-men.jp/wp-content/uploads/2018/09/29.png)
STEP 12
影をつくる3
![](https://for-men.jp/wp-content/uploads/2018/09/30.png)
STEP 13
影をつくる4
![](https://for-men.jp/wp-content/uploads/2018/09/31.png)
STEP 14
影をつくる5
![](https://for-men.jp/wp-content/uploads/2018/09/32.png)
STEP 15
影をつくる6
![](https://for-men.jp/wp-content/uploads/2018/09/33.png)
STEP 16
影が完成
![](https://for-men.jp/wp-content/uploads/2018/09/34.png)
STEP 17
タイトルを記入
![](https://for-men.jp/wp-content/uploads/2018/09/35.png)
STEP 18
保存
![](https://for-men.jp/wp-content/uploads/2018/09/36.png)
![](https://for-men.jp/wp-content/uploads/2018/08/huki-ase.png)
長かったなぁ
![](https://for-men.jp/wp-content/uploads/2018/08/huki-kuma1.png)
テンプレ作れば後は楽勝やろ