60点を一瞬で、100点はプロの手で ― AIベクター化時代のデザイン分業

AIで画像は作れる。でも、仕事のデータにはなっていない ― その「ここだけ直して」に応えられず困っていませんか？ 60点を一瞬で、100点はプロの手で。2026.8.6（木）13:10-14:00 オンライン、講師コンマリ

まず、この話から

AIで画像は、作れるようになった。
でも、仕事のデータにはなっていない。

その「ここだけ直して」に、
応えられず困っていませんか？

STEP00

2026年の転換点

「ポン出し」から「編集できるデータ」へ

生成画像はビットマップのまま

closeきれいだが1枚の画像でしかない
close「ここだけ直して」に応えられない
close完成品として使うしかなかった

Illustratorの「コンセプトからベクター生成」なら

check_circle元画像を参考に、編集可能なベクター素材を生成できる
check_circle生成した絵が「完成品」でなく「素材」になる
check_circle配色替え・差し替え・展開が自由にできる

lightbulb

今日のゴール：明日、自分の案件1本を「パーツ分解×レイヤー」の型で試せるようになること

route

TODAY'S FLOW（50分）

今日の流れ

01

初心者でも60点

定型プロンプトで案出し

02

パーツに分けて生成

1枚絵まるごとの失敗と対比

03

レイヤーで仕上げ＋展開

配色・テイストの量産

04

プロンプトの定型化

YAMLでチーム共有

05

分業＋安全に使う

AIと人の役割分担

06

特典＋QA

プレゼント配布

STEP01

デモ①

初心者でも60点

あなたは一流のグラフィックデザイナー兼日本語タイポグラファーです。
次の告知ポスターのデザイン案を1枚作ってください。

案件: 夏のファミリーキャンプイベント
一番伝えたいこと: 子連れでも気軽に参加できる
見た人にしてほしいこと: 日時を見て申し込みたくなる

必ず入れる要素（優先順位順・実際の文字で入れる）:
1. タイトル「サマーキャンプフェス」— ベタ打ち禁止。ロゴのようにレタリングを設計する。ただし最優先は可読性: 全部の文字の字形を正確に保ち、一目で読めること。文字の大小や角度で躍動感を出し、山・テント・炎のモチーフは文字の「まわり」に添える（文字そのものをモチーフに置き換えたり変形したりしない）
2. メインビジュアル（山・テント・焚き火）— タイトルと絡む構図に
3. 日時「8.22 SAT」と場所（タイトルの次に目立つ）
4. 申込QRコードの位置（四角の枠でよい）

デザイン指定:
- ブランドカラー #1E4E8C・#F5B301 を基調に、差し色1色だけ可
- フラットデザイン。大きさの差で情報の優先順位を表現
- 余白を広めに、どこか1カ所「おっ」と目を引く遊びを入れる
- 禁止: 読めない日本語・崩れた文字 / ありきたりなテンプレ風 / 文字をただ並べただけの構図

左のプロンプトをGeminiでそのまま実行した出力（無修正）。細かい文字の乱れはイラレで打ち直す前提

lightbulb

定型プロンプトを使えば、このレベルのたたき台を短時間で作りやすくなる。100点への仕上げがプロの仕事

STEP02

デモ②

1枚絵のままでは「ここだけ直す」が難しい

完成イラスト1枚を生成すると

要素が全部混ざった1枚絵。見た目はきれい、雰囲気も伝わる

そのままベクター化すると

要素が分離されず、部分修正しにくいベクターデータになりやすい

science

実機検証で確定：今日いちばん伝えたい「NG」パターン（2026-07-15検証）

STEP02

デモ②（メイン）

正解は、パーツに分けて生成する

1枚のレイアウトを5カテゴリに分解し、各素材を1点ずつ生成する

title

タイトル装飾

landscape

背景

star

メインモチーフ

eco

装飾

view_agenda

情報帯

① 個別に生成

パーツごとに1点ずつ

② 個別にベクター化

「コンセプトからベクター生成」を使う

③ 編集可能な素材に

差し替え・配色替えが自由

※ベクター生成は生成クレジットを消費します（プランの上限に注意）

STEP02

デモ②（つづき）

まず文字なしの「素材シート」に整理する

デモ①の画像をGeminiで開いて、これを貼るだけ

添付したポスターを、Illustratorで編集可能なベクター素材へ描き起こすための「ビジュアル素材シート」に再構成してください。

これは新しいポスターを作る作業でも、元のレイアウトを再現する作業でもありません。元ポスターに使われているイラスト・背景・装飾・色面だけを抽出し、それぞれ独立したビジュアル素材として純白の背景に配置してください。

【重要】文字・数字・記号・ロゴ・URL・QRコード本体は一切描かないでください。文字が入っていた部分は空白に。意味のある文字に見える模様や架空の小さい文字も禁止です。

