ていないブログ-ゆるミニマリストで整理収納アドバイザーなインテリア好き音楽オタク主婦の雑記

ゆるミニマリストで整理収納アドバイザーの主婦「ていない」による雑記ブログ。グルメや裏技、芸能音楽記事が豊富。ミニマリストブロガーインタビュー&いろんな職業インタビュー大好評連載中。

ツイッターのヘッダー画像の作り方講座|サイズと微調整の仕方【初心者向け】

【初心者向け】無料WEBサービス「Canva」を使ったTwitterのヘッダー画像の作り方教えます。

 

Twitterのヘッダーをオリジナル画像にしたい!

でも…

画像ソフトもないし、イラストも上手に書けないし、作り方がわからない…。

そんな超初心者向けのの記事です。

 

この記事では、ソフトがなくても簡単におしゃれな画像がつくれるWEBサービス「Canva」を使ってヘッダーを作っていきます。

 

ツイッターのヘッダー画像の作り方講座|サイズと微調整の仕方【初心者向け】

 

 

Twitterヘッダーの画像サイズは1500×500ピクセル

ヘッダー画像の推奨サイズは

横1500ピクセル×縦500ピクセル。

3:1の横長サイズです。

 

Twitterヘッダーはサイズの微調整が必須!

Twitterのヘッダーは上下がカットされるので微調整が必要になります。

上下50ピクセルと記載されていることが多いですが、PC表示、スマホ表示でも表示の比率が若干かわるため、上下左右100ピクセル程度のゆとりを持たせた方が良さそうです。

 

1500×500ピクセルで作ったヘッダー画像を

 

Twitterヘッダーはサイズの微調整が必須!

 

パソコンでTwitterのヘッダーに表示させると… 

 

Twitterヘッダーはサイズの微調整が必須!

 

アイコン画像に文字がかぶってしまいます。

 

Twitterヘッダーはサイズの微調整が必須!

 

調べてみると影の部分が表示されないことが判明。

 

この影の部分を上手に避けてTwitterヘッダーを作成していきましょう!

 

WEBサービス「Canva」を使って無料でTwitterヘッダーを作成する方法

画像ソフトを持っていない、使い方がわからない。

そんな人でも直感的に使用することができる「Canva(カンバ、キャンバ)」という画像作成サービスがありますので、こちらを使ってTwitterヘッダーを作ってみましょう。

 

有料版もありますが、無料版でじゅうぶん(私も無料版しか使ったことないです)。

 

1)「Canva」のホームページにアクセスしてユーザー登録をする

 

▼こちらがCanvaのホームページです。まずはユーザー登録が必要です▼

www.canva.com

参考リンク :Twitterヘッダーの最適なサイズを無料で簡単作成 | Canva

 

2)Twitterヘッダーのテンプレートを表示する

「Canva」にはTwitterヘッダーのテンプレートが用意されているので、サイズ指定などをすることなく、気に入ったテンプレートをアレンジして自分だけのTwitterヘッダーを簡単に作成することができます。

 

WEBサービス「Canva」を使って無料でTwitterヘッダーを作成する方法

 

  • ①左上にあるバナー、「デザインを作成」をクリック
  • ②一番上にあるソーシャルメディアの中の
  • ③左側にある>マーク(送りボタン)をクリックして
  • ④Twitterヘッダーが出てくるまで画像を送っていく

 

Twitterヘッダーと書いてある画像が出てきたらそれをクリックすると、Twitterヘッダー専用のテンプレートがいろいろ表示されます。

 

3)気に入ったテンプレートを選ぼう

Twitterヘッダー用のテンプレートサンプルが左側に表示されます。

下へ下へ送って、気に入ったデザインを選びましょう。

 

WEBサービス「Canva」を使って無料でTwitterヘッダーを作成する方法

 

4)「Canva」のテンプレートを元にカスタマイズしていく

今回は一番上のシンプルなテンプレートをカスタマイズしていきます。

左のテンプレート画像の上にカーソルを合わせてクリックすると、中央のキャンバスにテンプレートが表示されます。

 

