ノートが一冊埋まるまで

ガールズイラストレーターtoMokaのブログ

ノートが一冊埋まるまで

ブログのヘッダー画像を作ろう!その3【最後】

こんにちは、ヘッダー画像の設定ができて大喜びしているtoMokaです!

カスタマイズも上手く出来、ヘッダーがオリジナル画像でシンプルなページから自分らしいページになりました。

 f:id:toMokainfo:20171104225320p:plain

前回は人物イラストができたので、その続きからです。

 

www.karappo55.com

www.karappo55.com

 

使用ソフト→Adobe PhotoshopCS6Adobe IllustratorCS6

ペンタブ→wacom BAMBOO(かなり古いモデルです。黒くて有線のやつです。)

 

 

 

編集はこんな感じ

f:id:toMokainfo:20171104225441p:plain

Adobe Photoshopで描いた人物イラストを使い、文字などを入れる編集作業をAdobe Illustrator 行いました

ブログタイトルである「ノートが一冊埋まるまで」の文字のアレンジをどうするか検討していきます。

 

文字のアレンジをしても読みづらくならないように心がけました。

 

 

f:id:toMokainfo:20171104225824p:plain

筆記体のようにつなげてしまうと、読みづらかったのでシンプルに下部のみのアレンジにしました。

f:id:toMokainfo:20171104230105p:plain

文字を何もいじらないのも寂しいかなと思い、最後の濁点だけアレンジしました。

 

f:id:toMokainfo:20171104230210p:plain

 

最後に作っておいた夜空の背景とノートを入れて完成です!

 

ヘッダー画像

f:id:toMokainfo:20171104222333j:plain

はてなブログ推奨画像より大きめの「1500×400px」で作っています。

 

モバイル用の画像

f:id:toMokainfo:20171104223439j:plain

モバイル用は640×310px

PC用の画像を再編集しました。

 

参考にしたブログ

はてなブログってヘッダ画像をそのままアップロードしても余白ができたりして綺麗にはまりませんよね。なので、カスタマイズ時に参考にさせていただいた記事をご紹介します。

tawashino.hateblo.jp

アップロード画像がボヤけてしまう悩ましい現象の対策まで解りやすく書いてあり、おかげですぐにカスタマイズできました!画像サイズもそのまま使わせてもらっています。

 

これからヘッダー画像変えようと思っている方いましたら是非参考にしてみてください。

 

最後に 

念願のヘッダー画像が設定できました!

しばらくはこのヘッダーで運営していきますが、気が向いたら新しいイラストも描きたいなぁと思っています。

 

急いで書いた記事ですが

最後まで読んでくださってありがとうございました♪