前の章に戻る
- ✓ChatGPT Images 2.0の生成素材をCanvaで完成させる6ステップの全体像を理解できる
- ✓Step 5（デザイナーとしての修正）で実施すべき修正カテゴリを言える
- ✓Magic Layersでよく起きる問題と対処法を理解し、迷わず対応できる
- ✓最終チェック5項目をクリアした上で、用途に合った形式で書き出せる
Canvaで仕上げる前に確認しておくこと
Canvaは高機能なツールですが、どこをどう直すかの判断基準がないと作業が止まります。「なんかダサい」「なんか変」を感覚で終わらせず、言葉で説明できるようになってからこのレッスンに入ると、効率が大きく上がります。
以下の教材では、良いデザインと悪いデザインの見分け方をゼロから学べます。デザインの基本原則・色彩・タイポグラフィ・カラーの基礎を押さえておくと、Canvaでの仕上げ判断がスムーズになります。最初から全て学習しようする必要はありません！まずは30分程度流し読みをしてみて、学習が進むにつけて徐々に身に着けていくことをお勧めします。
コントラスト・整列・反復・近接の4原則。良いデザインと悪いデザインを判断するための共通言語を身につける。
色相・明度・彩度のしくみと、配色を組み立てる基本ルール。感覚ではなく原則で色を選べるようになる。
フォントの選定・サイズ・行間・ジャンプ率。読みやすさと印象を作る文字組みの基礎。
配色パターン・色の心理効果・ブランドに合う色の選び方。
「なんとなくいい感じ」ではなく「なぜこのデザインにしたか」を言語化できる状態で、このレッスンに入ってください。
AI出力をCanvaで完成させる6ステップ
品質チェック済みのChatGPT Images 2.0生成画像をCanvaに取り込んで仕上げます。6ステップのうちStep 5が最重要で、ここでデザイナーとしての創造的修正を加えます。
Canvaを触るのが初めてなら、下のCanva操作講座を参考にしてください。レベル別に3つありますが、まずは初級編だけでOKです。最初からすべてに目を通す必要はありません。初級編を30分ほど確認してから、このレッスンの手順に進むのがおすすめです。実践編・応用編は、必要になったときに見れば十分です。
Canvaを初めて触る方向けの入門編です。
基本操作を覚えた次のステップの実践編です。
さらに使いこなしたい方向けの応用編です。
※ 動画内の「Step 4」は本文のStep 5、「Step 5」は本文のStep 6としてみていただくようお願いいたします。
Step 1：画像をCanvaにアップロード
ChatGPT Images 2.0でダウンロードした画像を、適切なサイズのCanvaテンプレートに配置します。
| 操作 | 手順 |
|---|---|
| サイズ指定 | Canvaで新規デザインを作成し、Instagram 1:1 ／ A4縦 ／ A3縦 など案件に合ったサイズを指定する |
| 画像配置 | Uploads から画像をドラッグ＆ドロップで配置する |
Step 2：Magic Layersを適用する
画像をレイヤーに分解します。背景・テキスト・オブジェクトが個別レイヤーに自動で分解されます。
| 項目 | 内容 |
|---|---|
| 操作 | 画像を選択 → 編集（画像上部メニュー）→ Magic Layers → 3〜5秒待機 → レイヤー分解を確認 |
| 確認ポイント | テキストがテキストレイヤーとして分離されているか |
Step 3：背景を独立レイヤーにして差し替える
Magic Layersで分解すると、背景画像が細かく分解されすぎてしまったり、もともとテキストの裏側にあった部分が一部ぼやけたり崩れたりすることがあります。そこで背景写真だけをChatGPTで作り直し、Canva側で差し替えておくと、背景とテキストが独立したレイヤーになり、修正が自由自在にできるようになります。
① GPTで背景写真だけを出力する
画像を出力したチャット欄で、そのまま「この画像の背景写真のみを出力して」と指示します。うまくいかない場合は、別のタブでGPTの新規チャットを立ち上げ、作成した画像を貼り付けてから「この画像の背景写真のみを出力して」と指示してください。
② Canvaで背景を差し替える
| 手順 | 操作 |
|---|---|
| ①レイヤーを開く | Magic Layersでレイヤー分解したあと、編集画面の「配置」→「レイヤー」をクリックする |
| ②背景を全選択 | 現在の背景になっている要素をすべて選択する（Shiftキーを押しながら対象のレイヤーを順にクリックし、まとめてグループ化してから消すと楽です） |
| ③背景を削除 | 選択した背景要素を削除する |
| ④背景を差し替え | ①でGPTから出力した背景写真を挿入する。挿入した写真を右クリック →「レイヤー」→「最背面へ移動」を選び、いちばん下のレイヤーに配置する |
背景を作り直して差し替えると、背景画像とテキスト・オブジェクトが完全に独立したレイヤーになります。背景を気にせず文字やあしらいを自由に動かせるので、次のStep 5（デザイナーとしての修正）が一気にやりやすくなります。
Step 4：画像生成・Magic Layers後の意図しない変化を修正する
画像生成やMagic Layers適用後には、いくつかの意図しない変化が起きます。文字化け・英語圏フォント・揃えズレ・図形欠けなど、起きやすいものはほぼ決まっているので、以下の表で一気にチェックして修正してください。
| カテゴリ | 起きやすい変化 | 対処法 |
|---|---|---|
| 文字化け | テキストレイヤーとして抽出された日本語が崩れている | テキストレイヤーをダブルクリックして、正しい日本語に直接書き換える |
| 文字化け | テキストが画像に焼き込まれていて、レイヤー化されていない | Magic Eraser（Pro機能）で塗りつぶす → Canvaのテキストレイヤーを新規追加して正しい文字を配置する |
| フォント | ChatGPT Images 2.0の生成フォントが英語圏向けで、日本語表示に不適 | テキストレイヤーを選択 → 上部のフォント名をクリック → 日本語フォントに置き換える。 推奨フォント例： ・セリフ系（上品・高級感）：Noto Serif JP ／ Shippori Mincho ／ はんなり明朝 ・サンセリフ系（現代的・汎用）：Noto Sans JP ／ Zen Kaku Gothic New ／ BIZ UDPGothic ・手書き系（温かみ・親しみ）：Zen Kurenaido ／ Hachi Maru Pop |
| 配置 | 左揃え・中央揃えがズレた | テキストレイヤーを選択 → 整列パネルで揃え直す |
| 配置 | 文字が一部消えた | Canva側で改めてテキストとして配置する |
| 配置 | 図形が途中で切れた・消えた | スポイトツールで隣接色を取得 → 同色の図形を補って追加する |
| サイズ | 文字サイズが意図せず統一されてしまう | テキストレイヤーを選択 → 手動でフォントサイズを変更する |
Step 5：AI出力をデザイナーとして修正して完成させる(最重要)
AIが生成した素材をそのまま納品するのはデザイナーの仕事ではありません。次の修正カテゴリから複数を選んで実施してください。どれを選ぶかもデザイナーとしての判断です。
| 修正カテゴリ | 具体的な修正内容 |
|---|---|
| ①テキストの配置変更 | キャッチや詳細情報の位置・余白・揃え方をデザイナーとして意図的に選択する |
| ②フォント・あしらいのこだわり | フォントの組み合わせや色を選び、ドロップシャドウ・背景バー・リボンなど、テキストの視認性を上げるあしらいを加えて、ブランドに合った雰囲気に仕上げる |
| ③デザイン要素の追加 | 図形・ライン・アイコンをゼロから配置する |
| ④テキスト内容の調整 | AIが生成したキャッチコピーの語順や言葉を、自分の言葉で書き直す |
| ⑤配色の変更 | テキスト・背景・装飾の色をカラーピッカーで選び直し、ブランドカラーや意図に合わせる |
ChatGPT Images 2.0が生成する画像には、デザインとして以下のような問題が含まれることがよくあります。Step 5で意識的に修正してください。
(1) スマホで見たときに文字が小さすぎる(SNS投稿は特にスマホ閲覧前提なので、キャッチや訴求情報のサイズを上げる)
(2) 視線誘導が正しく設計されていない(目を引かせたい順に配置・サイズ・コントラストの差をつけ直す)
書き出し前の最終チェック
Step 5を終えたら、書き出す前に以下の5項目を必ず確認します。1つでも引っかかれば修正してから書き出してください。
| チェック項目 | 確認内容 |
|---|---|
| ①フォント | 2種類以内に収まっているか |
| ②文字サイズ階層 | キャッチ → 店名 → 詳細の順に小さくなっているか |
| ③あしらい | 1種類以内に収まっているか（ドロップシャドウ＋アウトラインの重ね掛けをしていない） |
| ④テキストの揃え | 左揃えか中央揃え、どちらかに統一されているか |
| ⑤最終3軸 | コントラスト・余白・フォント統一の3軸がすべてOKか |
Step 6：書き出す
書き出し形式はクライアントの要求に従います。Canva上部の共有 → ダウンロードから、用途に合った形式（PNG／JPG／PDF印刷など）を選んでください。
- Step 1〜2：Canvaにアップロード → Magic Layersを適用してレイヤー分解
- Step 3：背景写真だけをGPTで作り直してCanvaで差し替え、背景とテキストを独立レイヤーにする（GPTで「背景写真のみを出力」→Canvaで配置→レイヤー→背景要素を全選択して削除→背景画像を挿入）
- Step 4：文字化け・英語圏フォント・揃えズレなど、意図しない変化を一括修正
- Step 5（最重要）：デザイナーとしての修正。テキスト配置・フォントあしらい・オブジェクト配置・デザイン追加・テキスト内容・配色から複数実施する
- 書き出し前の最終チェック5項目（フォント2種類以内・文字サイズ階層・あしらい1種類・揃え統一・最終3軸OK）をクリアして Step 6 で書き出す