Twitterのヘッダー画像を作成する方法|Canvaで作ってみた話

SNS

先日、このようなことを思いました。

ニック
ニック

Twitterのヘッダー画像が味気ないな。自分で作ってみようかな。

本記事では、Twitterのヘッダー画像をCanvaで作成する方法をお伝えいたします。

PC(Windows)で作成しています

このような方におすすめの記事です

✅ Twitterのヘッダー画像を作成したい

✅ Twitterのヘッダー画像を、簡単に作る方法が知りたい

スポンサーリンク

Twitterのヘッダー画像を作成する方法|Canvaで作ってみた話

Twitterのヘッダー画像を作成する方法|Canvaで作ってみた話

Twitterのヘッダー画像を変更することで、プロフィール画面の印象が変わります。

エヌさん
エヌさん

おしゃれなヘッダーにしたいな!

ニック
ニック

僕はシンプルなのがいいな

ヘッダー画像を変更することで、Twitterのプロフィール画面に自分らしさを表現することができます。

Twitterのヘッダー画像とは

ユーマ
ユーマ

ヘッダーがぞうってなーに?

Twitterのヘッダー画像とは、プロフィール画面のこのエリアの画像です。

Twitterのヘッダー画像

変更しようと思ったきっかけ

僕のヘッダーは、このような画像でした。

シンプルでいいかな、、と思っていたのですが、どこか味気なく感じるようになりました。

ニック
ニック

自分で作ってみようかな。

そう思い立ち、作成してみました。

実際に作ってみると、とても簡単でした。

一度作ってしまえば、色々なアレンジができます。

Twitterのヘッダー画像を作成する手順

Twitterのヘッダー画像を作成する手順

Twitterのヘッダー画像を作成する手順を画像つきで、お伝えいたします。

さっそく、作成していきましょう。

Canvaにアクセスしよう

①Googleなどで「canva」と入力し、検索をします。

「デザイン作成を無料で簡単に!|Canva(キャンバ)」をクリックします。

Twitterヘッダーのテンプレートを利用しよう

「Canva」にアクセスしたら、検索ボックスに「twitterヘッダー」と入力し、検索します。

500点以上のテンプレートが表示されました。

左下に「¥」マークがあるテンプレートは有料です。

今回は、オリジナルで作ってみたいので、左上のまっさらなテンプレートを選択しました。

テンプレートを利用することで、Twitterのヘッダー画像にぴったりのサイズ(500×1500px)の画像を簡単に作ることができます。

Twitterヘッダー画像をデザインしよう

ここから先は、色々な作り方があります。

どのようなヘッダー画像を作りたいのかを、イメージしておくと作りやすいです。

今回は僕が作成した例をご紹介いたします。

プロフィールの「ニック」アイコンが何かつぶやいているような、ヘッダー画像をイメージしました。

ヘッダー画像のイメージ

スマホでTwitterのプロフィール画面を見ながら作成するのがおすすめ

スマホでTwitterのプロフィール画面を見ながら、ヘッダー画像を作成することをおすすめします。

ヘッダー画像の左下に、アイコンがあり、少しかぶっていることなどが分かります。

ニック
ニック

スマホでTwitterのプロフィール画面を見ながら、ヘッダー画像を作成すると、イメージがしやすかったです。

Twitterヘッダー画像の背景を決めよう

イメージが決まったら、ヘッダー画像の背景を選びましょう。

背景を単色にする場合

画面左の「背景」をクリックします。

「絵具のパレット」をクリックすると、背景の色を細かく設定できます。

ポイントを動かして、お好みの背景色を設定します。

ニック
ニック

僕はシンプルなヘッダー画像にしたいので、単色(薄い水色)にしました。

背景を単色以外にする場合

単色以外も選択することができます。

デザインがたくさんあるので、イメージに近いものを選びましょう。

写真を背景にすることもできます。

①画面左の「写真」をクリックします。

②お好きな写真をクリックします。

③画面右側に表示されます。

①選んだ写真を「右クリック」します。

「背景を差し替えます」をクリックします。

背景を写真にすることができました。

エヌさん
エヌさん

私は「写真」を背景にしたよ。

「素材」や「文字」を入れなくても、おしゃれになったよ!

Twitterヘッダー画像に素材を入れよう

ヘッダー画像に素材を入れたい場合の解説です。

「素材」をクリックします。

僕は吹き出しを入れたかったので、「吹き出し」と入力しました。

入れたい素材の名前を入力しましょう。

