![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
おしゃれなアイキャッチ画像を作りたいんだけど、なんかありきたりなデザインになっちゃうんだよね〜
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
そんな時は、Canvaというツールを使っておしゃれなアイキャッチ画像を作成するのがおすすめ!
無料で使えるから、ブログ初心者にもおすすめです!
今回は、Canvaという画像編集ツールを使って、おしゃれなアイキャッチ画像を作成する方法について解説していきます!
- Canvaに登録する方法
- Canvaの基本的な使い方
- Canvaでおしゃれなアイキャッチ画像を作成するコツ
- Canvaをスマホアプリから使用する方法
Canvaに無料登録する方法
Canvaは、
- Googleアカウント
- メールアドレス
の3種類の方法で登録することができます。
今回は、Googleアカウントで登録しました↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.40.30-午前-1024x453.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.40.30-午前-1024x453.jpg)
Googleにログインしただけで簡単に登録ができます。
Canvaの基本的な使い方
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
続いては、Canvaの基本的な使い方を解説していきます!
主に解説する機能は以下の5つ↓
- 画像サイズの変更方法
- 写真のアップロード方法
- 文字挿入・編集
- 素材の挿入・編集
- 配置の変更方法
画像サイズを決める
右上の『デザインを作成』を選択して、『カスタムサイズ』を選択します。
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.27.52-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.27.52-午前.png)
サイズを入力して『新しいデザインを作成』をクリックします↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.28.27-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.28.27-午前.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
アイキャッチ画像のサイズは使っているテーマによって違うので、その点はテーマごとに確認してくださいね!
写真をアップロードする
自分で撮影した写真や、ダウンロードしたフリー画像などをアップロードすることもできます。
画像の編集ページに飛んで、『メディアをアップロード』をクリックします↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.35.04-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.35.04-午前.png)
Googleドライブなどからもアップロードできますが、今回は『デバイス』からアップロードしていきます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.35.19-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.35.19-午前.png)
自分がアップロードしたい画像を選択して『開く』を選択します↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.36.30-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.36.30-午前.png)
アップロードした画像をクリックすると、こんな感じで表示されます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.36.58-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.36.58-午前.png)
文字の編集
文字も色々と編集ができます。
文字を入力する
編集画面のメニューの『テキスト』を選択して、
- 見出しを追加
- 小見出しを追加
- 本文を追加
のいずれかを選択すれば、文字を入力することができます。
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
フォントや大きさは後から変更可能だよ!
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.50.59-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.50.59-午前.png)
サイズの変更
文字を選択したまま、サイズのところを選択すると、好きな大きさに変更することができます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.51.24-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.51.24-午前.png)
フォントの変更
文字を選択したまま、フォントを変更することができます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.51.59-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.51.59-午前.png)
エフェクトの変更
文字を選択した状態で『エフェクト』をクリックすると、好きなエフェクトを選択することができます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.53.10-午前.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後11.53.10-午前.png)
色を変更する
文字を選択した状態でカラー変更をすると、好きな色を選択できます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.19.31-午後.png)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.19.31-午後.png)
素材の挿入
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
Canvaでは、Canva内にある素材を無料で利用することができます!
編集画面のメニューから『素材』を選択すると、素材が表示されます。
無料で利用できる素材もたくさんあるので、好きな素材を使ってみましょう↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.22.30-午後.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.22.30-午後.jpg)
素材の色や大きさ、透明度なども変更できます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.23.27-午後.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.23.27-午後.jpg)
配置の調整
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
Canvaに挿入した画像や素材の配置を変更することもできます。
例えば、ちょっと見辛いですが、下にある『Test』という文字を、四角い素材の上に表示させたい場合、この四角い素材を背面に移動します↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.29.27-午後-1024x712.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.29.27-午後-1024x712.jpg)
四角い素材を背面に移動したことで、文字が前面に出て、しっかりと表示されました↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.30.15-午後-1024x680.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.30.15-午後-1024x680.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
素材や文字、写真をたくさん入れた時に、この配置変更はよく使います!
Canvaでおしゃれなアイキャッチ画像を作成するコツ
では、実際にCanvaでアイキャッチ画像を作成してみましょう!
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
ゼロベースで作っても良いですが、最初のうちはテンプレートの中から好きな構成を選んで作成するのがおすすめ!
テンプレート通りに使用するのではなく、テンプレートの文字や写真、色などを変えれば、簡単におしゃれなアイキャッチ画像を作成できます!
まずは、好きなテンプレートを選びましょう。
今回はYouTubeのサムネイルのテンプレートの中から選択しました。(サイズがブログのアイキャッチに近いのでおすすめ)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.48.15-午前-1024x588.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.48.15-午前-1024x588.jpg)
このままではブログのイメージと全然違う写真なので、写真を別のものに変更します。
左側のメニュー部分の『写真』という項目をクリックすると、フリー画像が出てきます。
これを使用しても良いですし、自分で撮影した写真や、フリー画像をアップロードすることも可能です↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.52.16-午前-1024x600.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.52.16-午前-1024x600.jpg)
写真の配置を最背面に変更します。
写真を選択したまま『配置』→『最背面』で変更可能です↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.54.46-午前-1024x603.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.54.46-午前-1024x603.jpg)
こんな感じで写真が収まりました↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.51.09-午前-1024x722.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.51.09-午前-1024x722.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
だいぶそれっぽくなってきたね!
このままだと英語の文字のままなので、文字を変更していきます。
文字が書いてあるところをクリックして、好きな文字を入れていきます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.02.30-午前-1024x592.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.02.30-午前-1024x592.jpg)
このままだと文字が大きすぎるので、サイズを変更します↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.03.58-午前-1024x588.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.03.58-午前-1024x588.jpg)
大きさや位置を微調整するとこんな感じになります↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.59.51-午前-1024x630.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後09.59.51-午前-1024x630.jpg)
上の英語と数字が書いてあるところも変更してみます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.07.13-午前-1024x639.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.07.13-午前-1024x639.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
ちょっと見づらいですが、位置を揃えるガイドラインが表示されます。
このラインに沿って位置を変えるときっちり位置を合わせることができるので便利ですよ♪
文字が細いので、フォントを変更します。
字を選択しながらフォントを選ぶと、好きなフォントに変更可能です↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.09.22-午前-1024x581.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.09.22-午前-1024x581.jpg)
文字はこんな感じに落ち着きました↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.00.43-午前-1024x717.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.00.43-午前-1024x717.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
これでもまあ良いですが、ちょっと寂しいので素材を追加していきます。
左側のメニューの『素材』をクリックすると、色々な素材が出てきます。
今回は、『線』と検索してみました↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.12.57-午前-1024x591.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.12.57-午前-1024x591.jpg)
素材を選択すると、色や大きさ、位置などを調整できます。
微調整して入れるとこんな感じになりました↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.01.31-午前-1024x651.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.01.31-午前-1024x651.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
もう少し調整の余地はありますが、こんな感じで完成です。
作った画像を保存するには、右上の『ダウンロード』をクリックします。
デフォルトが『PNG』になっていますが、そのままPNGで保存して問題ないです。
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.17.17-午前-1024x761.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.17.17-午前-1024x761.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/7-150x150.png)
初心者でも簡単にできるね!
同じデザインを使いたい時
同じデザインをもう一度使いたい場合は、『あなたのデザイン』というところから、自分が作成したデザインをもう一度使用することができます。
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.19.31-午前-1024x545.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.19.31-午前-1024x545.jpg)
デザインをクリックして、デザインを全選択→コピーします。
さらに、デザインの下にある『ページを追加』をクリックしてください↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.22.24-午前-1024x712.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.22.24-午前-1024x712.jpg)
さっきコピーしたデザインを、新しいページに貼り付けます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.22.59-午前-1024x743.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後10.22.59-午前-1024x743.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
こうすれば、元のデザインを変更せずに、新しいデザインの画像や色、文字なども変更することができます!
Canvaをスマホアプリから使用する方法
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
Canvaは、スマホアプリからも簡単に利用することができます!
GoogleのPlay Storeや、App Storeでアプリをインストールできます↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.48.03-午後.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.48.03-午後.jpg)
インストールしたら、登録している場合はCanvaのアカウントにログインしてください。
スマホで新規登録をする方は、先ほど解説した通りに登録を行ってください↓
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.48.16-午後-563x1024.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/スクリーンショット-2020-10-29-午後12.48.16-午後-563x1024.jpg)
あとは、パソコンと同じように使用することができます↓
![](https://saki01.com/wp-content/uploads/2020/10/IMG_2880-584x1024.jpg)
![](https://saki01.com/wp-content/uploads/2020/10/IMG_2880-584x1024.jpg)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
パソコンで作成したデザインをスマホから保存したり、スマホで作成したデザインをパソコンで保存するってこともできます!
まとめ:Canvaでアイキャッチ画像を作ってみよう!
今回の記事では、私が実際に普段から使用している画像編集ツール『Canva』の使い方について解説しました!
Canvaを使えば、デザインの知識がなくても簡単におしゃれなアイキャッチ画像を作成することができます。
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
![](https://saki01.com/wp-content/uploads/2024/07/8-150x150.png)
アイキャッチ画像の他にも、ブログのバナーやロゴなども簡単に作成できますよ!
ぜひ今回の記事を参考にしてみてくださいね!