Canva

【Canva】脱・文字だけアイキャッチ!吹き出し素材を使った画像の作り方

【Canva】脱・文字だけアイキャッチ!吹き出し素材を使った画像の作り方

先日、Twitterでアイキャッチについて意見をいただきました。

吹き出しを使ったアイキャッチ、了解でござる。

文字だけのアイキャッチでもいいですが、手抜き感や誰かとかぶってる感が。

そこで今回は、吹き出しをフレーム代わりに使ったアイキャッチの作り方をご紹介。Canvaで。

無料素材サイト「フキダシデザイン」でダウンロードした吹き出しを使用します。

続きを読めば、吹き出しと文字のアイキャッチがCanvaで作れるようになりますよ。

吹き出しアイキャッチは2パターン

吹き出しを使ったアイキャッチには、以下2つのパターンがあります。

  • 吹き出しメイン
  • 吹き出し+写真・イラスト

どちらを作るか、最初に決めておきます。

吹き出しメインのアイキャッチ例

1つ目は、吹き出しを真ん中にドーンと配置したアイキャッチ。飾り枠やフレームのように使います。

アイキャッチに使える無料素材サイト[1]フキダシデザイン
アイキャッチに使える無料素材サイト[3]ドドドフォント
【Canva】脱・文字だけアイキャッチ!吹き出し素材を使った画像の作り方

文字だけだと簡単だし、画像を探す時間もかからなくてラクですよね。

「でもちょっと工夫したい」と思ったあなたにおすすめなのが、吹き出しメインのアイキャッチ。

本記事では吹き出しメインのアイキャッチの作り方を書いてます。

吹き出し+写真・イラストのアイキャッチ例

2つ目は、吹き出しと写真またはイラストを組み合わせたアイキャッチ。

画像のアクセントとして吹き出しを使った例です。

初めてブログを書いてるあなたへ「誰も見てないからとりあえず記事アップしてね」
自分のブログを読んだ感想をもらう方法は?
メンタリストDaiGoさんに学ぶ個人ブログの在り方
【ブラウザ編】パソコン時短!めちゃめちゃ使えるショートカットキー

吹き出しは注目させる効果があります。アイキャッチの文字を読んでもらいやすくなるんです。

人物画像に合わせて使うと、喋ってる感じ、本音が漏れてる感じがして面白いですね。

ちなみに、吹き出し+写真・イラストのアイキャッチ作成方法は、「【Canva】吹き出し×写真でおしゃれアイキャッチを作る方法」という記事で書いてますよ。

吹き出しメインのアイキャッチの作り方

では、吹き出しメインのアイキャッチを作ります。

手順は以下のとおり。

  1. 吹き出しをダウンロードする
  2. 吹き出しをCanvaにアップロードする
  3. 背景色を選んで吹き出しをのせる
  4. 文字をのせる
  5. 吹き出しと文字の大きさを調整する

1.吹き出しをダウンロードする

フキダシデザインにアクセスして吹き出しを選びます。

フキダシデザイン

フキダシデザイントップページ

アイキャッチ画像のサイズに合わせて吹き出しを決めます。やや横長の吹き出しを選ぶのがおすすめ。

吹き出しは、もこもこ・ギザギザ・手書きなど、いろんな形状が用意されてます。

フキダシデザインふきだし一覧

記事タイトルや記事の内容に合わせて選ぶといいですよ。

もし迷ったら、シンプルな形にしておきましょう。検索窓に「シンプル」と入力して検索するだけです。

フキダシデザイン検索窓
フキダシデザイン検索結果

使う吹き出しをクリックします。

吹き出しの編集・ダウンロード画面では以下を変更します。

  • バリエーション
  • color
  • サイズの編集

サイズだけは必ず変更してくださいね。バリエーションと色の変更はお好みで。

バリエーション

バリエーションは5種類。

フキダシデザインダウンロード画面 バリエーション選択

好きなものを選んでくださいね。

color

サイズ編集の前に色を変更しておきます。

背景ありの吹き出しは白系がおすすめ。

フキダシデザインダウンロード画面 吹き出し背景色選択

線は何色でもいいですね。使いやすいのは黒や濃いグレーです。

フキダシデザインダウンロード画面 吹き出し枠線色選択

白系・黒系以外の色を使う場合、吹き出しの色を決める時点で背景色もおおまかに決めておくといいですよ。

もし配色について迷ったら「ブログの色使いで迷ったらAIに選んでもらおう【配色ツール:Colormind】」という記事がおすすめ。

AIが自動で色を選んでくれますよ。

サイズの編集

重要なのはサイズの編集。最大限に大きくします。

理由は、Canvaにアップロードしたとき、吹き出しのサイズが大きい方がきれいに仕上がるから。

サイズのつまみをいちばん右へ動かします。

フキダシデザインダウンロード画面 サイズの編集

グレーチェックの背景に吹き出しが収まっていればOK。

フキダシデザインダウンロード画面 サイズ確認

吹き出しの右下を確認してくださいね。

サイズを大きくしたらダウンロードします。

大きくした吹き出しの左下にダウンロードボタンがあるので、「PNG」をクリックします。

フキダシデザインダウンロード画面 ダウンロードボタン

これで吹き出しの準備は完了です。

