AI でチラシ5業種を20分で ― MOSS フライヤー工房

AI でチラシ5業種を20分で ― MOSS フライヤー工房

MOSS フライヤー工房は、写真・背景・題字を AI に描かせ、パワーポイントのように並べ替えてチラシを作るアプリです。
先日、このアプリで雑貨店・カフェ・美容サロン・クリニック・不動産会社の A4 チラシを 5 種類作りました。依頼してから書き出しまで、約 20 分でした。
この記事では、何ができるのか、なぜ AI の画像を「直せるチラシ」にできるのかを、作例と一緒に紹介します。

チラシづくりで、いつも素材探しに時間が消える

店のチラシを 1 枚作ろうとすると、まず素材を探すことになります。
素材サイトを何ページもめくって拾い集めても、写真の色味が背景と合わない、欲しい組み合わせの写真がない、題字の雰囲気が店に合わない、と少しずつ違います。結局、どこかで妥協して並べることになります。

画像生成 AI に頼めば、イメージどおりの絵は描いてくれます。ただ、AI が出すのは「1 枚の完成した絵」です。日付の文字だけ直したい、写真だけ別の案にしたい、と思っても、絵の一部だけを直すことはできません。丸ごと作り直すしかないうえに、日本語の文字は読めない字に化けがちです。

部品を AI が作り、並べるのは人(またはプログラム)

MOSS フライヤー工房は、この 2 つの困りごとを「部品に分ける」ことで解いています。

AI に描かせるのは、チラシの完成品ではなく部品です。

  • 背景: 冬の枝と赤い実の水彩、カフェの木のテーブルと灯り、など
  • 素材: 手袋とマグとキャンドルの静物、パンケーキとラテ、白い家、など
  • 題字: 「こもれび雑貨店」「予防接種のご案内」のような、店名や見出しの飾り文字

どれも日本語で「何を描くか」と「雰囲気」を書くだけです。描くのは、日本語の文字を絵として描くのが得意な画像生成 AI の MOSS-Image です。

素材を頼む画面。内容と雰囲気を日本語で書き、背景の消し方と候補の枚数を選ぶ

住所・営業時間・価格・日付のような細かい文字は、AI には描かせずフォントで描きます。正確さが要る小さな文字はフォント、雰囲気のある大きな題字は AI、と役割を分けています。

そして部品を、画面の上でパワーポイントのように並べます。

  • ドラッグで移動、四隅をつまんで拡大・縮小
  • 重なり順を前面・背面に入れ替え、表示・非表示、回転、透明度
  • フォントは 20 種類ほどの日本語フォントから選べ、縦書き・縁取り・行間・字間も変えられる
  • 文字の下に敷く角丸の四角などの図形も足せる
  • 戻す・やり直す(Ctrl+Z / Ctrl+Y)

デザインソフトを触ったことがなくても、パワーポイントで資料を作ったことがあれば、同じ感覚で直せます。

工房の画面。左がレイヤーの一覧、中央がチラシ、右に選んだ写真の候補 3 枚が並ぶ

20 分で 5 業種を作ってみた

作ったのは次の 5 種類です。どれも架空の店で、チラシの隅に「※このチラシは作例です」と入れています。

業種 店名(架空) 内容
雑貨店 こもれび雑貨店 冬のあたたか雑貨フェア、お買い上げプレゼント
カフェ Café ひだまり 季節限定 はちみつりんごのパンケーキ、モーニング
美容サロン hair & relax Lien 新規のお客さま限定 カット+トリートメント 20%OFF
医療 さくら内科クリニック インフルエンザ予防接種のご案内
不動産 ミライエ不動産 週末 住まいの相談会

雑貨店「こもれび雑貨店」冬のあたたか雑貨フェア(架空の店の作例)

カフェ「Café ひだまり」季節限定パンケーキ(架空の店の作例)

美容サロン「hair & relax Lien」新規のお客さま限定(架空の店の作例)

