スライド · 実測
資料全体を一人のイラストレーターで: AI でスライドのイラストをそろえる
資料の絵が一式としてそろっていると、資料はプロらしく見えます。画像モデルにスライド用のイラストを一枚ずつ四枚頼むと、四つのスタイルになることがよくあります。線の太さが違い、こちらには新しい色が入り、あちらには写真のような影が付きます。聞き手は問題を言葉にできなくても、感じ取ります。
2026年9月30日、架空の学習塾の保護者会のために、Ciyo でイラストを四枚作りました。まずスタイルシートを書き、最初の絵をほかの絵の参考画像として使い、参考画像なしの対照用の絵を一枚作り、すべてを測定しました。参考画像は役に立ち、対照用の絵がいちばんずれましたが、参考画像を使った絵の一枚も作り直しが必要でした。
資料の絵がずれていく理由
画像モデルは、絵を一枚ごとにゼロから描き始めます。“flat illustration, warm colours”（フラットなイラスト、暖かい色）のような言葉はスタイルの一族全体を表すので、新しいスライドの絵は、その一族の中のどこか別の場所に落ち着きます。一式をそろえるのに必要なものは三つです。正確な色を書いたスタイルシート、モデルが参考画像として見る承認済みの絵一枚、そして新しい絵を両方と照らし合わせる確認です。
目は慣れてしまうので、確認が大切です。四枚の絵をしばらく見ていると、大きなスクリーンでは聞き手が気づくずれも、自分には問題なく見えることがあります。
ステップ 1: スタイルシートと基準の絵一枚
Brightwell Tutoring は架空の学習塾で、保護者会用に 16:9 の資料を準備しています。必要な絵は四枚です。本を読む親子、ホワイトボードの前の講師、週の予定を示すカレンダーと時計、そして授業で手を挙げる子どもです。Ciyo Agent には、再利用できるスタイルシートと一枚目の絵だけを頼みました。
スタイルシートでは、五つの色が 16 進数の値付きで決められました（背景に Warm Cream（温かみのあるクリーム）#FBF4E6、線に Deep Navy（深いネイビー）#1F3A5F、主なアクセントに Sunny Marigold（明るいマリーゴールド）#F2B33D、そして Soft Teal（やわらかなティール）#4FA3A5 と Coral Blush（コーラルピンク）#E87A5D）。ほかに “clean, slightly uneven hand-drawn navy outlines of medium weight”（中くらいの太さの、すっきりとしてわずかに不ぞろいな手描きのネイビーの輪郭線）、影を一色だけ使ったフラットな塗り、軽い粒子感、スライドのタイトル用に片側を空けること、そして読める文字を含む避けるべきものの一覧が入っていました。一枚目の絵は、いちばん安い設定で 2 クレジットでした。
Brightwell Tutoring の保護者会用に 16:9 のスライド資料を作っていて、一人のイラストレーターが描いたように見えるイラストが四枚必要です: (1) キッチンのテーブルで本を読む親子、(2) 簡単な分数の図形（読める文字はなし）が描かれたホワイトボードの前の講師、(3) 週の予定のスライド用のカレンダーと時計の静物、(4) 少人数の授業で手を挙げる子ども。まず再利用できる短いスタイルシート（パレットの 5 色を 16 進数で、線のスタイル、陰影、背景、避けるもの）を書き、そのあとイラスト 1 だけを 16:9、画像内に文字なしで作ってください。画像はいちばん安い設定を使ってください。ステップ 2: 残りの三枚と、対照用の一枚
基準の絵を承認し、絵 1 を参考画像にして絵 2〜4 を頼みました。参考画像にどれだけ価値があるかを見るため、文章とスタイルシートだけから作った絵 3 の別バージョンも頼みました。この四枚の画像は 11 クレジットでした。
エージェントはその後、五枚すべてを測定しました。クリーム色の背景は各絵の 57〜85% を占め、どの点数も良く見せてしまうので除外し、残りの絵柄のうち五色に合っている割合を数えました。
良いですね。余計な文字もありません。では、イラスト 1 をスタイルの参考画像にし、あなたのスタイルシートも使って、同じ設定でイラスト 2、3、4 を作ってください。対照用として、参考画像を使わず文章のプロンプトとスタイルシートだけで、イラスト 3 のバージョンをもう一つ作ってください。そのあと五枚すべてをスタイルシートと比べてください: それぞれの画像のどれだけがパレットの 5 色を使っているか、輪郭線の太さ、いちばんずれているのはどれか。対照用の絵にははっきりラベルを付けてください。数字が示したこと
パレットにいちばん合っていたのは絵 1 と絵 2 でした。対照用の絵は主なアクセントをほぼ完全に失い（マリーゴールドは 1%）、コーラルを使いすぎていました（32%）。しかし、参考画像があれば安心というわけではありませんでした。参考画像を使ったカレンダーは一式の中でいちばん弱く、絵柄の約 29% が、スタイルシートにはまったくない明るいタンやピーチの色でした。
輪郭線は絵 1、2、4 で約 5 ピクセルでした。カレンダーの絵は細めに測定されましたが、エージェントは、グリッドの線や時計の目盛りが中央値を下げるので、その数字だけではずれの証拠にならないと指摘しました。
| 絵 | ほぼ一致 | 近い色合いを含む | 目立った点 |
|---|---|---|---|
| 1 読書（基準） | 80% | 87% | マリーゴールド 43%、ネイビー 26% |
| 2 ホワイトボード | 80% | 87% | いちばんバランスが均等 |
| 3 カレンダー、参考画像あり | 62% | 71% | 約 29% がタンとピーチ |
| 4 教室 | 72% | 84% | 色の配分が基準にいちばん近い |
| 3 カレンダー、対照用（参考画像なし） | 58% | 82% | マリーゴールド 1%、コーラル 32% |
| 3 カレンダー、作り直し | 84% | 92% | パレット外は 0.5% 未満 |
ステップ 3: ずれた一枚を直す
エージェントは、“make it match”（合わせて）のようなあいまいな指示ではなく、具体的な直し方を提案しました。木やタンの色は使わない、時計の文字盤をマリーゴールドにする、カレンダーの見出しをティールにする、というものです。作り直しは 3 クレジットで、一式の中でいちばんパレットに合う絵になりました。ほぼ一致は 84%、マリーゴールドは絵柄の 12% から 25% に、ティールは 10% から 25% に増えました。
自分で直すときも、同じように書いてください。紛れ込んだ色を名前で挙げ、アクセントをどこに置くかを伝え、基準の絵を参考画像のまま使います。
はい、提案どおりにイラスト 3 を作り直してください（参考画像 = イラスト 1、木やタンの色はなし、時計の文字盤はマリーゴールド、カレンダーの見出しはティール）。そして同じ方法で測り直してください。そのあと、最終的な四枚のイラストをスライドの順に一列に並べ、一式として見られるようにしてください。スライドの順に並べた最終的な一式
最終的な四枚は、一つのパレット、一つの線の太さ、タイトル用の同じ種類の余白を共有しています。最初のカレンダーと対照用の絵はその下のボードに残っているので、なぜ一式を変えたのかを同僚に見せられます。エージェントは、スライドの大きさでカレンダーの細いグリッド線をもう一度確かめること、そして資料を大きなスクリーンで使う前に四枚の絵を 1K から拡大することを勧めました。
再利用できるスタイルシートのチェックリスト
スタイルシートは資料のノートやブランドのフォルダーに保存し、基準の絵と一緒に、毎回の依頼に貼り付けてください。私たちのテストで効果があったのは、次の部分です。
| 要素 | 私たちのテストでの例 |
|---|---|
| 16 進数の値と役割を決めたパレット | クリームの背景、ネイビーの線、マリーゴールドの主なアクセント |
| 線のスタイル | わずかに不ぞろいなネイビーの輪郭線、中くらいの太さ |
| 陰影 | フラットな塗り、やわらかな影の色を一つ、軽い粒子感 |
| レイアウトのルール | スライドのタイトル用に片側を空ける |
| 避けるものの一覧 | 読める文字、写実的な表現、3D、パレット外の色 |
| 基準の絵 | イラスト 1。毎回の依頼に添付する |
資料の次の一歩
絵のスタイルがそろったら、アイコンと背景も同じパレットに合わせ、各スライドが部屋の後ろからどう見えるかを確かめてください。
スライド用のイラストをそろえる
参考画像があれば AI のイラストはそろいますか
役には立ちますが、それだけでは足りません。私たちのテストでは、参考画像を使って作った絵は対照用の絵よりパレットに合っていましたが、それでも一枚はタンの色合いにずれ、作り直しが必要でした。
絵が一式に合っているかどうかは、どう確かめればよいですか
背景を除いた絵柄のうち、パレットの色が占める割合を測り、輪郭線の太さを比べてください。私たちのエージェントはこれを作業スペースで行い、絵ごとの数字を報告しました。
絵に文字を入れるべきですか
いいえ。タイトルやラベルはスライドそのものに入れてください。生成された文字は編集しにくく、間違っていることも多く、資料と一緒に翻訳することもできません。
一式の費用はいくらでしたか
2026年9月30日、いちばん安い設定で 16 クレジットでした。内訳は、基準の絵に 2、三枚の絵と対照用の絵に 11、作り直したカレンダーに 3 です。
次の資料のイラストを Ciyo で
スタイルシートを一度書き、基準の絵を一枚承認したら、新しいスライドの絵を Ciyo Agent に両方と照らし合わせて測ってもらいましょう。