色々な吹き出しが出てきます。

王冠マークがついているものは有料です。

お好みの素材を選びましょう。

ニック
ニック

吹き出し口が左下についていて、横長の吹き出しがいいなぁ、、

今回は、この吹き出しにしました。

Twitterヘッダー画像に文字を入れよう

ヘッダー画像に文字を入れたい場合の解説です。

僕は、「素材」で選んだ吹き出しに文字を入れたかったので、今回はこのケースを解説します。

「テキスト」をクリックします。

「見出しを追加」をクリックします。

テキストを入力します。(「プロフを見ていただき、、、」の部分です。)

テキストのフォントやサイズ、色を変更することができます。

ニック
ニック

見やすいように、太いフォントにしよーっと

Twitterヘッダー画像をダウンロードしよう

完成したら、ヘッダー画像をダウンロードします。

画面右上の「ダウンロードボタン」をクリックします。

「ダウンロード」をクリックします。

これでダウンロードが完了しました。

Twitterでヘッダー画像を変更する手順

Twitterでヘッダー画像を変更する手順

ヘッダー画像のダウンロードが完了したら、Twitterのヘッダー画像を変更します。

Twitterにログインします。

自分のアイコンをクリックします。

「プロフィールを編集」をクリックします。

「カメラマーク」をクリックします。

作成したヘッダー画像をクリックします。

「適用」をクリックします。

「保存」をクリックします。

Twitterのヘッダー画像を確認しよう

Twitterのヘッダー画像を確認しよう

Twitterのヘッダー画像の変更ができたら、どのように表示されるのか確認しましょう。

ヘッダー画像を確認します。

ニック
ニック

あれ?吹き出し口がアイコンにかぶっている、、、

、、思っていたのと違います、、

スマホでも確認します。

おしい!

「Canva」で吹き出しの位置を微調整し、ダウンロードします。

Twitterのヘッダー画像を差し替え、スマホで表示を確認します。

良い感じです。

PCでも表示を確認します。

、、あれ?、、PCだと吹き出し口が切れてしまっています、、

みなさんが、スマホから見てくれることを願います。。

エヌさん
エヌさん

えー!最後の詰めが甘くない??

ニック
ニック

えー!、、うん、、まあ、いいでしょ!笑

ここに時間をかける気になれない、、、

対処方法などご存じの方がいらっしゃいましたら、コメント欄やTwitterで教えていただけましたら幸いです。

2022.3.21追記

PCでもアイコン画像にかぶらないように、調整しました。

エヌさん
エヌさん

よかったー!何か中途半端に終わってたもんね(笑)

ニック
ニック

文字を2段にすることにしたよ。

Canvaには、以前作ったヘッダー画像が残っているから、修正も簡単でした。

まとめ:Twitterのヘッダー画像はCanvaで簡単に作成できる

まとめ:Twitterのヘッダー画像はCanvaで簡単に作成できる

Twitterのヘッダー画像は、実際に作成してみると、とても簡単にできあがりました。

最後にこの記事をまとめます。

まとめ

✅ Twitterのヘッダー画像を変更すると、自分らしいプロフィール画面を表現できる

✅ Twitterのヘッダー画像はCanvaで簡単に作成できる

✅ Twitterのアイコン画像が、ヘッダー画像にかぶることを考慮しながら作成しよう

Canvaで作成しておくと、作成した画像のコピーも簡単にできます。

ヘッダー画像のバリエーションも簡単に増やすことができますので、お時間のある際にぜひお試しください。

ユーマ
ユーマ

さいごまでよんでくれて、ありがとーございました!

↓リンクを貼っておきます。
 PCでの作成をおすすめいたします。

追伸:

Twitterのヘッダー画像をもっと早く、オシャレに作れるようになりたい、と思いませんか?

画像や素材を選ぶのは意外と時間がかかりますよね。

そんなときは、圧倒的な数の有料素材が使い放題なCanva Proを使ってみてください。

7500万点以上の写真や素材をCanva内で使えるので、Twitterのヘッダー画像をより快適に、オシャレに作れます。

30日間無料で使えるので使ったことがない方は、使わないと損なレベル

いつでもキャンセル可能ですので、お気軽に試してみてください。

Canva Pro

くわしく知りたい方は、こちらの記事をご覧ください。

Canva Pro の使い方や、解約方法をまとめています。

ブログ初心者がCanva Proを30日間無料で試してみた

コメント

タイトルとURLをコピーしました