クリニック「さくら内科クリニック」インフルエンザ予防接種のご案内(架空の医療機関の作例)

不動産会社「ミライエ不動産」週末 住まいの相談会(架空の会社の作例)

1 本のチラシにつき、背景・素材・題字をそれぞれ 3 案ずつ AI に作らせました。5 本で 45 枚です。今回使った GPU(RTX 3060)では 1 枚あたり約 16 秒で、部品づくりは 13 分ほどで終わりました。案を選んで並べ、文字を入れる作業は、部品ができあがった業種から順に進めたので、全体で約 20 分です。

題字は 5 本とも一字ずつ目で確かめ、どれも崩れずに出ていました。文言では、価格を税込で書き、クリニックと美容サロンでは効き目をうたう言葉を入れず、不動産には宅地建物取引業の免許番号の欄を伏せ字で入れています。

写真だけを差し替えても、ほかは動かない

このアプリでいちばん見てほしいのは、ここです。

雑貨店のチラシで、中央の写真だけを AI が出した 3 つの案で差し替えてみました。題字、日付、プレゼントの案内、背景、足元の住所はそのままで、写真だけが入れ替わります。

雑貨店のチラシの中央の写真だけを、AI が出した 3 つの案で差し替えたもの

AI が出した案は、選ばなかったものも含めてすべて残ります。画面で候補をクリックすれば、その場で差し替わり、置いた位置と大きさは保たれます。気に入らなければ、内容や雰囲気の言葉を変えて、同じ場所に新しい案を足すこともできます。

素材探しでは「イメージに近いものを探す」しかありませんでしたが、ここでは「イメージに近づくまで描かせる」ことができます。「ほかの案も見たい」と言われたときに、チラシを作り直さずに応えられます。

なぜ AI の絵を「直せるチラシ」にできるのか

透明なフィルムを重ねる

チラシを、透明なフィルムを何枚も重ねたものだと考えてみてください。一番下のフィルムに背景、その上に写真だけが印刷されたフィルム、さらにその上に題字だけのフィルム、文字だけのフィルム。重ねると 1 枚の絵に見えますが、フィルムは 1 枚ずつ抜き差しできます。写真のフィルムだけを別のものに替えれば、写真だけが変わります。

これが「レイヤー」です。そして、AI の絵をこのフィルムにする役目を担っているのが、rembg という背景除去のツールです。

AI が描く絵は、どれも背景つきの四角い 1 枚の画像です。手袋とマグの写真を頼んでも、周りには白い背景が付いてきます。そのまま重ねると、白い四角が下の背景を隠してしまいます。rembg は、写っているものの形に沿って周りを透明にします。これで写真は「手袋とマグだけが印刷された透明なフィルム」になり、どんな背景の上にも重ねられるようになります。

地味ですが、この工程があるから、AI の絵を部品として扱えます。

透明フィルムを重ねて 1 枚にする仕組み。この図もフライヤー工房で作りました(絵は MOSS、説明の文字はフォント)

部品の種類で、切り抜き方を変える

切り抜き方は、部品によって変えています。

  • 写真・素材: rembg(AI による切り抜き)
  • 題字: 白い背景を抜くだけの簡単な方法。rembg は文字の細い線を削ってしまうことがあるため
  • フォントの文字・図形: 最初から透明なフィルムとして描くので、切り抜きは不要

題字については、AI への頼み方も工夫しています。「この文字だけを、白い背景の真ん中に描いてください。ほかの文字や枠や絵は描かないでください」と、配置を決めた指示書(JSON)で渡します。

"caption": (f"Decorative Japanese lettering design: {mood}. Plain pure white background, nothing else. "
            f"The only text is exactly \"{text}\". No other text, no frame, no illustration."),

余計なものが描かれなければ、白を抜くだけで題字のフィルムができます。

