先日、このようなことを思いました。
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
Twitterのヘッダー画像が味気ないな。自分で作ってみようかな。
本記事では、Twitterのヘッダー画像をCanvaで作成する方法をお伝えいたします。
※PC(Windows)で作成しています
✅ Twitterのヘッダー画像を作成したい
✅ Twitterのヘッダー画像を、簡単に作る方法が知りたい
Twitterのヘッダー画像を作成する方法|Canvaで作ってみた話
![Twitterのヘッダー画像を作成する方法|Canvaで作ってみた話](https://smplyw.net/wp-content/uploads/2022/03/Picrew-63-800x420.png)
Twitterのヘッダー画像を変更することで、プロフィール画面の印象が変わります。
![エヌさん](https://smplyw.net/wp-content/uploads/2022/02/219727_acPuGZTW.png)
おしゃれなヘッダーにしたいな!
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
僕はシンプルなのがいいな
ヘッダー画像を変更することで、Twitterのプロフィール画面に自分らしさを表現することができます。
Twitterのヘッダー画像とは
![ユーマ](https://smplyw.net/wp-content/uploads/2022/02/272547_RCtLKBiS.png)
ヘッダーがぞうってなーに?
Twitterのヘッダー画像とは、プロフィール画面のこのエリアの画像です。
![](https://smplyw.net/wp-content/uploads/2022/03/image-94.png)
変更しようと思ったきっかけ
僕のヘッダーは、このような画像でした。
![](https://smplyw.net/wp-content/uploads/2022/03/image-95.png)
シンプルでいいかな、、と思っていたのですが、どこか味気なく感じるようになりました。
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
自分で作ってみようかな。
そう思い立ち、作成してみました。
実際に作ってみると、とても簡単でした。
一度作ってしまえば、色々なアレンジができます。
Twitterのヘッダー画像を作成する手順
![Twitterのヘッダー画像を作成する手順](https://smplyw.net/wp-content/uploads/2022/03/Picrew-64-800x420.png)
Twitterのヘッダー画像を作成する手順を画像つきで、お伝えいたします。
さっそく、作成していきましょう。
Canvaにアクセスしよう
①Googleなどで「canva」と入力し、検索をします。
②「デザイン作成を無料で簡単に!|Canva(キャンバ)」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-66-800x272.png)
Twitterヘッダーのテンプレートを利用しよう
「Canva」にアクセスしたら、検索ボックスに「twitterヘッダー」と入力し、検索します。
![](https://smplyw.net/wp-content/uploads/2022/03/image-67-800x265.png)
500点以上のテンプレートが表示されました。
左下に「¥」マークがあるテンプレートは有料です。
今回は、オリジナルで作ってみたいので、左上のまっさらなテンプレートを選択しました。
![](https://smplyw.net/wp-content/uploads/2022/03/image-68-800x372.png)
テンプレートを利用することで、Twitterのヘッダー画像にぴったりのサイズ(500×1500px)の画像を簡単に作ることができます。
Twitterヘッダー画像をデザインしよう
ここから先は、色々な作り方があります。
どのようなヘッダー画像を作りたいのかを、イメージしておくと作りやすいです。
今回は僕が作成した例をご紹介いたします。
プロフィールの「ニック」アイコンが何かつぶやいているような、ヘッダー画像をイメージしました。
![](https://smplyw.net/wp-content/uploads/2022/03/image-96.png)
スマホでTwitterのプロフィール画面を見ながら作成するのがおすすめ
スマホでTwitterのプロフィール画面を見ながら、ヘッダー画像を作成することをおすすめします。
ヘッダー画像の左下に、アイコンがあり、少しかぶっていることなどが分かります。
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
スマホでTwitterのプロフィール画面を見ながら、ヘッダー画像を作成すると、イメージがしやすかったです。
Twitterヘッダー画像の背景を決めよう
イメージが決まったら、ヘッダー画像の背景を選びましょう。
背景を単色にする場合
画面左の「背景」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-69-800x303.png)
「絵具のパレット」をクリックすると、背景の色を細かく設定できます。
![](https://smplyw.net/wp-content/uploads/2022/03/image-70.png)
ポイントを動かして、お好みの背景色を設定します。
![](https://smplyw.net/wp-content/uploads/2022/03/image-71.png)
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
僕はシンプルなヘッダー画像にしたいので、単色(薄い水色)にしました。
背景を単色以外にする場合
単色以外も選択することができます。
デザインがたくさんあるので、イメージに近いものを選びましょう。
![](https://smplyw.net/wp-content/uploads/2022/03/image-97-800x287.png)
写真を背景にすることもできます。
①画面左の「写真」をクリックします。
②お好きな写真をクリックします。
③画面右側に表示されます。
![](https://smplyw.net/wp-content/uploads/2022/03/image-99-800x172.png)
①選んだ写真を「右クリック」します。
②「背景を差し替えます」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-100-800x357.png)
背景を写真にすることができました。
![](https://smplyw.net/wp-content/uploads/2022/03/image-101-800x285.png)
![エヌさん](https://smplyw.net/wp-content/uploads/2022/02/219727_acPuGZTW.png)
私は「写真」を背景にしたよ。
「素材」や「文字」を入れなくても、おしゃれになったよ!
Twitterヘッダー画像に素材を入れよう
ヘッダー画像に素材を入れたい場合の解説です。
「素材」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-72.png)
僕は吹き出しを入れたかったので、「吹き出し」と入力しました。
入れたい素材の名前を入力しましょう。
![](https://smplyw.net/wp-content/uploads/2022/03/image-73.png)
色々な吹き出しが出てきます。
王冠マークがついているものは有料です。
![](https://smplyw.net/wp-content/uploads/2022/03/image-75-800x536.png)
お好みの素材を選びましょう。
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
吹き出し口が左下についていて、横長の吹き出しがいいなぁ、、
今回は、この吹き出しにしました。
![](https://smplyw.net/wp-content/uploads/2022/03/image-76-800x216.png)
Twitterヘッダー画像に文字を入れよう
ヘッダー画像に文字を入れたい場合の解説です。
僕は、「素材」で選んだ吹き出しに文字を入れたかったので、今回はこのケースを解説します。
「テキスト」をクリックします。
「見出しを追加」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-78-800x410.png)
テキストを入力します。(「プロフを見ていただき、、、」の部分です。)
テキストのフォントやサイズ、色を変更することができます。
![](https://smplyw.net/wp-content/uploads/2022/03/image-81-800x336.png)
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
見やすいように、太いフォントにしよーっと
Twitterヘッダー画像をダウンロードしよう
完成したら、ヘッダー画像をダウンロードします。
画面右上の「ダウンロードボタン」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-80-800x419.png)
「ダウンロード」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-82-800x490.png)
これでダウンロードが完了しました。
Twitterでヘッダー画像を変更する手順
![Twitterでヘッダー画像を変更する手順](https://smplyw.net/wp-content/uploads/2022/03/Picrew-65-800x420.png)
ヘッダー画像のダウンロードが完了したら、Twitterのヘッダー画像を変更します。
Twitterにログインします。
自分のアイコンをクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-83.png)
「プロフィールを編集」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-84.png)
「カメラマーク」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-85.png)
作成したヘッダー画像をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-86.png)
「適用」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-87.png)
「保存」をクリックします。
![](https://smplyw.net/wp-content/uploads/2022/03/image-88.png)
Twitterのヘッダー画像を確認しよう
![Twitterのヘッダー画像を確認しよう](https://smplyw.net/wp-content/uploads/2022/03/Picrew-66-800x420.png)
Twitterのヘッダー画像の変更ができたら、どのように表示されるのか確認しましょう。
ヘッダー画像を確認します。
![](https://smplyw.net/wp-content/uploads/2022/03/image-89.png)
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_EnR6rML0.png)
あれ?吹き出し口がアイコンにかぶっている、、、
、、思っていたのと違います、、
スマホでも確認します。
![](https://smplyw.net/wp-content/uploads/2022/03/image-102.png)
おしい!
「Canva」で吹き出しの位置を微調整し、ダウンロードします。
Twitterのヘッダー画像を差し替え、スマホで表示を確認します。
![](https://smplyw.net/wp-content/uploads/2022/03/image-103.png)
良い感じです。
PCでも表示を確認します。
、、あれ?、、PCだと吹き出し口が切れてしまっています、、
![](https://smplyw.net/wp-content/uploads/2022/03/image-90.png)
みなさんが、スマホから見てくれることを願います。。
![エヌさん](https://smplyw.net/wp-content/uploads/2022/02/219727_acPuGZTW.png)
えー!最後の詰めが甘くない??
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
えー!、、うん、、まあ、いいでしょ!笑
ここに時間をかける気になれない、、、
対処方法などご存じの方がいらっしゃいましたら、コメント欄やTwitterで教えていただけましたら幸いです。
2022.3.21追記
PCでもアイコン画像にかぶらないように、調整しました。
![](https://smplyw.net/wp-content/uploads/2022/03/image-123.png)
![エヌさん](https://smplyw.net/wp-content/uploads/2022/02/219727_acPuGZTW.png)
よかったー!何か中途半端に終わってたもんね(笑)
![ニック](https://smplyw.net/wp-content/uploads/2022/02/1464051_t5Vd9Ex0-2.png)
文字を2段にすることにしたよ。
Canvaには、以前作ったヘッダー画像が残っているから、修正も簡単でした。
まとめ:Twitterのヘッダー画像はCanvaで簡単に作成できる
![まとめ:Twitterのヘッダー画像はCanvaで簡単に作成できる](https://smplyw.net/wp-content/uploads/2022/03/Picrew-67-800x420.png)
Twitterのヘッダー画像は、実際に作成してみると、とても簡単にできあがりました。
最後にこの記事をまとめます。
✅ Twitterのヘッダー画像を変更すると、自分らしいプロフィール画面を表現できる
✅ Twitterのヘッダー画像はCanvaで簡単に作成できる
✅ Twitterのアイコン画像が、ヘッダー画像にかぶることを考慮しながら作成しよう
Canvaで作成しておくと、作成した画像のコピーも簡単にできます。
ヘッダー画像のバリエーションも簡単に増やすことができますので、お時間のある際にぜひお試しください。
![ユーマ](https://smplyw.net/wp-content/uploads/2022/02/272547_RCtLKBiS.png)
さいごまでよんでくれて、ありがとーございました!
↓リンクを貼っておきます。
※PCでの作成をおすすめいたします。
追伸:
Twitterのヘッダー画像をもっと早く、オシャレに作れるようになりたい、と思いませんか?
画像や素材を選ぶのは意外と時間がかかりますよね。
そんなときは、圧倒的な数の有料素材が使い放題なCanva Proを使ってみてください。
7500万点以上の写真や素材をCanva内で使えるので、Twitterのヘッダー画像をより快適に、オシャレに作れます。
30日間無料で使えるので使ったことがない方は、使わないと損なレベル
いつでもキャンセル可能ですので、お気軽に試してみてください。
![](https://www14.a8.net/0.gif?a8mat=3N85OR+EC6U9E+4M9K+61Z81)
くわしく知りたい方は、こちらの記事をご覧ください。
Canva Pro の使い方や、解約方法をまとめています。
》ブログ初心者がCanva Proを30日間無料で試してみた
![](https://smplyw.net/wp-content/uploads/2022/08/ブログ初心者がCanva-Proを30日間無料で試してみた-500x263.png)
コメント