先日「【Canva】脱・文字だけアイキャッチ!吹き出し素材を使った画像の作り方」という記事を書きまして。
今回は吹き出しアイキャッチ作成の第2弾。吹き出しと写真を組み合わせたアイキャッチを作ります。
画像やアイキャッチは注目してもらってなんぼ。
写真と文字だけより、吹き出しを使ったほうが目に止まりやすいんですよね。
吹き出しの文字ってなんか読んじゃうんですよね。漫画好きな人は無意識に目で追ってしまうかも。
それに、個性的な吹き出しを使えばインパクト大。誰でも簡単に面白い画像を作れるんです。
前回の吹き出し作成記事ではイラストちっくな吹き出しアイキャッチを作ったので、今回はおしゃれな感じの吹き出しアイキャッチを作りますぞ。
吹き出し×写真のアイキャッチ例
王道は人物に吹き出しをつけたアイキャッチ。喋ってる感じ、本音を漏らした感じが出るので興味を引きますね。
![自分のブログを読んだ感想をもらう方法は?](https://azusas.com/wp-content/uploads/2019/07/want-impression.png)
![副業で自分がレベルアップする5つの理由](https://azusas.com/wp-content/uploads/2017/06/sideline03.jpg)
![15分の「ちょい昼寝」を初めたら調子がいい件](https://azusas.com/wp-content/uploads/2018/11/15minutes-nap.jpg)
「動物×吹き出し」はかわいい画像にもなるし、動物が喋ってるみたいで面白い画像にもなるのでおすすめ。
モノに吹き出しをつけるのもありです。
![初めてブログを書いてるあなたへ「誰も見てないからとりあえず記事アップしてね」](https://azusas.com/wp-content/uploads/2019/02/writing-blog-first-time.jpg)
![無料ブログをおすすめしない3つの理由](https://azusas.com/wp-content/uploads/2017/07/blog01.jpg)
コミカルな感じにもできます。
![コミカル系安西先生アイキャッチ見本](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo32.jpg)
吹き出しって遊べるので楽しいですよ。
また、サブタイトルに吹き出しを使う方法もありますね。
![メンタリストDaiGoさんに学ぶ個人ブログの在り方](https://azusas.com/wp-content/uploads/2019/08/ideal-way-of-personal-blog.jpg)
![【テキスト入力編】パソコン時短!めちゃめちゃ使えるショートカットキー](https://azusas.com/wp-content/uploads/2019/10/shortcut-list01.png)
写真以外、イラストや文字だけのアイキャッチでも使えるので便利です。
吹き出し×写真でアイキャッチを作る方法
今回は人物に吹き出しをつけたアイキャッチを作ります。
![写真×吹き出し×手書き文字のアイキャッチ見本](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo33.jpg)
手順は以下です。
- 写真をダウンロードする
- 吹き出しをダウンロードする
- 写真・吹き出しをCanvaにアップロードする
- 写真と吹き出しをのせる
- 文字をのせる
- 調整する
1.写真をダウンロードする
主役となる写真から選びましょう。
本記事では、商用OKの無料写真素材サイト「O-DAN(オーダン)」を使います。
トップページからキーワードで検索します。
![O-DANトップページで検索](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo01.jpg)
今回は「女性 ファッション」で検索してみました。おしゃれな感じの人物写真がほしいので。
O-DANは複数の素材サイトから検索できます。
![O-DAN検索結果画面](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo02.jpg)
左メニューのサイト名をクリックして、いろんなサイトの画像をチェックしてみてくださいね。
写真選びのポイントは、吹き出しが入る場所があるかどうか。
吹き出し+文字の入る余白のある写真は使いやすいですよ。
写真を選択したらダウンロード画面で「DOWNLOAD」ボタンを押します。
![無料写真素材ダウンロードページ](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo03.jpg)
※サイトによってボタンの表記は異なります。サイズを指定する場合は、アイキャッチサイズより大きめに指定するといいですよ。
ダウンロードが完了したらOKです。
![無料写真素材ダウンロード完了](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo04.jpg)
2.吹き出しをダウンロードする
次に、フキダシデザインにアクセスして吹き出しを選びます。
![フキダシデザイントップページ](https://azusas.com/wp-content/uploads/2019/08/free-material-fukidashi09.png)
写真に合う吹き出しを探しましょう。
![フキダシデザイン吹き出し素材一覧](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-main01.png)
種類が多くて迷っちゃうんですよね。
前回の記事では「迷ったらシンプルな吹き出しを選ぶ」と書きましたが、正直、今回は吹き出し選びのコツはありませんw
シンプル吹き出しも良いですが、変わった吹き出しも使ってみたいんですよね。
キャピキャピな吹き出しとか。
![フキダシデザインキャピキャピな吹き出し素材一覧](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo08.png)
過去に「写真×吹き出し」アイキャッチを作ったときも、直感で決めてたので。3~5個くらいダウンロードして、「いいな」と思った吹き出しを使ってます。
シンプルなものと変わった形のものをダウンロードしてみて、良いと感じたものを採用してくださいね。
また、吹き出しによって先っちょが左向き・右向きがあります。
![フキダシデザイン先っちょが左向き・右向きの吹き出し](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo09.png)
Canvaでは吹き出し素材を反転させたり回転させたりできるので、先っちょは気にせずに選んで大丈夫です。
決まったら吹き出しをクリックし、編集・ダウンロードを行います。
以下を変更してくださいね。
- バリエーション
- color
- サイズの編集【変更必須】
編集・ダウンロード方法については、以下記事で詳しく説明してます。
フキダシデザインを初めて利用する場合、わからない場合はぜひご確認くださいませ。
ひとつ、吹き出し編集の際に確認しておくのは「吹き出しをのせる部分の写真の状態」です。
以下赤枠の部分ですね。
![読みやすい背景の写真素材](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo10.jpg)
上の写真のように、余白部分にそのまま文字をのせても読みやすければ、枠線だけの吹き出しでも問題ないです。
以下3つの写真も枠線のみの吹き出しでもいいですね。
![右側に吹き出しをのせられる写真素材](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo05.jpg)
![左側に吹き出しをのせられる写真素材](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo06.jpg)
![上に吹き出しをのせられる写真素材](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo07.jpg)
ただ、以下のように、余白部分に文字を直接のせたら読みにくくなる画像もあります。
![吹き出しをのせる余白が無い写真](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo11.jpg)
![背景あり・なしの吹き出し比較](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo11-02.jpg)
背景ありの吹き出しを使ってくださいね。
3.写真・吹き出しをCanvaにアップロードする
写真と吹き出しの準備ができたら、Canvaの編集画面を開いて画像をアップロードします。
編集画面左側の「アップロード」をクリックし、フォルダから吹き出し画像をドロップします。
![吹き出し・写真をCanvaにアップロード](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo12.jpg)
アップロードした画像が一覧に表示されれば完了です。
![アップロードした画像一覧](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo13.jpg)
4.写真と吹き出しをのせる
アップロードした写真をページにドラッグします。
![Canva 写真をページにドラッグ](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo14.jpg)
写真をページいっぱいに拡大します。
![Canva 写真を拡大](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo15.jpg)
吹き出しものせましょう。
吹き出しを写真の上にドラッグします。
![Canva 吹き出しをページにドラッグ](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo16.jpg)
必要に応じて、吹き出しを反転・回転します。
反転の場合、吹き出しを選択して画面上部の「反転」をクリックします。
![Canva 吹き出しを反転](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo17.jpg)
水平か垂直かを選びます。
回転の場合、吹き出しを選択して回転マークを左右どちらかにドラッグします。
![Canva 回転マーク](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo17-02.jpg)
![Canva 吹き出しを回転](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo18.jpg)
吹き出しのサイズは文字をのせた後で調整しますね。
5.文字をのせる
編集画面左側の「テキスト」をクリック。
![Canva テキスト「見出しを追加」](https://azusas.com/wp-content/uploads/2020/04/canva-design-points-square11.png)
テキストを記事タイトルなどに変更します。
続いて、フォントの種類を変えます。
画面上部のフォント名をクリックし、一覧からフォントを選択します。
![Canva フォントの種類を変更](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo20.jpg)
「うずらフォント」を選びました。人物×吹き出に手書き風フォントを合わせるのが好きなので。
![Canva うずらフォントに変更](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo21.jpg)
手書き風フォントは喋ってる感じがするのでおすすめ。
もちろん、他のフォントでもいいですよ。
丸みを帯びてる吹き出しなら丸みを帯びてるフォント、四角い吹き出しなら角が四角いフォントが合います。
Canvaのフォント選びについては「【Canva】使いやすい&おすすめ日本語フォント5選」という記事も書いてるので、ぜひ参考にしてくださいね。
フォントが決まったら、文字の配置を左揃えに変更しておきます。
テキストを選択し、画面上部の「配置」をクリックします。
![Canva テキスト配置変更](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo22.jpg)
左揃えになればOKです。
![Canva テキスト中央揃え](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo23.jpg)
あとは、文字の色も変更しておきましょう。
テキストを選択した状態で、画面上部の「テキストの色」をクリックします。
![Canva テキストの色変更](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo24.jpg)
吹き出しの色に合わせて変更するといいですよ。
真っ黒ではなく、吹き出しと同じ濃いグレーにしました。
6.調整する
吹き出しと文字の大きさ・位置を調整します。
文字サイズ変更は、文字を選択した状態で画面上部の数字を変えるだけです。
![Canva 文字サイズ変更](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo25.jpg)
文字を大きくしたら文字間隔が目立ってしまいました。スペースを調整します。
![Canva 文字間隔が目立つ](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo26.jpg)
画面上部の「スペース」をクリックし、文字間隔と行の高さを変更します。
![Canva「スペース」文字間隔と行の高さを調整](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo27.jpg)
吹き出しの大きさを調整する場合、選択して角をドラッグしてくださいね。
![Canva 吹き出しの大きさ調整](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo28.jpg)
最後に、吹き出しと文字の位置を調整します。
文字を吹き出しの中央に移動させます。
![Canva 文字を吹き出しの中央に移動](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo29.jpg)
吹き出しと文字を選択して、位置を変更します。
Shiftキー(Commandキー)を押しながら吹き出しと文字を選択すると、2つ同時に選択できますよ。
![Canva テキストと吹き出しを選択](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo30.jpg)
![Canva テキストと吹き出しの位置調整](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo31.jpg)
位置を決めたら完成です。
![写真×吹き出し×手書き文字のアイキャッチ見本](https://azusas.com/wp-content/uploads/2020/04/canva-fukidashi-photo33.jpg)
吹き出しははみ出してもいいですね。
吹き出しでアイキャッチの幅が広がる
今回は、吹き出しと写真を組み合わせたアイキャッチの作り方をお伝えしました。
- 吹き出しが入る余白のある写真を選ぶ。
- 直感で素材を選ぶのもアリ。
- Canvaでは素材を反転させたり回転させたりできる。
- 手書き風フォントを使うと人が喋ってる感じになる。
アイキャッチには、記事タイトルを入れなければならない決まりはありません。
誰かが喋ってるようなセリフや自分の本音を入れると、アイキャッチの幅が広がります。
まじめな記事や画像ばかりだと疲れちゃう。
吹き出しを使った面白い画像でギャップを作ってみてくださいね。
ではでは。
![ただ書くだけじゃブログ稼げない
ビジネスの勉強をしますか?](https://azusas.com/wp-content/uploads/2019/11/banner20191120.png)