売り方ラボ
ブランディング

Canvaで作るハンドメイドショップのプロ級バナー・ヘッダー画像

売り方ラボ
||9分で読める
🎨

Canvaで作るハンドメイドショップのプロ級バナー・ヘッダー画像

「デザインの知識がない」「Photoshopは高くて難しそう」と感じているハンドメイド作家でも、Canvaを使えばプロ級のバナー・ヘッダー画像を30分以内で作ることができます。

ショップのヘッダー画像やバナーは、購入者が最初に目にする「ショップの看板」です。ここがプロらしければ、それだけで信頼感が生まれ、作品の購入率が高まります。

本記事では、Canvaの基本操作から、minne・Creema・BASE・Instagram向けの各バナーの作り方まで、ステップバイステップで解説します。

Canvaの基本:無料でここまでできる

Canva無料版でできること

機能 無料版 有料版(Pro)
テンプレート 数千種類 数十万種類
画像素材 数十万点 数百万点
フォント 1,000種類以上 3,000種類以上
背景除去 なし あり
ブランドキット 1セット 複数セット
Magic Resize なし あり
ファイル形式 PNG・JPG・PDF +SVG・透明PNG
月額料金 0円 1,500円程度

ハンドメイド作家は最初は無料版で十分です。 必要に応じてProを検討しましょう。

Canvaの始め方(5分)

  1. canva.com にアクセス
  2. Googleアカウントまたはメールアドレスで無料登録
  3. 「新しいデザインを作成」からサイズを選ぶ

プラットフォーム別バナーサイズ一覧

各プラットフォームの推奨サイズを把握しておくことが最初の重要ステップです。

プラットフォーム バナー種類 推奨サイズ 備考
minne ショップカバー画像 1280×300px 横長
Creema ショップカバー画像 1200×630px やや横長
BASE ショップカバー画像 1200×600px 横長
Instagram プロフィールアイコン 320×320px 円形にトリミング
Instagram ストーリーズ 1080×1920px 縦型
Instagram フィード投稿 1080×1080px 正方形
Twitter/X ヘッダー画像 1500×500px 横長
Pinterest ピン画像 1000×1500px 縦型

minneショップカバー画像の作り方(ステップバイステップ)

minneのカバー画像は横長(1280×300px)で、スマートフォンでは上下がトリミングされて表示されます。そのため、重要な情報は中央縦300px以内に収めることが必要です。

Step 1:Canvaでサイズを設定する

  1. Canvaのトップページで「カスタムサイズ」をクリック
  2. 幅:1280px、高さ:300px を入力
  3. 「新しいデザインを作成」

Step 2:背景を設定する

パターンA:シンプルカラー背景

  • 左メニューの「背景」をクリック
  • ブランドカラー(メインカラー)を選択

パターンB:写真背景

  • 「写真」から自分の商品写真をアップロード
  • 画像の上でクリック→「画像をフィルタ」→明度を下げてテキストが見やすくする

パターンC:グラデーション背景

  • 「背景」→「グラデーション」を選択
  • ブランドカラー2色でグラデーションを作成

Step 3:テキストを追加する

minneのカバー画像に入れるべきテキスト要素は以下の通りです。

テキスト要素 フォントサイズ目安
ショップ名(屋号) 「Sakura Atelier」 40〜60px
サブキャッチ 「刺繍ブローチ専門店」 20〜30px
メッセージ(任意) 「丁寧な手仕事をお届けします」 16〜20px

テキスト配置のコツ:テキストは左寄せまたは中央揃えに統一。文字と背景のコントラストが十分に高いことを確認する(白文字なら濃い背景、黒文字なら薄い背景)。

Step 4:アクセント要素を追加する

テキストだけでは寂しい場合、以下の要素を追加します。

  • ライン(細い横線):ショップ名とサブキャッチの間に薄いラインを引く
  • アイコン素材:Canvaの素材から、作品ジャンルに合うシンプルなアイコンを追加
  • 商品の小さな写真:右側に商品写真を1〜2枚レイアウト

Step 5:保存してダウンロード

  1. 右上の「共有」→「ダウンロード」
  2. ファイル形式:PNG(最高品質)
  3. minneのショップ設定→カバー画像にアップロード

Instagramプロフィールアイコンの作り方

プロフィールアイコンは丸型に表示されるため、四隅が切れることを前提に設計します。