WEBサービス「Canva」を使って無料でTwitterヘッダーを作成する方法

 

文字を入力する

マウスで囲ってデリートを押すと文字が消えます。

上から文章を入力してください。 

 

「Canva」のテンプレートを元にカスタマイズしていく

 

文字フォントを選んで、文字サイズを調整する

文字をマウスで囲うと作業スペースの左上部分にフォント一覧が表示されます。

文字のサンプルも一緒に表示されていますので、気に入ったデザインの書体を選んでください。

その横の数字で文字サイズを変更することもできます。

数字が大きければ大きいほど文字サイズも大きくなります。

 

Twitterヘッダー「Canva」のテンプレートを元にカスタマイズしていく


背景画像を挿し替える

自分が使用したい写真やイラストを「Canva」にアップロードすることができます。

  • ①左はしにあるメニューのアップロードをクリック
  • ②左側のテンプレート一覧から、アップロード画面に切り替わるので、左上にある青いバナー「画像をアップロードをクリック」

 

Twitterヘッダー作り方「Canva」のテンプレートを元にカスタマイズしていく

 

 

画像のサイズを調整して、最背面に移動させる

①アップロードした写真をクリックすると、中央のキャンバスに写真が貼り付けられます。

②左クリックしながらドラッグすることで位置を移動することができ、上下両端にある白い丸の部分にカーソルを合わせて移動させると、サイズを変更することができます。

 

ツイッターヘッダー「Canva」のテンプレートを元にカスタマイズしていく方法

 

拡大縮小と、移動をさせながら、写真を自分がしたいサイズや、表示させたい位置にセットしてください。

 

「Canva」で画像を背面に移動させる方法

写真を気に入った位置に設置したら、作業キャンバスの上部にある「配置」ボタンをクリックし、上から2つめの「背面へ」をクリック。

すると文字よりも写真が下に移動します。

 

 

「Canva」は直感的に誰でも簡単に使える画像加工WEBサービスですが、レイヤー(上下の重なり)を管理する画面がないので、配置ボタンを上手に使って、上下を管理していきましょう。

 

「Canva」で画像を背面に移動させる方法

 

写真の色調を加工する

「Canva」では、写真の加工をすることもできます。

写真をクリックすると、キャンバス上部の左側に「フィルター」「調整」というボタンが表示されるので、いろいろ触って気に入った画像に加工していきましょう。

(ぐちゃぐちゃになって元の画像に戻したいときは、左側の作業パレットの上部に表示されている「リセット」の文字をクリックすると元画像が表示されます)

 

「Canva」のテンプレートを元にカスタマイズしていく

 

「Canva」で作った画像をjpgでダウンロードする

右上にあるボタンの「Twitter」マークの右側にある▼ボタンをクリックして、「ダウンロード」を選択。

そのままだと「png」形式になっているので「jpg」に変更してダウンロードする。

 

これで画像がパソコンに保存されました。あとはTwitterにアップロードするだけ!

 

「Canva」で作った画像をjpgでダウンロードする

 

「Canva」応用編)文字を目立たせるために、ひと工夫

文字が背景に負けてしまい、字がよみにくかったので背景と文字の間に半透明のオレンジ色の四角形を挟みました。

(できなくても問題ないので、気になる人だけ読んでください)

 

Canva 応用編)文字を目立たせるために、ひと工夫

 

 

完成したTwitterヘッダーがこちら

「Canva」を使えば、専門的な知識がなくても、簡単にプロっぽい作品を作ることができます。

ぜひオリジナルデザインのTwitterヘッダーを自作してみてください。

 

>参考リンク: Canvaのホームページはこちらから

 

完成したTwitterヘッダーがこちら

 

 

おすすめフリー写真素材サイト

O-DANは海外のフリー写真素材サイトをまとめて検索することができてとても便利です。

日本語検索にも対応してます!

 

o-dan.net

 

合わせて読みたい 

www.teinai.work

www.teinai.work

www.teinai.work

www.teinai.work

www.teinai.work