アラフォーから始めるAI活用

初心者向けのAI活用やAI情報を発信しています。AIについて一緒に学んで行きましょう♪

アラフォーブログ初心者の私にもできた!簡単なブログバナーの作り方、設定方法♪

アラフォーブログ初心者の私にもできた!簡単に作成できるCANVAを使ったブログヘッダーの作り方をご紹介します。CANVAは、無料で使えるデザインツールですので、ぜひ活用してみてください♪

CANVAホーム画面

CANVAで作る♪ブログヘッダーの作り方


+目次+

CANVA作業 Step★

  1. CANVAにログインする
  2. バナーサイズを決める
  3. 背景色を選ぶ
  4. テキストを追加する
  5. レイアウトを調整する
  6. デザインした画像をダウンロードする 

★ブログ管理作業 Step★ ←この内容は次回投稿します♪

  7.ヘッダー画像の設定ページに移動する

  8.画像をアップロードする

  9.画像を設定する

 

youtu.be

 

それでは実際にブログバナー作ります♪

【Step1:CANVAにログインする】

・CANVAにログインしましょう。 もし、アカウントを持っていない場合は、新規登録してください。

ンターネットの検索エンジンにCANVAと入力するとCANVAのログイン画面を表示するサイトなどが出てきます。 

CANVAはこちら♪ 

 

Step1


【Step2:バナーサイズを決める】

・CANVAでは、新規作成をクリックして、「カスタムサイズ」からサイズを設定することができます。  

 ※有名ブログのヘッダーサイズ↓   

 ①WordPressブログ →2000×950ピクセル

 ②アメーバーブログ →1120p×400ピクセル  

 ③はてなブログ →1000×200ピクセル

 上以外のブログの方は、ググって○○ブログバナーのサイズと検索するとサイズがわかるかと思います。

Step2

Step2-2

2000×950ピク

Step2-3

【Step3:背景色を選ぶ】

Step3

【Step4:テキストを追加する】

・バナーに表示したタイトルやキャッチコピーを追加しましょう。CANVAの「テキスト」から好きなフォントや文字サイズを選んで、バナーにテキストを追加できます。

Step4

Step4-1

フォントの色を変えれます。

Aの虹色をクリックして左側で色を選びます。色を変えたい文字だけ選択すると選択された文字だけ色を変えれます。

Step4-2

【Step5:レイアウトを調整する】

最後に、バナーのレイアウトを調整しましょう。CANVAでは、テキストや画像を自由に移動したり、サイズを変えたりできます。自分が納得いくまで調整しましょう。

Step6

【Step6:デザインした画像をダウンロードする】

 

jpegでも良いですが、jpegで保存してみましたが、画質が荒くなったのでpng形式で保存がおススメです。

ダウンロードフォルダに保存されるのでファイルの名前を変更して保存したい場所に保存して下さい。

Step7

Step7-3

以上が、CANVAを使って初心者にも分かりやすいブログヘッダーの作り方の手順です。

CANVAはこちら♪  

次回、ブログ管理側のブログヘッダー設定方法を描きたいと思います♪

ぜひ、自分だけのオリジナルなバナーを作って、ブログをより魅力的にしてみてください。