twitter運用

Twitter(ツイッター)ヘッダーの作り方|1から手順を解説

2020年3月23日

Twitter(ツイッター)ヘッダーの作り方|1から手順を解説
Twitter(ツイッター)のヘッダーの作り方を知りたい!Twitterのヘッダーをおしゃれにしたい!

こんな悩みを解消します。

本記事の内容

  • Twitterヘッダーの作り方と注意点
  • Twitterヘッダーの作り方(例①)
  • Twitterヘッダーの作り方(例②)

本記事の信頼性

  • 2019年11月よりTwitter開始
  • SocialDogを活用してTwitterフォロワー数2000以上

Twitter(ツイッター)を伸ばす上でヘッダーが大事って言われても、どう作るべきかわからないですよね。

そんなあなたへ、この記事ではTwitter(ツイッター)のヘッダーの作り方を1から解説します。作成例を元に手順を追っていきますよ。

 

Twitterヘッダーの作り方と注意点

Twitterヘッダーの作り方と注意点

Twitterヘッダーの作り方について、本記事ではcanvaを用いて作製していきます。

canvaは誰でもおしゃれな画像を無料で作れるので、登録しておいて損はないですよ。

ぜろがー
Twitterヘッダーにぴったりのサイズで作れるよ!
Twitterヘッダーの注意点

Twitterヘッダーを作り方を学ぶ前に、以下の注意点を知っておきましょう。

Twitterヘッダーの注意点

  • 上に文字を入れない
  • アイコン部分は空欄にする
 

これが僕のヘッダーです(2020年3月23日時点)。

赤枠で囲んだ部分に文字を入れても見えにくいので、注意しましょうね。

Twitterヘッダーの作り方の例

Twitterヘッダーの作り方の例

では、ここからTwitterヘッダーの作り方を順を追って見ていきましょう。

今回はTwitterヘッダープレゼント企画で実際に作ったヘッダーで説明してきますね。

Twitterヘッダーをプレゼントした方々

 

1人1人みていきましょう。

Twitterヘッダーの作り方(例①)

Twitterヘッダーの作り方(例①)

ちかやさんのTwitterヘッダーの作製手順をご説明していきますね。

ちかやさんの要望は以下の通り。

  • カナダ、留学推し
  • オレンジ系
 

Twitterヘッダーの作り方(例①手順1)

Twitterヘッダーの作り方(例①手順1)

Twitterヘッダーにカナダ要素を入れてほしいと要望があったので、左の検索窓からカナダで検索。

ぜろがー
国旗が良い感じ

Twitterヘッダーの作り方(例①手順2)

Twitterヘッダーの作り方(例①手順2)

Twitterヘッダーに留学要素も入れてほしいと要望があったんですが、「留学」で検索してみると有料素材しか出てこず。。。

ぜろがー
でも、地球儀に学生帽っていう組み合わせが良い感じだよね!

Twitterヘッダーの作り方(例①手順3)

Twitterヘッダーの作り方(例①手順3)

地球儀に学生帽の組み合わせを作るために、「地球儀」で検索。

良い感じなんだけど、地球部分に影が付いているのが気に入らず。。。

Twitterヘッダーの作り方(例①手順4)

Twitterヘッダーの作り方(例①手順4)

ってことで、別の地球の画像を上からかぶせました!

ぜろがー
うんうん。いい感じだ!

Twitterヘッダーの作り方(例①手順5)

Twitterヘッダーの作り方(例①手順5)

次に帽子で検索をすると、これまた良い感じの学生帽を発見!で、地球儀にかぶせました。

Twitterヘッダーの作り方(例①手順6)

Twitterヘッダーの作り方(例①手順6)

カナダと留学を組み合わせるって意味でバツ印を追加。

Twitterヘッダーの作り方(例①手順7)

Twitterヘッダーの作り方(例①手順7)

ブログの運営もされているので、検索窓を追加してみました。あと、それぞれの大きさを調節。