2.吹き出しをCanvaにアップロードする

Canvaの編集画面を開いてアイキャッチを作っていきます。

Canva

編集画面左側の「アップロード」をクリックし、フォルダから吹き出し画像をドロップします。

Canva編集画面 吹き出し画像をドロップしてアップロード

アップロードした画像が一覧に表示されれば完了です。

Canva編集画面 吹き出し画像アップロード完了

3.背景色を選んで吹き出しをのせる

次に、背景を選びます。

いちばん簡単なのは単色ベタ塗りの背景を使う方法です。

ページを選択して背景色ボタンをクリックします。

Canva編集画面 背景色ボタンをクリック

色を選びます。

Canva編集画面 背景色選択

「アップロード」から吹き出しをドラッグアンドドロップします。

Canva編集画面 吹き出し画像をドラッグアンドドロップ

吹き出しをページ中央に配置します。

Canva編集画面 吹き出し画像を中央に配置

4.文字をのせる

記事タイトルなどの文字をのせます。

該当のページを選択した状態で、編集画面左側の「テキスト」をクリック。「見出しを追加」を選択して文字を入力します。

Canva編集画面 テキストをページに追加
Canva編集画面 文字入力後

フォントの種類を変えます。

画面上部のフォント名をクリックし、一覧からフォントを選択します。

Canva編集画面 フォント選択

文字数が多ければ、適当な場所で改行してくださいね。

フォント選びのポイントは、吹き出しの形と合わせること。

丸みを帯びてる吹き出しなら、丸みを帯びてるフォント。

【Canva】脱・文字だけアイキャッチ!吹き出し素材を使った画像の作り方

四角い吹き出しなら、角が四角いフォント。

【テキスト入力編】パソコン時短!めちゃめちゃ使えるショートカットキー

手書きの吹き出しなら、手書き風のフォントがいいですよ。

メンタリストDaiGoさんに学ぶ個人ブログの在り方

もし「フォントの種類が多すぎて選べない」とお悩みなら、以下の記事も参考にしてみてくださいね。

文字の色も変えておきましょう。

テキストを選択した状態で、画面上部の「テキストの色」をクリックします。

Canva編集画面 テキストの色を選択

好きな色を選択します。背景色に合う色がいいですね。

5.吹き出しと文字の大きさを調整する

最後に、吹き出しと文字の大きさを調整します。

文字サイズは、文字を選択した状態で画面上部の数字から変更できます。

Canva編集画面 文字の大きさ変更

吹き出しの大きさも調整します。

吹き出しを選択して、角をドラッグします。

Canva編集画面 吹き出しサイズ変更

サイズ変更などをやり直したい場合は、「一つ前に戻る」ショートカットキーを使うと便利です。

  • Windows:Ctrl + Z
  • Mac:Command + Z

最後に、吹き出しと文字を中央に配置します。

吹き出しと文字を上下左右中央に配置します。

Canva編集画面 吹き出しと文字を中央に配置

中央に配置してますが、吹き出しは中央より上に、文字は中央より下にあるように見えますね。

左右はそのままで、吹き出しと文字の上下位置だけ調整します。

吹き出しをちょっと下に、文字はちょっと上に移動しました。

Canva編集画面 吹き出しと文字の上下位置調整

ちょっとだけ移動するときは、矢印キーを使うと便利ですよ。

調整できたら完成です。

Canva作成した吹き出しメインのアイキャッチ

シンプルなアイキャッチもよきかな。

見本と同じような、写真を使ってない画像はPNG形式で保存してくださいね。

[裏技]吹き出し画像を時短で作る方法

「1分でも1秒でも時短したい」「吹き出しを探すのが面倒」というあなた。

ご安心を。Canvaの「素材」にも吹き出しが用意されてますので。

編集画面左側の「素材」をクリックし、検索窓に「吹き出し」と入力してEnterキーを押し検索します。

Canva編集画面 吹き出し素材を検索

吹き出し一覧が表示されます。※王冠マークは有料

Canva編集画面 吹き出し素材一覧

使いたい吹き出しをドラッグアンドドロップします。

大きさと色は自由に変えられますよ。

Canva編集画面 吹き出し素材サイズ変更
Canva編集画面 吹き出し素材の色変更

文字をのせたり調整したりする場合は、上記と同じ手順で行ってみてくださいね。

Canvaの吹き出し素材を使ったアイキャッチ

Canvaと吹き出し素材でオリジナルアイキャッチを作ろう

今回は、無料素材サイト「フキダシデザイン」でダウンロードした吹き出しを使用したアイキャッチを作る方法をお伝えしました。

  • 吹き出しは飾り枠代わりに使える。
  • 吹き出しの色を決める時点で背景色もおおまかに決めておく。
  • フキダシデザインでは最大サイズでダウンロード。
  • 吹き出しの形とフォントをあわせる。
  • Canvaの吹き出し素材も使えるよ。

文字だけのアイキャッチに吹き出しを加えるだけでオリジナル感が出ます。

フキダシデザインは種類が多いので、他のブログとかぶる確率も低いですから。

フキダシデザイン

次回は、写真と吹き出しを組み合わせたアイキャッチの作成方法をご紹介します。

ではでは。

ただ書くだけじゃブログ稼げない
ビジネスの勉強をしますか?

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です