【アメブロカスタマイズ】Canvaでヘッダー画像を作る方法【スマホで簡単】 | 大人可愛いアメブロカスタマイズ|ブログのはじめ方|S W E E T

大人可愛いアメブロカスタマイズ|ブログのはじめ方|S W E E T

アメブロ初心者の方でも簡単にカスタマイズ出来ます♡初心者さんへブログの書き方やコツ、可愛いデザインのご提供♡
アクセスアップして集客出来る、売れるブログ作り♡

canvaでアメブロのヘッダー画像を作る方法

 

こんにちは

大人可愛いアメブロカスタマイズShopのMihoです

 

「ヘッダーを自分で作ってみたい!」と思っても

photoshopなど、使いこなすのに時間がかかったり、有料だったりします。

 

そこで、今回はアメブロのヘッダー画像をスマホで作成する方法をご紹介します。


canvaアプリで、サクッと5分で!オシャレなヘッダーが作成できます♡

※PCでもインストール不要で使えます。


 

アメブロヘッダー画像

 

今回はこんなヘッダーを作成してみました♡

 


アプリを使えば、ちょっとした時間に画像が作れてオススメ♡



自分好みのヘッダーを作ってブログをカスタマイズしてみましょう♪

 

Canvaとは?

canva(キャンバ)とは、無料で使用できるデザインツールです。


アプリ版と、WEB版がありWEB版はインストール不要で使用できます。

 

アプリ内に画像の保存もできます。


アプリで画像作成→保存→パソコンで編集…など、自由な使い方が出来ます。

 

 

デザインの知識がなくても、おしゃれなテンプレートや、写真素材も豊富です。


有料版もありますが、無料でも十分使えます♪

 

作成した画像は商用利用できます

 

ヘッダー以外にもInstagram用、Twitterカバー、名刺、チラシ、プレゼンテーション資料まで沢山テンプレートがあって、見てるだけで楽しい~♡

 

それでは早速!あなただけのヘッダーを作ってみましょう。

 

Canvaでヘッダー画像を作る5STEP♡

5STEPで紹介していきます♪

 

STEP1 Canva(キャンバ)に登録

STEP2 新規画像を作成

STEP3 背景画像を設置

STEP4.ブログのタイトルを入れる

STEP5 完了♡

1.Canva(キャンバ)に登録する

事前に、canvaアプリをインストールしておきましょう。

Facebookか、Googleアカウントをお持ちの場合はワンクリックで登録できます。

 

 

 

2.画面右下の【+】をタップして新規画像を作成する

 

 

画面右下の【+】をタップすると新規作成できます。

テンプレートを使用する場合は画面にあるデザイン一覧の中から好きなものを選択すれば作成可能です。

今回アメブロのヘッダーはテンプレートにないため、新規作成します。


 

次にサイズ選択に移ります。【+カスタムサイズ】を選択。

 

 

 

 

アメブロのヘッダー画像サイズは横幅1,120ピクセルです。(新CSS対応)今回は1120×300で作成します。

単位はpxのままで変更しないでくださいね。

 

ヘッダー画像の横幅は1120ピクセルで固定ですが、高さはお好みで調整できます。

300~400ピクセル位の高さで作成するとPCで表示された時に見やすいです♪

 

 

 

3.画面の指示に従って背景画像を選択

 

サイズの入力が完了したら、まずは背景を作成してみます。

 

 

黒い画面をタップします。

 

画面をタップすると「カメラロール」「画像」「カラー」という表示が出ます。

 

 

自分の好きな画像を使用したい場合は「カメラロールを選択します。

画像がない場合は「画像を選択します。アプリ内にオシャレな画像が用意されています。

写真を使用しない場合はカラーを選択すると好きな色に変更することが出来ます。

 

 

写真がなくても沢山写真素材が揃っているので自分好みの画像を選んで作成することが出来ます♪

 

 


検索窓にキーワードを入れると画像の検索が可能です。

 

今回はオシャレ風に作成したかったので、「大理石」と検索してみました。

可愛い…♥無料でこのように沢山の画像を使用することが出来ます。

 

 

一覧の中から気に入った画像が見つかったらタップして決定します。

 

 

背景画像が反映されました♪

 


 

 

4.ブログのタイトルテキストを入力する

 

ブログのタイトル文字を入力しましょう。

その前に、ちょっと寂しかったので次に、図形を入れてみます。

 

次は、画面右下の「+」をタップするとテキストや図形など加工が出来ます。

 

 

 

今回は図形を選択し、長方形の図形を入れてみました。

 

 

 

 

図形が反映されました♪色やサイズ、透明度も調整も可能です。

 

 

ブログタイトルを入れる

 

次にブログタイトルを入力します。もう一度「+」をタップ。

 

テキストを入力します。フォントやフォントカラー変更も出来ます。

 

 

 

終わったら「完了」をタップすると元の画面に戻ります。

 

 

 

5.画像を保存して完了

メニューの「」をタップするとカメラロールに画像が保存されます

 

 

アメブロヘッダー画像

 

 

簡単にヘッダー画像を作成することが出来ました♪

写真や文字の配置を変えると雰囲気が変わります。

 

応用して、バナーも作成できます。この記事のアイキャッチもアプリで作成しています♪

告知用のバナーもテンプレートを使えば簡単にオシャレな画像が作れちゃいます。

 

 

無料で簡単なので、試してみて下さいね

 

 canva

 

※アメブロのヘッダー画像はスマホ表示版では見る事ができません。

※ヘッダー画像の設置はPCで行ってくださいね。

♥ 【参考】他にもこんなヘッダー画像作れます

サイズ【1120×300】

 

アメブロヘッダー画像

 

 

サイズ【1120×400】

Canvaで作成したヘッダー

 

Canvaで作成したヘッダー