諸々やってきましたけど、たぶんこの方法がベスト(いまのとこ
これで悩まず、1分程度でアイキャッチを作れます
Canbvaに登録する
ちなみにアフィリンクですけど
私も登録いただいた方も1クレジットもらえるらしいです。
得しかないのでぜひ
Canvaで自分のフォーマットを作る
ここからフォーマットを作っていきます。
基本的にフォーマットをコピーしてアイキャッチを作ります。
デザインを作成~適切なサイズは1200×630
「デザインを作成」を選びます
![](https://research-labo.com/wp-content/uploads/2020/09/image-57.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-57.png)
カスタムサイズを選びます
![](https://research-labo.com/wp-content/uploads/2020/09/image-58.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-58.png)
1200×630pxに設定
![](https://research-labo.com/wp-content/uploads/2020/09/image-59.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-59.png)
こんな画面になります。
ひょっとするとテンプレートとかが開いてる状態かも
その場合ctrl+/で↓になります。
![](https://research-labo.com/wp-content/uploads/2020/09/image-60-800x489.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-60-800x489.png)
ここを「名称未設定のデザイン」と書いてあるところをクリック
名称の設定をしておきましょう
名前はお好きにどうぞ!
![](https://research-labo.com/wp-content/uploads/2020/09/image-61.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-61.png)
画像サイズへの補足
1200×630pxと指定しましたけど
まぁ環境によって使いたいサイズがあれば変えてください。
CocoonではRetinaディスプレイのことも考えれば1280×1280以上を推奨されています。
![](https://www.iamyuki.site/andmore/wp-content/themes/cocoon-master/screenshot.jpg)
![](https://www.iamyuki.site/andmore/wp-content/themes/cocoon-master/screenshot.jpg)
![](https://www.iamyuki.site/andmore/wp-content/themes/cocoon-master/screenshot.jpg)
とりあえず正方形にしなかった理由は
おすすめカード
↓コレっすね
![](https://research-labo.com/wp-content/uploads/2020/09/image-62-800x166.jpg)
![](https://research-labo.com/wp-content/uploads/2020/09/image-62-800x166.jpg)
横長にしておかないと上下が切れちゃって微妙なんです。
まぁお使いのテーマに合わせてご選択ください
判断に困ったら一度1200×630にして進みましょう
ただ、後々変更するととても置き換えが面倒です
早めに統一しましょう
基本パターンを作る
ではフォーマットを整えていきましょう
結構個人の好みもありますので一例としてください。
素材→フレームを追加して大きさを整える
![](https://research-labo.com/wp-content/uploads/2020/09/image-62-800x424.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-62-800x424.png)
大きさや場所をお好みで合わせていきましょう
素材をクリックして選択にすると、拡大・縮小・回転が出ます。
文字をどこに入れるか考えてくださいね
Canvaは中心線等が出てくるので合わせていくと便利です。
![](https://research-labo.com/wp-content/uploads/2020/09/image-64-800x427.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-64-800x427.png)
文字を入れる
バーのテキストからの「見出しを追加」をクリック
![](https://research-labo.com/wp-content/uploads/2020/09/image-65.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-65.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-66-800x426.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-66-800x426.png)
文字をクリックして、書体を選択しましょう
![](https://research-labo.com/wp-content/uploads/2020/09/image-67-800x307.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-67-800x307.png)
ダウンロードマークはクリックしたら使えるようになります。
王冠マークは有料フォントです。
エフェクトをおすと影付きにしたり浮き出しにしたりできます。
![](https://research-labo.com/wp-content/uploads/2020/09/image-68-800x423.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-68-800x423.png)
もっと基本の形に拘りたい方は色々さわってみてください
一旦この辺りでコピーします。
![](https://research-labo.com/wp-content/uploads/2020/09/image-69.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-69.png)
この真ん中にあるのが複製です。
フォーマットからアイキャッチを完成させる
メインにする写真を選びましょう
バーの写真→検索でイメージにちかいもの
いまいちだったらODAN等でフリー素材を引っ張ってきてアップして使います。
![](https://research-labo.com/wp-content/uploads/cocoon-resources/blog-card-cache/868bab095b375d0580de3325a1bdec7b.png)
![](https://research-labo.com/wp-content/uploads/cocoon-resources/blog-card-cache/868bab095b375d0580de3325a1bdec7b.png)
![](https://research-labo.com/wp-content/uploads/cocoon-resources/blog-card-cache/868bab095b375d0580de3325a1bdec7b.png)
外部から引っ張った場合は「アップロード」に入ります。
アップロードでもCANVA内の写真でも、クリック・ドラッグしてフレームに持っていきます
すると↓のようにフレームに写真がハマります。
![](https://research-labo.com/wp-content/uploads/2020/09/image-70-800x427.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-70-800x427.png)
写真をダブルクリックして、場所を調整します。
![](https://research-labo.com/wp-content/uploads/2020/09/image-71.jpg)
![](https://research-labo.com/wp-content/uploads/2020/09/image-71.jpg)
こんな感じにしてみました。ちょっと上に上げただけですね
![](https://research-labo.com/wp-content/uploads/2020/09/image-71-800x423.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-71-800x423.png)
背景を設定する
バーの背景から選びます
好きな画像をクリックしたら勝手に背景に入ります
![](https://research-labo.com/wp-content/uploads/2020/09/image-72.jpg)
![](https://research-labo.com/wp-content/uploads/2020/09/image-72.jpg)
ちょっと背景を透明にしたり、フィルターを掛けたりします
![](https://research-labo.com/wp-content/uploads/2020/09/image-72.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-72.png)
こちらの左から2番目が透明化
![](https://research-labo.com/wp-content/uploads/2020/09/image-73.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-73.png)
このあたりは好きに触ってみましょう
![](https://research-labo.com/wp-content/uploads/2020/09/image-72-1.jpg)
![](https://research-labo.com/wp-content/uploads/2020/09/image-72-1.jpg)
名前を整える
名前、まぁ投稿名とか?
![](https://research-labo.com/wp-content/uploads/2020/09/image-74.jpg)
![](https://research-labo.com/wp-content/uploads/2020/09/image-74.jpg)
「やっぱ字体が気に入らんなぁ」とか思われたら
随時直していってください
ダウンロードする
おつかれさまでした。
あとはダウンロードするだけ
![](https://research-labo.com/wp-content/uploads/2020/09/image-74.png)
![](https://research-labo.com/wp-content/uploads/2020/09/image-74.png)
こちらでダウンロードするページを選んでください。
選ばなかったら全部が落とされます。
その後の運用
あとは今後アイキャッチを作るときには、
フォーマットを開いて複製、編集するだけ
これで自体や雰囲気も整えていくことができます。
よろしければCANVAのアフィよろです