Twitterヘッダーの作り方(例①手順8)

Twitterヘッダーの作り方(例①手順8)

運営されているブログの名前を検索窓に追加。プラスでブログのメインテーマも下部に追加。

Twitterヘッダーの作り方(例①手順9)

Twitterヘッダーの作り方(例①手順9)

最後に、要望に合わせてTwitterヘッダーをオレンジ系に仕上げて完成!

ぜろがー
明るくて良い感じだね!

Twitterヘッダーの作り方(例②)

Twitterヘッダーの作り方(例②)

くろいさんのTwitterヘッダーの作製手順をご説明していきますね。

くろいさんの要望は以下の通り。

  • プログラミング、筋トレ推し
  • 赤系
 

Twitterヘッダーの作り方(例②手順1)

Twitterヘッダーの作り方(例②手順1)

Twitterヘッダーの要望は、プログラミングと筋トレのみだったんですが、Twitterプロフィールではビジネスも推していたので、追加しちゃいました。

左の検索窓にて「ビジネス」で検索し、良さげのアイコンを追加。

Twitterヘッダーの作り方(例②手順2)

Twitterヘッダーの作り方(例②手順2)

握手のアイコンは良い感じなんですが、周りの線が邪魔だったので四角のボックスで覆います。

Twitterヘッダーの作り方(例②手順3)

Twitterヘッダーの作り方(例②手順3)

四角のボックスを背景色と一緒にすると、要らない部分を消せちゃうんですよね。

ぜろがー
この技術はとっても便利だよ!

Twitterヘッダーの作り方(例②手順4)

Twitterヘッダーの作り方(例②手順4)

次に「プログラミング」で検索してみたんですが、有料素材ばっかりですね。。。

ぜろがー
でも、パソコンでコードをうってる感はカッコいいよね!

Twitterヘッダーの作り方(例②手順5)

Twitterヘッダーの作り方(例②手順5)

ってことで、「PC」で検索すると、良い感じのパソコンのアイコンがあったので追加。

Twitterヘッダーの作り方(例②手順6)

Twitterヘッダーの作り方(例②手順6)

これまたPCの画面が邪魔なので、四角のボックスで覆って中身を消去。

Twitterヘッダーの作り方(例②手順7)

Twitterヘッダーの作り方(例②手順7)

「ファイル」で検索すると、おしゃれなアイコンがあったのでパソコンの画面に追加です。

ぜろがー
それっぽくなってきたね!

Twitterヘッダーの作り方(例②手順8)

Twitterヘッダーの作り方(例②手順8)

次に、筋トレも推してるってことなので、ダンベルも追加。

Twitterヘッダーの作り方(例②手順9)

Twitterヘッダーの作り方(例②手順9)

それぞれを組み合わせるって意味で、バツ印も追加。

ぜろがー
良い感じになってきて少しホッとしたのは内緒(笑)

Twitterヘッダーの作り方(例②手順10)

Twitterヘッダーの作り方(例②手順10)

赤っぽくしてほしいという要望があったので、色合いを調節。

Twitterヘッダーの作り方(例②手順11)

Twitterヘッダーの作り方(例②手順11)

英語でそれぞれを説明したところで完成!

ぜろがー
うんうん!これまた良い感じだ!

Twitterヘッダーの作り方まとめ

Twitterヘッダーの作り方まとめ

Twitterヘッダーの作り方まとめ

  • Twitterヘッダーは文字の位置に注意
  • 無料でも工夫すればおしゃれに仕上がる
 

ぜろがー流のTwitterヘッダーの作り方を1から解説してみました。

どうですか?なんか出来そうじゃないですか?

Twitterに関する記事は下記にまとめていますので、ご活用下さい。

Twitter

人気記事【44名の無料コンサル結果】Twitter初心者の悩み&注意点
人気記事ツイッターでいいねを増やす方法|Twitterで反応がない人必見

⇑トップに戻る⇑

-twitter運用

© 2024 zerokatublog Powered by AFFINGER5