このアプリの考え方は「部品は AI、組み立てはプログラム」です。AI が描いた元の画像も別に残しているので、切り抜き方が気に入らなければ選び直せます。

実は、今回の 5 本は人の手で並べていない

ここまで「画面の上でパワーポイントのように」と書いてきましたが、今回の 5 本は、画面を触って作ったものではありません。

この工房は、画面で行う操作をすべて Web の API(プログラムから呼び出せる窓口)としても用意しています。作品を作る、AI に部品を頼む、候補を選ぶ、文字を足す、位置を決める、書き出す。そのすべてを、画面の裏から呼び出せます。

そこで、AI のコーディング助手である Claude Code に、この窓口を使って工房そのものを動かしてもらいました。私が送った依頼は、次の一文です。

・雑貨店
・カフェ
・美容サロン
・医療系
・不動産会社

この感じでチラシを適当に作ってみるってのはどうかな?

Claude Code は、業種ごとに架空の店名と文言を考え、背景・素材・題字を AI に 3 案ずつ頼み、できあがった案を自分で見比べて選び、文字を入れて並べ、書き出すところまで進めました。題字が下の文字とぶつかったり、住所が背景に埋もれたりしたチラシも、Claude Code が仕上がりの画像を見て自分で直しています。私がしたのは、最初の一文を送ることと、できあがりを見ることだけでした。

人が使うための画面と、AI が使うための窓口を同じアプリに持たせておくと、同じ道具を人も AI も使えるようになります。この仕組みは、私が普段の仕事を AI と分担するために作っている「Soma」という仕組みの一部です。Soma については、あらためて詳しく紹介する予定です。

できないこと

正直に書いておきます。

  • AI の絵は細部が崩れることがあります。 人の手足や、細かい形が不自然になる案は出ます。今回も、家の形が崩れた案、美容の小物に架空のブランド名が描き込まれた案は使いませんでした。
  • 細い線は切り抜きで消えやすいです。 糸やひものような細いものは、rembg が背景と一緒に消してしまうことがあります。
  • 輪郭にうっすら跡が残ることがあります。 不動産のチラシの家の左端にも、切り抜いた跡が少し出ています。
  • 最後は人の目で確かめる必要があります。 AI が描いた題字は、一字ずつ確かめてから使います。文言の確認(価格、日付、曜日、業種ごとの広告のルール)も同じです。
  • 印刷会社に入稿するための形式(CMYK や塗り足し)には、まだ対応していません。 書き出しは PNG・JPG・WebP です。

自分のチラシづくりに AI を使うか、判断の目安

AI でチラシを作るかどうかは、次のように考えると判断しやすいと思います。

向いている場合

  • イメージに合う素材が見つからず、素材探しに時間がかかっている
  • 同じチラシで、写真や題字の案をいくつも見比べたい
  • 季節ごとのフェアのように、似た形のチラシを何度も作る
  • デザインソフトは使えないが、パワーポイントなら使える

別の手を考えたほうがよい場合

  • 実在の商品や店舗の写真を載せたい(AI は実物とは別のものを描きます。実物の写真を使ってください)
  • ロゴや書体が厳密に決まっているブランドのチラシ
  • 細部の正確さが命のもの(図面、商品の細かい仕様など)

そして、AI の画像を仕事で使うなら、「1 枚の完成品を描かせるのではなく、部品に分けて描かせ、組み立ては手元でやる」という分け方が効きます。文字化けと「一部だけ直せない」という AI の画像の 2 つの弱点を、両方とも避けられるからです。

同じ仕組みは、Web ページのバナーや SNS の告知画像にも使えます。素材探しに時間を取られているなら、試してみる価値はあると思います。


使用技術: Python, Flask, Pillow, rembg, MOSS-Image, ComfyUI, JavaScript, Claude Code

同様の開発をご希望ですか?

この事例と同様の開発やカスタマイズについて、
お気軽にご相談ください。

お問い合わせ