アメブロヘッダーをCanvaでおしゃれなデザインにする方法。作成手順を紹介

アメーバブログは、芸能人だけでなく誰でも無料で利用できる有名なブログサービスです。ブロガーや、女性起業家の方など多くの方に利用されており、既存のテンプレートだけでなくオリジナルデザインにアメブロカスタマイズすることも可能です。今回はアメブロのヘッダーを自作したいと思っている方に向けて、アメブロヘッダーをCanvaでおしゃれなデザインにする方法と作成手順について紹介いたします。

アメブロのヘッダー画像とは

アメブロのヘッダー画像とは、ブログに訪れた際に一番最初に見えるファーストビューの部分のことです。CSS編集用デザインにすることで、このアメブロのヘッダー部分をオリジナルの画像を設定することが可能です。※アメブロのヘッダー画像を設定できるのはパソコン表示のみとなります。（スマホでは表示されません）

近年では、女性起業家様などがご自身のお写真を使用されているのをよく見かけますね。最初の第一印象としてパッと目に入るものになるのでブログの印象を左右するとても大事な役割となります。

キャッチコピーもつけることで、ひと目でどんなブログジャンルかなども認識することができるので、ビジネスでアメブロを利用されている方はぜひヘッダーはオリジナル画像に設定することをおすすめします。

アメブロヘッダーをおしゃれなデザインにする方法

アメブロヘッダーをおしゃれなデザインにする方法は2つです。

1.Canvaを利用して自分で自作する

Canvaは無料で利用できる画像編集のデザインツールです（有料プランあり）。PhptoshopやIllustratorなどの専門的なソフトを持っていなくても、 Web上で無料で利用することが可能です。

2.プロに依頼して本格的なオリジナルヘッダー画像を作成してもらう

自分で作成するのは難しい、やはり専門のことはプロに頼みたいという方はプロへ依頼しましょう。依頼方法の1つとして、ココナラは個人も気軽に利用することができプロへ発注することができるのでおすすめです。

登録は簡単、３ステップのみ！無料会員登録はこちら

アメブロヘッダーをCanvaで自作する場合の作成手順を紹介

今回はCanvaを利用してご自身でヘッダー画像を作成する手順について詳しくご紹介します。

①Canvaのページにログインし、右上にある「デザイン作成」をクリック

出典：Canva公式サイト

②「カスタムサイズ」をクリックし幅1120px 高さ400pxを入力

※今回は基本的なサイズで作成していますが縦幅は調整可能です。アメブロヘッダーの画像サイズの詳細については、下記の記事でもご紹介していますので興味のある方はぜひあわせてご覧ください。

③幅1120px 高さ400pxのキャンバスができるので、このキャンバス上に使用したい写真や・テキスト等を入力して作成していきます。

④今回はあえてテンプレートは利用せず、人物写真を使ってヘッダーを作成する一例をご紹介します。ご自身の写真がある方はそちらを使用していただいて構いません。（左メニューの「アップロード」から自身の写真はアップロード可能です）

私は今回サンプルとして、左のメニューバーの「写真」の中から「Baby」と検索し、ゆりかごに入った赤ちゃんの写真を使用します。写真をクリックしキャンバスに配置します。

④写真をそのまま配置しただけですと、写真がバツっと切れてしまい境目が目立つためグラデーションをかけていきます。「素材」をクリック→「グラデーション」と入力。紫から透明になっているグラデーションを選択しキャンバスに持っていきます。

④紫のカラー部分を白に変更し、写真の上にそのグラデーションを配置します。

④ふわっとグラデーションをかけることができ自然に馴染むように写真を配置することができました。

④次にテキストを入力していきます。左側のテキストをクリックし、キャッチコピーなどを入力しましょう。Webサイトの場合人の目線は左上から読み進めるので、可能であればテキストは左側に配置しましょう。

④フォントは、ゴシック体だと力強い印象になるので、女性向けのデザインの場合は明朝体がおすすめです。今回は「ほのか明朝」を利用しました。文字色は黒色だとこちらも印象が強くなりすぎるので、ブラウンやグレーなど少し柔らかみのある色合いに変更しましょう。

④少し左側が寂しい印象があるので背景を敷いていきます。「写真」をクリック→「白」で検索し、気に入った写真をキャンバスに配置します。（「白」で検索したのは一例です。お好きなもので検索してくださいね）

④もう少しふわっとした印象にしたいので、写真をクリックしたまま透明度を少し下げます。

④境目が気になるので、こちらも先ほどの手順と同じようにグラデーションをかけましょう。グラデーションが逆になっているので「反転」ツールで反転させましょう。

④背景が馴染みました。

④全体的にまだ少しすっきりしているので飾り枠をつけましょう。左メニューバーを「素材」をクリックし「飾り」と検索します。（飾り枠や飾り線などでもOK）気に入ったものを選択しキャンバスに配置します。

④キャンバスの4隅に配置します。こちらも色が黒のままと印象が強く浮いてしまうので、赤ちゃんの写真にも使用されているベージュ系の色味に変更します。

④文字サイズや全体のバランスなどを確認し微調整をしてから、画像を保存します。右上の共有をクリック。

④ダウンロードをクリックして画像を保存します。

④パソコン上にヘッダー画像がダウンロードできました！アメブロのヘッダー画像の完成です。

専門的なソフトや、Canvaの有料プランに比べるとやはり細部の調整をすることは難しいですが、Canvaの無料プランでも十分ヘッダー画像は作成することが可能です。アメブロのヘッダー画像を自分で作ってみたい！という方はぜひ上記を参考にしていただけますと幸いです。

作成した画像をアメブロにアップロードし設置する方法については下記の記事でご紹介しています。ぜひこちらもあわせてご覧ください。

アメブロヘッダー事例

ユリカゴデザインにご依頼いただいたアメブロヘッダー画像の実績の一部をご紹介いたします。女性向けのフェミニンなデザイン、大人かわいい、やさしいデザインを得意としております。

主に女性起業家様を中心にご依頼をいただいております。

アメブロカスタマイズの製作事例は下記の記事でご紹介しています。

アメブロカスタマイズご依頼方法

今回はCanvaの無料プランでの作成手順をお伝えしましたが、自分で作成するのは難しい＆やはり専門のプロに頼みたいという方はぜひユリカゴデザインにご相談ください。アメブロヘッダー画像だけでなく、アメブロ全体のアメブロカスタマイズも承っております。

まとめ

今回は、アメブロヘッダーをCanvaでおしゃれなデザインにする方法と作成手順についてご紹介しました。

ここまでお読みいただきありがとうございました！