スケッチのワークフロー
スケッチから画像へ：ラフな絵をビジュアルの方向性に変える
あなたは地域の花屋のSNSを担当しています。週末のミニブーケの案内投稿が必要で、出発点は縦長レイアウトに描いた3輪の花、紙のラッピング、見出しです。これだけでも、画像について有意義に話し始められます。
このガイドでは、そのラフな案を架空の花屋のポスター案に変えていきます。Ciyoでスケッチを描き、デザインエージェントに読み取らせ、解釈を修正してキャンペーンの方向性を組み立てました。スクリーンショットはその実際のデモです。案内内容は架空のもので、売上成果を主張するものではありません。
1. 大切な関係性を描く
Ciyoのキャンバスを開きます。長方形で縦長投稿の範囲を取り、主題はPencilで描きます。この例では、すぼまった紙のラッピングの中にシンプルな3輪の花を置き、上部にラフな見出しを加えています。別の場所で描いた絵をアップロードしてもかまいません。
目的は具体的です。小さな贈り物を探す近隣の人を引きつけ、ダイレクトメッセージで問い合わせてもらうことです。細部を加える前に形式を決めましょう。この例は4:5の縦長構図です。スケッチには読む順番と文字の余白が見えていれば十分で、整った花びらや写実的な陰影は必要ありません。
2. 作成を頼む前に、エージェントが何を見ているか確かめる
スケッチ全体を読み取れるズームで表示します。エージェントが見る視覚情報は、メッセージを送信した時点でキャプチャされます。大きく編集したりパンしたりした後は、該当する範囲を表示した状態で新しいメッセージを送ってください。作成前に方向性を相談するには、会話モードのメニューでPlanを選びます。
最初の回答では3輪の花が認識され、見出しがポスターの端からはみ出していることが指摘されました。一方でラッピングは花瓶と説明されました。その点を修正して見出しのサイズを変えました。短い解釈確認が役立つのは、誤った前提が完成画像に入る前に直せるからです。
キャンバス上のスケッチを見てください。見えているものと、レイアウト上の問題を1つ、短い2文で説明してください。まだ画像は作成しないでください。3. 構図と仕上げを分けて考える
残すものと変えてよいものを、それぞれ短いリストにします。この花屋では、3輪の花、包んだ花束のシルエット、上の見出し、下の明確な行動喚起を残します。ラフな線は、より洗練されたイラストにしてかまいません。
最初の依頼は1つのビジュアル方向に絞りましょう。親しみのある地元の店らしさに、温かみのあるアイボリー、コーラル、葉のようなグリーンを選びました。実際の文言を渡します。これは英語で指定されたコピーです： “WEEKEND BLOOMS”, “MINI BOUQUETS”, “DM TO RESERVE”。価格や期限は、事業者が確認するまで入れません。
| 投稿の要素 | 残すもの | 発展させるもの |
|---|---|---|
| 構図 | 縦長4:5、上に見出し、中央に花束、下にCTA | 各要素に余白を与える |
| 主題 | 紙で包んだ3輪の花 | 花びら、茎、折り目を明確にする |
| 見た目 | シンプルでひと目でわかる花束 | 温かみのあるアイボリー、コーラル、葉のようなグリーン |
| メッセージ | 英語で指定されたコピー：WEEKEND BLOOMS / MINI BOUQUETS / DM TO RESERVE | 投稿に使う前にすべての語句を確認する |
4. 合意した方向性からポスター案を1つ作る
方向性が決まったら、会話メニューをCreateに切り替え、ポスター案を1つ依頼します。CiyoがCreate from this planのアクション付きでプランを示した場合は、その引き継ぎを使います。デザインエージェントが会話を進め、選択した画像モデルが結果をレンダリングします。
キャンバスを理解できることは、正確になぞれることを意味しません。エージェントはラフ画を解釈して生成用の指示にできますが、比率、配置、詳細は変わることがあります。結果をスケッチと比べてください。正確な文言を渡した場合でも、生成された文字は注意して確認しましょう。
合意したブリーフに基づき、架空の花屋向けに、洗練された4:5のInstagramポスター案を1つ作成してください。紙で包んだシンプルな3輪の花を残します。温かみのあるアイボリー、コーラル、葉のようなグリーンを使い、見出しの優先順位が明確で、ゆとりある余白を設けてください。入れる文字は、英語で指定された次のものだけです：WEEKEND BLOOMS; MINI BOUQUETS; DM TO RESERVE。ロゴ、価格、受取日、期限は創作しないでください。花束を視覚的な焦点にし、行動喚起を見つけやすくしてください。5. 最も大きなずれから修正する
この順で確認します。案内内容が伝わるか、視線の流れ、正確な文言、装飾の詳細です。見る人は花束の案内だと理解し、取るべき行動を見つけられるでしょうか。CTAが隠れているなら、テクスチャを足しても主な問題は直りません。
この結果では、3輪の花と指定した3行の文字がすべて見えていました。画像はシンプルな印を、より詳細な花束に発展させました。実際の画像をブラウザで896 × 1120ピクセルとして確認しました。使う前に、自分の書き出しファイルと公開予定のサイズを確認してください。
修正は1つだけ頼み、残すものを伝えます。例：「花束と色は残してください。イラストの下にDM TO RESERVEのための余白をもっと取ってください」。次のメッセージではスケッチと現在の結果を表示したままにします。以下のフィードバックガイドでは、広い意見を具体的なレイアウト判断に変える方法を示します。
構図に明示的な確認が必要な理由
Redditの質問で、u/Desiasterは自分のスケッチを構図を保ったまま写真風の画像に変える方法を尋ねました。返信では他のツールやワークフローが議論されています。この質問は、魅力的な画像と忠実な解釈は別々に判断すべきものだという有用な違いを示しています。
この花屋の演習では、短い保持リストとラフ画との比較で、その違いを実践します。正確な構図保持を立証するものでも、スレッドのモデル推奨をベンチマークとして採用するものでもありません。
2026年5月27日：スケッチの構図を保つことに関するコミュニティの質問。議論は他のツールについてのもので、このCiyoワークフローは独立した演習であり、投稿者による結果や推奨を示すものではありません。
スケッチを見落としたら、次のやり取りをシンプルにする
ラフ画が隠れたり、現在のビューの外に出たりしていないことを確認します。線がキャンバスのごく小さな部分しか占めない場合は拡大してください。エージェントが視覚ビューにアクセスできないと伝えたら、スケッチを表示した状態で新しいメッセージを送るか、明瞭な画像をアップロードします。先に主題をもう一度説明するよう頼んでください。
投稿前に、最終テキスト、トリミング、案内内容の詳細、問い合わせ先を確認します。ビジュアルがイラストならキャンペーングラフィックとして使い、顧客が実際に受け取る花束を確認する必要がある場合は、正確な商品写真を見せましょう。ここで役立つ成果は、レビューして仕上げられる明確なビジュアルの方向性です。
よくある質問
上手に描ける必要はありますか？
いいえ。主題、おおまかな比率、位置を明確な印で示します。曖昧な詳細はメッセージで説明してください。スケッチは完成品らしく見えることではなく、意図を伝えることが大切です。
画像をアップロードしなくても、Ciyoはフリーハンドのスケッチを見られますか？
デザインエージェントは、フリーハンドのスケッチを含む、見えているキャンバスを画像として受け取れます。送信時には関連するスケッチを表示しておいてください。視覚キャプチャが利用できない場合、エージェントはその旨を伝えるべきです。
生成画像はすべての線に一致しますか？
正確なトレースや固定されたジオメトリを期待しないでください。結果をスケッチと比較し、重要な違いを修正します。視覚的な解釈は生成の出発点であり、同一の輪郭を保証するものではありません。
キャンバスを動かすと、すでに進行中の回答は更新されますか？
いいえ。視覚ビューは送信したメッセージに紐づきます。スケッチを再構成または編集してから、更新後のビューについて話すために新しいメッセージを送ってください。
次のSNS投稿をスケッチしましょう
1つの案内内容、ラフなレイアウト、そして見る人に取ってほしい行動から始めましょう。Ciyoに何が見えているかを尋ね、方向性に合意し、レビュー用の案を1つ作ります。