アイキャッチ画像にお悩みじゃありませんか?
そもそもアイキャッチ画像ってなんぞや?
なんかブログの画像にタイトル入れてるけど、やり方がわからない、むずかしそう・・・
実際に、僕もそうでした。
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
どうやって画像にいい感じにタイトルいれてるの?
スクリーンショットとってペイントに張り付けてるのかな?
今日は、超初心者向けのアイキャッチ画像の作り方をご紹介します!!
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
3分アイキャッチクッキングー
※キューピー3分クッキングのBGM
使うツール
canva
ログイン
ログインは3種類からお好きなものでしましょう
- Apple
右上の「デザインを作成」を選択
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_22h51_43.png?resize=768%2C196&ssl=1)
カスタムサイズを選択
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_22h52_43.png?resize=366%2C358&ssl=1)
アイキャッチ画像のサイズを入力
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_22h54_13.png?resize=367%2C176&ssl=1)
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
ワードプレスのアイキャッチ画像は1200×630がおすすめです!
入力後は「新しいデザインを作成」を選択
画像を選択する
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_22h58_21.png?resize=768%2C332&ssl=1)
Aパターン
- 「メディアをアップロード」を押して、画像を選択しアップロード
- アップロード後にドラッグ&ドロップ
Bパターン
- フォルダから直接ドラッグ&ドロップ
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
僕は、スマホとPCを同期しているので、そのまま撮った写真をドラッグ&ドロップしています!!
カスタマイズしたサイズに画像が添付される
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h05_42.png?resize=768%2C411&ssl=1)
画像を拡大/縮小する
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h08_45-1.png?resize=768%2C414&ssl=1)
テキストから見出しを選択
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h11_50.png?resize=768%2C333&ssl=1)
右端からテキストを選択
見出しを追加を選択すると、カスタマイズに見出しが追加される
見出しを追加する
見出しを入力する
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h15_20.png?resize=768%2C407&ssl=1)
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
ブログのテーマやインパクトのあるキャッチにしましょう!!
文字を目出せるように背景を追加する
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h16_21.png?resize=768%2C337&ssl=1)
右端の素材から背景を選ぶ(今回はシンプルに四角の図形を選びました)
背景色を決める
- カスタマイズのサイズの右上あたりにある色をクリック
- 好きな色を選ぶ
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h19_28.png?resize=768%2C317&ssl=1)
背景を半透明にする
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h21_56.png?resize=768%2C437&ssl=1)
背景の形を変える
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h25_17.png?resize=768%2C416&ssl=1)
思いっきりはみ出してもカスタマイズサイズで作られるため、はみ出しても問題ありません
文字の色を変える
文字を選択しメニューから好きな色を選ぶ
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h29_01.png?resize=768%2C304&ssl=1)
ダウンロードをする
- ファイルの種類を「JPG」に変更
- ダウンロードを押す
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h31_37.png?resize=768%2C349&ssl=1)
PCのダウンロードフォルダにダウンロードされる
![](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/10/2020-10-26_23h33_43.png?resize=528%2C429&ssl=1)
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
あとは作成した画像をアイキャッチ画像に選択するだけです!!
一度覚えたら3分あればサクサクと作れちゃいますよ♪
![zero](https://i0.wp.com/zerozeroblog.com/wp-content/uploads/2020/09/00000003199990_A01.jpg?resize=96%2C96&ssl=1)
今回のブログ用の画像加工のツールも以下の記事で紹介しています