ブランドロゴ風アイコンの作り方

Step 1:Canvaで「正方形(1080×1080px)」のデザインを作成
Step 2:背景をブランドカラーに設定
Step 3:中央に屋号の頭文字1〜2文字を大きく入れる(例:「SA」)
Step 4:フォントを選ぶ(ブランド感のあるフォントを選択)
Step 5:PNG形式でダウンロード
Step 6:Instagramのプロフィール編集→アイコン変更

アイコン向けフォント選びのポイント

ブランドイメージ 向いているフォント種類 Canva内の例
ナチュラル・手作り感 手書き風・セリフ体 Playfair Display、Cormorant
シンプル・モダン サンセリフ体 Montserrat、Raleway
ガーリー・フェミニン スクリプト体(筆記体) Great Vibes、Sacramento
和モダン 明朝体・和風フォント Noto Serif JP

Instagramストーリーズハイライトカバーの作り方

ハイライトカバーを統一することで、プロフィールページの見た目が格段に良くなります。

統一感のあるカバーセットの作り方

Step 1:Canvaで「Instagramストーリー(1080×1920px)」を開く
Step 2:背景をブランドカラーに設定
Step 3:中央にCanva素材のアイコンを白色で配置(サイズ:400〜500px程度)
Step 4:このデザインを複製して「新しいページ」を追加
Step 5:各ページでアイコンだけ変える(作品・購入方法・制作過程など)
Step 6:すべてのページをPNG一括ダウンロード

ハイライトカバー用アイコン一覧

ハイライト名 使えるアイコン
作品一覧 ブラシ、パレット、ハート
購入方法 ショッピングカート、バッグ
制作過程 ハサミ、針と糸
お客様の声 スター、チャット
素材・こだわり 葉、宝石、糸巻き
イベント情報 カレンダー、星

BASEショップのバナー画像

BASEは独自ドメインでECサイトを構築できるため、バナー画像の種類が豊富です。

BASEで必要なバナー画像の種類

バナー種類 サイズ 用途
ショップヘッダー 1200×600px ショップトップの看板
商品バナー 1000×1000px 特集・セール告知
お知らせバナー 1200×400px 重要なお知らせ

セールバナーの作り方(BASEのお知らせ用)

セール告知バナーには以下の要素が必要です。

必須要素

  • セール名(例:「春の新作セール」)
  • 割引内容(例:「全品10%OFF」)
  • 期間(例:「4月10日〜4月15日」)
  • CTA(例:「今すぐショップを見る」)

デザインのポイント

  • 背景は目立つ色(ブランドカラーまたはアクセントカラー)
  • テキストは大きく・太く(遠目からでも読める)
  • セール文字を一番大きくして視線を引きつける

Canvaデザインの一貫性を保つコツ

ブランドカラー・フォントをCanvaに登録する

Canvaの「ブランドキット」機能(無料版では1セット)を使うと、毎回色やフォントを探さずに済みます。

登録すべき要素

  • メインカラー(1〜2色)
  • サブカラー(1〜2色)
  • テキストカラー(黒またはダークグレー)
  • 見出しフォント(1種類)
  • 本文フォント(1種類)

デザインテンプレートを自分で作る

一度作ったバナーを「テンプレート」として保存し、次回は複製して内容だけ変えます。

  1. 完成したデザインを「フォルダ」に保存
  2. 次回は「フォルダ」から開いて「複製」
  3. テキストと写真だけ変更して保存・ダウンロード

これにより、バナー制作時間が初回30分→次回10分以内に短縮されます。

まとめ:今日作るべきバナー優先順位

すべてを一度に作る必要はありません。以下の順で取り組みましょう。

優先順位 バナー種類 制作時間目安
1位 minneショップカバー 30〜45分
2位 Instagramプロフィールアイコン 15〜20分
3位 Instagramハイライトカバー(6枚セット) 30〜40分
4位 BASEショップヘッダー 30〜45分
5位 セール・告知バナー 15〜20分

今日やること:Canvaに登録して、minneのショップカバー画像を1枚作る。それだけで、ショップの見た目は確実に変わります。

デザインは「完璧」を目指すのではなく「統一感」を目指すことが最重要です。ブランドカラーとフォントを決めたら、一貫してそれを使い続けることで、プロらしいショップが完成します。