ロゴデザイン · 実測
ロゴのスケッチを AI できれいなマークにする
ラフなスケッチは、ロゴをどうしたいかを伝えるいちばん速い方法です。どのくらい高いか、どのくらい尖っているか、どのくらい幅があるかといった、言葉では伝えにくいシルエットと比率が決まります。
2026年9月27日、架空のボードゲームカフェ Rook & Rabbit のマークを Ciyo のキャンバスにスケッチし、エージェントにきれいなロゴにするよう頼みました。一回目の試みから、このガイドでいちばん役に立つ手順がわかりました。
大事なところだけを描く
Pencil（鉛筆）ツールで、直線を 14 本描きました。三つの胸壁があるチェスのルーク、その上から立ち上がる二つの高く尖った耳、胴を横切る一本の帯、そして幅の広い土台です。マークのアイデアはこれですべてです。細部は後回しで構いません。
大きく、シンプルに描いてください。AI に残してほしいのは比率なので、比率をはっきりさせます。私たちの耳はルークの頭より高く、胴は下に向かって細くなっています。
一回目: エージェントには絵が見えていなかった
スケッチが画面いっぱいになるよう拡大し、Ciyo Agent に、胸壁、高い耳、帯、幅の広い土台を残したまま、クリーム色の上に深緑で描いた一つのきれいなマークにするよう頼みました。
エージェントは生成する前に、このターンではスケッチのピクセルを受け取れていないので比率をなぞれない、説明をもとに作る、と答えました。できたマークはきれいでしたが、丸い耳のついたありきたりなルークでした。私たちの絵ではなく、私たちの言葉から描かれたものです。
キャンバスにある私の鉛筆のラフスケッチを見てください。上から二つのウサギの耳が立ち上がっているチェスのルークです。これを、ボードゲームカフェ Rook & Rabbit のための一つのきれいなロゴマークにしてください。残すもの: 三つの胸壁があるルーク、二つの高い耳、胴を横切る帯、幅の広い土台。変えるもの: 線を迷いのない均一なものにし、シンプルな幾何学的な形にして、耳の先は丸くしてください。色は深緑 #1F4D3A の平塗り一色で、無地のクリーム色 #F3E9D2 の正方形の上に置いてください。文字は入れないでください。解決策: 線を一枚の画像に結合して添付する
鉛筆の線は、キャンバス上ではそれぞれ別の図形です。すべてを囲むように枠をドラッグし、選択ツールバーで Merge（結合）を選んでください。Ciyo はそれらを一枚の絵にまとめ（私たちの場合は 826 × 1,350 の “Merged image”（結合した画像））、チャットのメッセージに自動で添付します。
画像を添付した状態で、従うべき比率を挙げてもう一度頼みました。今回エージェントは、鋭く尖った細長い耳が見えると答え、マークにもそれが残りました。尖った耳、幅の広い胸壁のブロック、帯が一本ある下すぼまりの胴、そして段のついた幅の広い土台です。
添付したスケッチの画像を参照として使い、その比率に従ってください。高く尖った耳、幅の広い胸壁のブロック、幅の広い土台に向かって細くなる胴、胴を横切る一本の帯です。これを一つのきれいなロゴマークにしてください。線は迷いのない均一なものにし、シンプルな幾何学的な形にしてください。色は深緑 #1F4D3A の平塗り一色で、無地のクリーム色 #F3E9D2 の正方形の上に置いてください。文字は入れないでください。二つのマークで変わったこと
どちらのマークもきれいで、一色でした。しかし、私たちのものと言えたのは二つ目だけです。
| スケッチの特徴 | 言葉だけ | 結合したスケッチを添付 |
|---|---|---|
| 高く尖った耳 | 丸い耳 | 尖った耳 |
| 下すぼまりの胴 | まっすぐなルークの胴 | 下すぼまりの胴 |
| 胴を横切る一本の帯 | 帯が一本 | 帯が一本 |
| 幅の広い土台 | 段のついた土台 | 段のついた幅の広い土台 |
ある創業者による同じワークフロー
先にスケッチすることは、ありきたりな見た目を避ける手段にもなります。アイデアは自分から生まれ、AI はそれを清書するだけだからです。ただし独自性が保証されるわけではありません。きれいなマークでも、ありきたりだと受け取られることはあります。印刷する前に、何人かのお客さんに見せてください。
2026-09-24に投稿。ベータ版のユーザーに以前の見た目がありきたりだと言われて製品をリブランドした経緯を語るスレッドで、この創業者は、色とフォントは自分で選び、ロゴは自分のスケッチから生まれ、最終版は ChatGPT が描き、SVG は Codex が作ったと説明しています。それでも、新しい見た目もありきたりだという返信が一件ありました。彼は Ciyo を使っていません。この投稿は、同じスケッチ先行のワークフローとその限界を示しています。
マークを仕上げる
スケッチに沿った版を選び、More（その他）→ Vector（ベクター化）でトレースして、SVG の中でブランドの正確な色を設定してください。決める前に、ブラウザのタブの大きさである幅 32 ピクセルで確認してください。
スケッチからロゴへ
AI でロゴのスケッチをきれいなロゴにできますか
はい。ただし、AI がスケッチを見ていることを必ず確認してください。私たちのテストでは、鉛筆の線を一枚の画像に結合して添付すると、マークが私たちの比率に沿いました。
AI がスケッチを無視したのはなぜですか
一回目では、エージェントはこのターンではスケッチのピクセルを受け取れていないと伝え、文章をもとに作りました。線を結合して画像を添付すると解決しました。
Ciyo で鉛筆の線を結合するにはどうすればよいですか
線を囲むように選択枠をドラッグし、選択ツールバーで Merge を選んでください。結合した画像は、次のチャットのメッセージに添付されます。
マークは独自のものになりますか
アイデアが自分のスケッチから生まれるので、その点は助けになります。それでも、お客さんに見せて確かめてください。きれいなマークはありきたりに見えることがあります。
自分のスケッチから始める
Ciyo のキャンバスにアイデアを描き、結合して、エージェントに清書させてください。