【分離する素材】背景の風景パネル／主要なイラストモチーフ／人物やキャラクター／装飾アイコン／タイトル周辺の装飾／情報帯やバッジの色面／QRコードを後から置く無地の枠

【素材の条件】1パーツにつき1モチーフで重複・重ねを禁止／各パーツの周囲に広い白い余白／素材名・番号・説明ラベル・区切り線は描かない／元ポスターの色・線・形・フラットな表現を維持／陰影・写真表現・細かな質感は追加しない／Illustratorで1点ずつ選択しやすい単純な形

完成したポスターではなく、再編集するためのラベルなしビジュアル素材シートを1枚出力してください。

lightbulb

素材シートは中間工程。鉄則は「1パーツ=1モチーフ」、Illustratorでは各素材を1点ずつ生成する

STEP03

デモ③

レイヤーで重ねて仕上げる＋展開

今日の実演の流れ（全体プロセス）

1

画像生成で
ポスター案

chevron_right

2

構成・配色を
採用

chevron_right

3

文字なし
素材シート

chevron_right

4

素材を
切り出す

expand_more

5

コンセプトから
ベクター生成

chevron_right

6

パス・配色を
整理

chevron_right

7

文字・QR・
ロゴを配置

chevron_right

8

印刷・Web用
データ完成

layersレイヤーで重ねる

背景→モチーフ→装飾→情報帯→タイトルの順で重ねて完成させる

palette配色・テイストを展開

同じレイアウトのまま配色替え・和風/ポップなどテイスト変更

restaurant量産の実例：レシピカード

レイアウトは固定、中身（料理名・写真）だけ差し替えて量産する。印刷会社の定型フォーマットにもそのまま応用できる

STEP04

プロンプトの定型化

プロンプトをYAMLで「再利用できる設計図」にする

条件を項目化して、チーム内の指示漏れとばらつきを減らす。作り方は3ステップ

1今日のプロンプト（デモ①）をGeminiに貼る
2「これをYAML形式にして」と頼む → 右の形になる
3brand_colorsを自社の色に差し替えて保存。以後はasset_type・subjectを書き替えて使い回す

role: グラフィックデザイナー
brand_colors: ["#1E4E8C", "#F5B301", "#FFFFFF"]
mood: フラット・ミニマル・プロフェッショナル
rules:
  - 白背景・塗りは3色以内・グラデーションなし
  - 輪郭は太めの均一な線。質感・影は入れない
  - 余白を広めに、モチーフは端に触れない
  - 指定していない要素・文字を足さない
asset_type: "{背景／モチーフ／装飾／情報帯}"
asset_count: 1
text_policy: "文字・数字・記号を描かない"
background: "純白"
separation: { overlap: false, wide_margin: true, cropped: false }
subject: "{ここにモチーフを記述}"

groups

指示項目を固定して、担当者による出力のばらつきを減らす仕組み

shield

STEP 05

人とAIの分業＋安全に使うために

boltAIの仕事

パーツの生成・展開・量産。スピードと物量

check_circleプロの仕事

パーツを選ぶ・重ねる・仕上げる判断。
品質の最終責任を持つ

water_dropウォーターマーク

表示条件・利用規約を確認する。除去を前提にせず、案件に適した生成方法を選ぶ

gavel商用利用

入力画像の利用権・商標や既存キャラとの類似・ツールごとの規約を確認してから使う

inventory_2

TAKEAWAYS

持ち帰りツール

auto_awesome

今日だけの特典

定型プロンプトGemを無料プレゼント

作りたい媒体を伝えるだけで、
ラフからパーツ生成まで並走するGem

勝ちパターンの整理→レイアウトYAML→ラフ画像→パーツ分解まで一気通貫

download Gemを受け取る

description

当日使用プロンプト一式

デモ①②③の全プロンプト

alternate_email

コンマリ X アカウント

@konmari_tweet

今日できるようになったこと

bolt

定型プロンプトで60点を素早く作れる

extension

パーツ分解でベクター化を成功させる

layers

レイヤーで重ねて配色を展開する

groups

プロンプト共有で制作条件を揃える

AIは60点を一瞬で。100点に仕上げるのは、あなたの仕事です。

60点を一瞬で、100点はプロの手で ― AIベクター化時代のデザイン分業

「ポン出し」から「編集できるデータ」へ

今日の流れ

初心者でも60点

1枚絵のままでは「ここだけ直す」が難しい

正解は、パーツに分けて生成する

まず文字なしの「素材シート」に整理する

レイヤーで重ねて仕上げる＋展開

プロンプトをYAMLで「再利用できる設計図」にする

人とAIの分業＋安全に使うために

持ち帰りツール

作りたい媒体を伝えるだけで、ラフからパーツ生成まで並走するGem

今日できるようになったこと

作りたい媒体を伝えるだけで、
ラフからパーツ生成まで並走するGem