"他のブログと差をつけろ!!"無料でヘッダー画像を手軽に作る方法
はてなブログを始めて一週間ちょっと経ちました。サイドバーやフッターは少し変更しましたが、ヘッダー画像がテンプレだとかなりしょぼいと思い、ヘッダー画像を制作しました。まだ一週間しか経ってないんだし、「ヘッダー画像作る時間あるなら記事を書け」とか言われそうですがヘッダー画像の制作時間はなんと30分。素材となる画像を探すのに15分、制作するのに15分という感じです。
変更前
変更後
30分で制作したなんて思えないクオリティーじゃないですか!?
私の場合イラストレーターがPCに入っているので、イラストレーターを使用して制作しましたが、無料で同じクオリティーのヘッダー画像を作ることが可能です。
無料でヘッダー画像を手軽に作る方法
私はイラストレーターを使用してヘッダー画像を制作しましたが、検索すると無料で制作できるオンラインデザインツールがいくつかあります。
利用するユーザーは登録が必要になりメールアドレス、SNS(Twitter、Facebook)登録が可能。Picky-Picsは日本語対応しており縦書にも対応しています。オンライン上で背景や、文字入れ、無料素材の使用、画像のアップロード機能がオリジナルデザインをが出来るツールです。選択出来るサイズが8種類と少なくオリジナルの指定ができませんので、今後のアップデートに期待です。
Picky-Picsと同じくユーザー登録が必要となります。Picky-Picsとは異なりオリジナルサイズの指定ができますが、日本語未対応でフォントも英字フォントしか設定できません。
Picky-Picsを利用してヘッダー画像を作成してみよう
今回はPicky-Picsを使用して、下記と同じような画像を作っていきたいと思います。
作る前にヘッダー画像のサイズがわからないと作成しようがありません。公式では下記のサイズがデフォルトで表示されます。
- ユーザーは「デザイン設定」の「カスタマイズ」タブの「ヘッダ」で、自由にタイトル画像をアップロードできます。
- デフォルトで表示されるタイトル画像のサイズは、高さが200px、横幅は最大1000pxです。
今回私が素材として利用した二つの画像は、下記から拾ってきました。
・Picky-Picsで作成開始
Picky-Picsにユーザー登録ができましたら、
① デザインしたいサイズをFacebookカバーに選択。
②拾ってきた画像をアップロードしてください。
アップロード出来ましたら画像を好きなところに設置していきます。注意して欲しいのがFacebookカバーの高さが315に対してヘッダー画像の高さは200になりますので、はてなブログのヘッダーにアップロードする時、高さをリサイズしなければなりませんので、黄色の枠くらいの真ん中で作業するよう気をつけてください。
③画像を設置できましたらテキストを入力していきます。
④文字の大きさと色を選択していきます。
⑤それぞれの文字の傾きを調整していきます。
作成できましたら左下にある「できたデザインを書き出す」ボタンを押して書き出してください。Picky-Picsで作成したデータはオンライン上で保存されますのでいつでも変更することができます。
書き出した画像はデザイン〈 カスタマイズ〈 ヘッダ〈 画像をアップロード
から変更することが可能です。
最後に
今回Picky-Picsで作成したみた結果、イラストレーターと比べてそんなに差はないと感じました。今回は使用していませんが、Picky-Picsに無料素材が豊富に揃っているところも、よく素人でも簡単にヘッダー画像やFacebookカバーを作成できると思います。サイズの設定ができないのが少し不便ですが、今後のアップデートに期待です。