Twitterのヘッダー画像を作成してみよう！ | こよみんの30代から始める画力向上奮闘記

初めに

今更なんですがTwitterのヘッダー画像設定していなかったΣ(ﾟдﾟlll)ﾅﾝﾄ!

今の時代ちょっと調べたら無料で配布していたりオンラインで簡単に作れるサービスがあったりしますよね。

そういったサービスを利用することも考えたのですが・・・どうせならデザイン？の勉強も兼ねて自分でヘッダー画像作成してみよう！
そして工程とかブログに載せちゃおう！という事にしました。
よかったら読んでみてください(∩´∀｀)∩

まずはどんな感じのヘッダーにしようかという所から考えました。
いくつか案を書き出して組み合わせた結果、以下の4つに絞り込みました。

ただいつもピンクの桜というのも味気ないのでどうにかできないかなぁと思ったのですがぱっといい案が思い浮かばなかったので大まかなイメージだけで次の工程へ進みます。

そもそもTwitterヘッダーのサイズっていくつなんだろう？という話ですよね。

Twitterのヘルプセンターで確認したら以下の様に書かれていました。

Twitterのヘッダーの左下ってプロフィール画像が表示されてますよね。。
その為ヘッダー画像の左下に色々文字とか入れても見えなくなってしまいます。

じゃあどの範囲が隠れてしまうのかという事で調べてみることにしました。
調べながらごちゃごちゃと書いていたメモも載せておきます。

(我ながら字の汚さヤバい・・・)
見にくいかもしれませんが下に文字でも書いているのでご容赦ください・・・。

まずPC(モニター解像度1366×768)でTwitterのプロフィール画面を表示しました。
そしてヘッダー画像のサイズを見てみると600×200でした。
この時プロフィール画像で隠れているヘッダー画像サイズが154×72でした。

これを推奨サイズの1500×500に当てはめると左下385×180の部分が隠れることになります。
(もう少し余裕をもって左下400×200くらいは文字とか見せたい部分を入れない方が良いかもしれません)

ではここから本格的？にデザイン開始です！！

いつも通り桜を作って色を変えてみることにしました。
とりあえず分かりやすくくっきりした色で試してそこから広げていくことにしました。

なんというか・・・うーん。

黒とピンクは悪くない。
試しに黒とピンクで色々試してみることにしました。

色々試した結果最初に決めたイメージの「落ち着いた感じ」を満たせる右下のイメージで進めることにしました。
これならいつものピンクの桜とも差別化できたのでいい感じです。

「桜をパワーアップ」って何を言ってるんだ？と思いましたか？

私も自分で言っておいてなんですが思いました。

要はさっきまでの桜だと寂しい気がしたので装飾してみることにしました。

桜のサイズを変えて外枠に黒線を入れて塗りを白にして重ねる！！

え、ナニコレ格好いい(n*´ω`*n)

調子に乗った私はさらに図形ツールを使って装飾。

もう家紋。でも「和」って感じなのでおっけー。
私的には格好いいと思ったので桜はこれで完成！

ぱっと見て分かるようにヘッダーに名前を入れることにしたのですが普通に「櫻野暦(さくらのこよみ)」だと文字が短くなってしまい余白が多く・・・。

ならばローマ字を使ってフォントを和風にしたらいいんじゃないか！？と思いつき色々なフォントを試したのですがこれだ！という物が1つありました。

「青柳疎石フォント」

以前筆文字を使ってみたいと思って探していた時に見つけたフォントです。
書家の青柳疎石先生が書かれ、フォント化された物でフリー・商用利用可能・制限無しです。

こんな感じになりました。

凄くいい感じです！
(こっそりピンクの色合いが変わっている・・・)

最終的にヘッダーサイズに合うように配置調整。

これで当初のイメージ通り「桜・和風・シンプル・落ち着いた感じ」が満たせました！
やったぜ！完成だ(∩´∀｀)∩

今回は色々と調べて書き出したりやってみましたが実際こういったデザインする人ってどのように進めているんでしょうか・・・。
(ネットで調べたら出てくるのかな・・・)

大まかに決めて後々調整していきましたが私としては今までとは違った感じの画像が作れたので大満足です(　´∀｀)bｸﾞｯ!

最終的に完成したヘッダー画像は私のTwitterのプロフィールに設定してあるので良かったら見てみてください！

そしてよければ感想を頂けると嬉しいです:;(∩´﹏`∩);:

次回は久しぶりにイラスト作成記事を書こうと思います。
ではまた！！