MENU
そらいろ
SEとして7年の経験があるそこそこのエンジニア。
スキルセット:C#/VB.net/HTML/CSS/JavaScript/PHP
DB:Oracle/SQLServer他etc
専門はWebアプリケーション。データ分析やRPAにも精通。
WordPressテーマ「SWELL」の記事まとめ ⇒ SWELL

【Canva】ピックアップバナー用のアイキャッチ作成!誰でもきれいに作れる方法を紹介!

当ページのリンクには広告が含まれています。

このブログのピックアップバナー、ちょうどいいサイズだよね!

そうでしょ、そうでしょ!
しかもすごい簡単に作れるんだよ!

今回はピックアップバナーの画像作成方法を紹介します。

下の画像の赤枠部分がピックアップバナーになります。

ピックアップバナーイメージ

ブログの中でも特に注目してほしいコンテンツをピックアップして表示させてあげています。

この画像のサイズをいい感じに作ってあげるのが結構難しかったりします。

しかもデザインもそこそこのものを作る必要がある、、、

僕も最初はどうやって作成したらいいのか分からず、これだけでも結構な時間を使ってしまったのを覚えています。

この画像たち、どのように作成したかと言うと「Canva」というデザイン作成ツールを使用しています。

まだ使ったことがない人もピックアップバナーの作り方が分からない人も参考になる情報を載せていますので、是非最後まで読んでいっていただけると嬉しいです。

ピックアップバナーの表示方法

ちなみに当ブログで使用しているSWELLなら簡単にピックアップバナーを表示できます。
下記の記事の一部で作り方を紹介していますので、興味がある方は参考にしてみてください。

目次

ブロガー御用達のデザインツール『Canva』

CanvaのTOP画面

ブロガー御用達の画像作成ツールに「Canva」というwebツールがあります。

簡単に言ってしまえばOfficeの「PowerPoint」のようなものです。

プレゼンテーション資料のようなデザインを重視する画像を作成することができます。

このブログだと下記の記事などで「Canva」を利用したアイキャッチ画像を使用しています。

これぐらいのデザインであればテンプレートデザインから選択し、文字を差し替えればすぐに作成できます。

無料プランと有料プランがあるのですが、無料でも大抵のことはできてしまうので僕も無料のまま使用しています。

登録も簡単なので是非一度使ってみてください。

ピックアップバナー用の画像を作成する

デザインのサイズを指定する

まずは作成する画像のサイズを決めていきます。

これから作る画像のサイズは「1400px×1050px」です。

STEP
デザインを作成⇒カスタムサイズをクリック
Canba操作_カスタマイズサイズ
STEP
カスタムサイズを指定し作成
Canba操作_カスタマイズサイズ1400×1050

テンプレートを選択しイメージを作成する

STEP
テンプレートを選択し修正する。

左の赤枠の中より好きなデザインを選択する。

Canba操作_テンプレート選択

右側の白スペースだった部分にデザインが表示されます。

Canba操作_テンプレート選択後

「PowerPoint」の要領で修正していき自分好みにしていきましょう。

STEP
ダウンロードする。

右上のダウンロードボタンからダウンロードをします。
ファイルの種類は「jpg」がおすすめです。
他のはブログに使うにはファイルサイズが大きくなりすぎてしまいます。

Canba操作_ダウンロード

完成

以上の手順でピックアップバナー用の画像が作成できます。

とても簡単ですね。

試しにピックアップバナーに設定してみて、イメージと違うなと思ったら修正してちょうどいいところを見つけるようにしてください。

ちなみにデザイン自体のサイズですが、無料版では後から変更できません。

もしサイズ感も異なるようであれば、最初の手順からやり直して作る必要があります。

自分好みの背景画像を設定したい

用意されている画像では不満があるという人は画像をアップロードし、自分好みのものを作成することができます。

STEP
アップロードをする。

左メニューのアップロードを選択する。
画像または動画のアップロードをクリックする。

Canba操作_画像アップロード

デバイスをクリックし、背景画像にしたい画像をアップロードする。

Canba操作_アップロード先
STEP
画像を背景に設定する。

アップロードした画像を選択すると、下記のように挿入されます。

Canba操作_画像挿入

挿入した画像で右クリックをし「背景を差し替えます」を選択。

Canba操作_背景差し替え

差し替えがうまくいくと背景にアップロードした画像が設定されます。

Canba操作_背景差し替え後

上に乗ってる邪魔な画像を削除していけば完成です。

Canba操作_元の背景を削除

まとめ

今回は「Canva」で作るピックアップバナーの作成方法でした。

テンプレート選びを間違えなければ、勝手にいい感じの画像が仕上がるのでお勧めです。

もちろんブログのアイキャッチを作成したりも容易にできるので、使いこなして興味を惹くデザインを作成してみましょう。

では、読んで頂きありがとうございました。

よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

そらいろのアバター そらいろ 管理人

SEとして7年の経験があるそこそこのエンジニア。
スキルセット:C#/VB.net/HTML/CSS/JavaScript/PHP
DB:Oracle/SQLServer他etc
専門はWebアプリケーション。データ分析やRPAにも精通。

目次