お問い合わせ

ヘッダーデザイン変更!無料デザインツール【Canva】で作成してみました!

\この記事を書いた人/
やじ

今しかないこの瞬間を残すカメラマン。看護師5年→結婚して専業主婦へ→2017年11月〜フリーランス。【#やじフォト】で活動中。美容研究家忍者みやゆう専属カメラマン。

▼やじをフォローする▼

ブログやSNSのヘッダー、可愛くておしゃれなデザインにしたい…。

でもプロが使ってるような専門的なツールも技術もないし…。

 

そんな悩みを解決してくれるもの!

それがCanvaです!

 

やじ

こんにちは!カメラマンのやじです♪

先日、当ブログのヘッダーを新しくしました!!

とってもとってもお気に入りのヘッダーになったのですが、これ実は無料サービスで作成したものなんです!(私のイラストは作成してもらってます)

 

使いこなせれば本当に便利なツールなので、みなさんにシェアしたいと思います!

 

このヘッダーの私の似顔絵部分は、フリーランス仲間のまるちペインターなばちゃんに依頼して制作してもらいました!

▼その様子はこちらでまとめています▼

【まるちペインターなんばちゃん】最高の似顔絵ありがとう!制作過程を大公開します!

 

 

スポンサーリンク

ヘッダーデザイン変更!無料デザインツール【Canva】で作成してみました!

 

 

ヘッダー制作

ヘッダーを変更するにあたり、私の中で、

● 自分のイラストを入れたい
● 初めてブログを見た人でも、私がどんな人か分かるヘッダーにしたい
● 他のSNSのヘッダーにも使えるデザインにしたい

という条件を決めていました。

 

さらに、

● 背景は白
● 周りにテーマカラーである山吹色の装飾
● 真ん中に文字
● 右側に私のイラスト
● シンプルだけどおしゃれ
● 星を入れよう!

デザイン的には、こんなイメージがありました。

 

このイメージに、なんばちゃんのイラストが加わることで、最終的に本当に本当に大満足のヘッダーに仕上がったんですよね♪

 

 

ここから、実際にヘッダーが出来るまでの過程や設定を紹介していきます!

イラスト制作までは、前回のこちらの記事【まるちペインターなんばちゃん】最高の似顔絵をありがとう!制作過程を大公開します!をご参照ください😁🌟

 

ヘッダーのイメージを考える

変更前のヘッダーはこんな感じでした。

 

 

無料で使える画像を探し、背景に設定。

背景が透明なタイトル文字を作り、その画像をロゴとして設定。

 

すごく可愛い背景画が見つかって、雰囲気は好きだったんですが、オリジナル性がなく、タイトル文字もこだわりない感じで、物足りなかった、、、😳

 

 

まずは、自分のイメージに合いそうなパーツを無料デザインツール『Canva』を使って探しました。

ほんとにいろんなデザインがあるので、アイキャッチ作るときにも、めっちゃ活躍してくれてます!

 

一部有料デザインがあったり、有料プランもありますが、私は無料で使っています!

ちなみに、今回の記事のアイキャッチもCanvaで作ってますよ〜😁

 

Canvaでデザインを決定!

では、実際にCanvaを使ってヘッダーを作った様子を紹介していきます♪

 

まず「star」と検索をかけてみました。

すると、可愛いイラストがたくさん!

 

このフレームっぽいやつ、可愛いし背景に使えそう!ということで即採用!

 

で、Canvaのいいところは、色も大きさも自由に変えられるところ!

指定のサイズに合わせて大きくし、赤枠のところで色を変更。

 

左右にある星も、この「star」の検索から見つけたものです!

元々は白色だったので、ヤマブキ色に変えてみました♪

 

素人なのに、こんな自由自在にデザインを作れるって、まじでCanva最強です😍

しかも無料ですからね…!

 

デザイン完成!透かし画像制作

そのCanavaで、色・大きさともに調整して完成したのがこの背景♪

 

ほんとにいい感じ😍♪

 

そしてそして、なんばちゃんに描いてもらったイラストと文字を組み合わせ…

ヘッダーのロゴ部分を制作!

 

背景は透かしにしておくのがポイント♪

 

ヘッダー&ロゴに設定

制作したヘッダー&ロゴをそれぞれブログ設定で変更したら、、、

 

いい感じに組み合わさって完成です😍!!!

 

めっちゃ好きな感じになりました😍

 

 

そして、背景とロゴを分けて作っていたのは、PC以外のデバイスでもいい感じに表示させるため♪

 

私は『cocoon』というデザインを使っているのですが、このデザインの場合、完全にレスポンシブ対応しくれる(画面の大きさが違うデバイスでも、いい感じに合わせて表示してくれる)んです♪

 

つまり、PCで見ても、携帯で見ても、ロゴがしっかり見えるように表示してくれる!ということ!

 

iPhoneだとこんな感じ▼

 

iPhoneを横に倒すと▼

 

こんな感じで、どちらも背景の星の外側は切れてしまいますが、イラストとタイトル文字はしっかり表示されていますね!!

バッチリです!😁

 

ヘッダーデザインをリニューアルしてみて

ヘッダーはブログの顔です。

やっぱり、自分色が出せて、初めての人でも私のことが分かってもらえるデザインにしておくのは、必須だと思いました。

 

さらに、自分のお気に入りのデザイン。

今回、ヘッダーデザインを変更してから、さらに自分のブログのことが好きになりました!

 

超お気に入りのデザインで、これからもブログ執筆頑張っていきます!

やじ♪

 

 やじのおすすめグッズ・サービス

コメント