使い方
- まず「🎲 ランダム生成」 … 上のボタンで、きれいなマーブル模様を一発作成。気に入るまで何度でも押し直せます。
- 配色を選ぶ … 下のバーの配色メニューで、和・パステル・ビビッド・暖色・寒色・ランダムを選べます。「🎲」で同じ傾向のまま色を引き直し。色チップはタップで選択／もう一度タップで個別に色を変更できます。背景（白／透明／和紙／カスタム）もそのバーで選べます。
- 手描きで作る … 「🖌 流す」で色を流しながら描き、「🌀 混ぜる」で既存の墨を動かして混ぜます。大きさ・流す強さ・にじみのスライダーで表情が変わります。
- 仕上げ … 「ぼかし⇔くっきり」で色の境界をぼかす／くっきり分ける、「なめらか⇔荒い」で描画を細かく／粗いドットに調整できます。
- 戻す/進める … 「↩／↪」ボタン、またはキーボードの Ctrl+Z（戻す）／ Ctrl+Y（進める）で操作できます。
- 保存・記録 … 「💾 保存」で〈現在のキャンバス〉または〈選択したスナップショット〉を書き出せます。「📸」で途中経過を履歴に残し、画像をクリックで選択。「⛶」で全画面。背景「透明」で透過PNGになります。
こんな使い方に
- 背景素材 … ブログ・SNSヘッダー・プレゼン資料・同人誌の表紙まわりの背景に。
- 柄・テクスチャ … イラストの服や小物、ラッピングペーパー、名刺の模様として。
- イラストの仕上げ … 透過で書き出し、イラストに薄く重ねて情報量アップに。
- 生地の質感づくり … 大理石・マーブル紙・墨流し和紙のような質感表現に。
マーブル模様・墨流し素材の作り方と活用アイデア
1. マーブル模様・墨流しとはどんな素材か
マーブル模様とは、大理石の断面のような、流れる曲線が幾重にも重なった模様のことです。色と色が混ざり合いながらもそれぞれの輪郭をぼんやりと保ち続ける、有機的な美しさが特徴です。
日本では「墨流し（スミナガシ）」と呼ばれる伝統技法が同じ原理で作られます。水面に墨や染料を垂らし、息を吹きかけたり細い棒でなぞったりして模様を作り、紙に転写するやり方です。平安時代の料紙にも使われており、和の雰囲気を持つ素材としても知られています。
このツールはその流れを流体シミュレーションで再現しています。「🎲 ランダム生成」を押すたびにまったく異なる模様が生まれ、同じものは二度と作れないという点で、手作り感のある素材が得られます。
2. どんな用途に使えるか
マーブル・墨流し素材は創作からビジネス用途まで幅広く活用できます。主な使い道をまとめます。
- SNSのヘッダー・アイコン背景 … X（旧Twitter）やInstagram、Pixivのプロフィールヘッダーにサイズを合わせて書き出すことで、統一感のあるアカウントに仕上げられます。アイコン背景として透過PNGで重ねる使い方も効果的です。
- ブログ・サイトのアイキャッチ … 記事のサムネイル画像の背景として使うと、テキストだけのアイキャッチより視線を引きやすくなります。文字との組み合わせは後述の透過PNG活用が便利です。
- 資料・名刺・招待状のデザイン … プレゼン資料の表紙やスライドの区切り、名刺・招待状の背景に使うと、既製品にはない独自性が出ます。
- 同人誌の表紙・扉ページ・グッズの柄 … 模様そのものを背景として配置したり、タイトルロゴの下に敷いたりするだけで印象的な仕上がりに。アクリルキーホルダーやトートバッグの柄としてもそのまま入稿できます。
- 配信・動画のオーバーレイ … 透過PNGで書き出した模様を配信画面やサムネイルに重ねると、独自性のある見た目を作れます。薄い色・薄い透明度で重ねると、主役の映像や文字を邪魔しません。
3. きれいに作るためのコツ
ランダム生成は手軽ですが、少し工夫するだけで仕上がりが大きく変わります。
- 色数を絞ると上品に見える … 色チップは「－」ボタンで減らせます。3色程度にまとめると、色同士の混ざりがごちゃつかずすっきりとした印象になります。5〜6色使う場合は、明度や彩度をなるべく揃えておくと統一感が出ます。
- 配色テーマを起点に探す … 「パステル」「和」「ビビッド」「暖色」「寒色」などのテーマは、色の方向性をざっくり決めるのに便利です。テーマを選んでから「🎲（配色を変える）」を連打すると、同じ雰囲気のまま色の組み合わせだけ変わります。気に入った配色が見つかったら、色チップを個別にタップして微調整してください。
- 流す強さと筆の大きさのバランス … 「流す強さ」スライダーを低めにしてゆっくりなぞると、繊細で細い流れが作れます。大きな筆で強く流すとダイナミックな渦ができます。「混ぜる」モードに切り替えて既存の模様をぐるぐるかき混ぜると、さらに複雑な表情が出ます。
- ランダム生成で当たりを探す … 気に入る模様ができるまで「🎲 ランダム生成」を押し続けるのは正しい使い方です。気に入った模様が出たら、すぐに「📸」スナップショットを押して履歴に残しておきましょう。同じ模様はもう一度作れません。
- 「仕上げ」スライダーで印象を変える … 「ぼかし⇔くっきり」を左（ぼかし方向）にすると色の境界が溶け合い、柔らかい水彩風になります。右（くっきり方向）にするとマーブル紙のようなはっきりした模様になります。どちらが用途に合うか、両端を試してみてください。
4. 透過PNGを活用する
このツールの大きな特徴の一つが、背景を透明にして書き出せることです。
背景ボタンを「透明」に切り替えてから保存すると、模様の部分だけが残った透過PNGが作れます。これをイラスト制作ソフト（CLIP STUDIO PAINTや Procreateなど）でキャンバスに読み込み、重ね合わせモードを「乗算」や「スクリーン」に変えると、イラストそのものと自然に馴染んだ質感表現が手軽に作れます。
文字素材との組み合わせも有効です。たとえばタイトルロゴのレイヤーの下にマーブル素材を置き、クリッピングマスクを適用すると、文字の形にマーブル模様が入った表現ができます。ロゴデザインや同人誌の背表紙、グッズのネームプレートなどに応用できます。
背景を「和紙」にして書き出すと、紙の地色と模様が一体化した温かみのある素材になります。和風・アンティーク系のデザインとよく合います。
5. 印刷で使うときに気をつけること
グッズ・チラシ・名刺・同人誌などの印刷入稿で使う場合は、いくつか注意点があります。
- なるべく大きいサイズで書き出す … 保存欄の「サイズ」メニューで「正方形 1800px」や「横長 1600×900」を選んでください。印刷物では解像度が不足するとぼやけた仕上がりになります。グッズ入稿の場合は印刷業者の指定解像度（多くは350dpi）に合わせて、使うサイズ（cm）から必要なピクセル数を逆算して確認することをおすすめします。
- RGBとCMYKの色の違い … このツールはブラウザ上で動作するため、画面表示はRGBです。印刷所ではCMYKに変換して出力されるため、特に彩度の高いビビッド系・蛍光に近い色は、印刷後にくすんで見えることがあります。入稿前にテスト印刷を行い、色の変化を確認しておくことをおすすめします。
- グッズ入稿前にテンプレートで確認を … 業者ごとに仕上がり寸法が異なります。書き出した画像をテンプレートに当てはめ、模様のどの部分が実際に使われるかを確認してから入稿するとトラブルを防げます。
6. 商用利用と著作権について
このツールで生成した画像は商用・非商用を問わず自由にご利用いただけます。同人誌・グッズ・SNS素材・販売用イラスト等への使用にクレジット表記は不要です。
このツールはすべての処理をブラウザ内で完結しています。生成した画像データはどのサーバーにも送信されず、あなたのデバイスの外に出ることはありません。
7. 色選びのテーマ別ヒント
どんな配色を選ぶかで、素材の雰囲気はがらりと変わります。ジャンルや用途に合わせた参考例を挙げます。
- パステル … 淡くやわらかい色合い。ファンシー・少女漫画・ほのぼの系。グッズのポーチや手帳カバー柄にも向いています。
- ビビッド … 鮮やかで主張の強い色合い。ポップアート・サイバー系・目を引くSNSヘッダーに。ただし印刷時の色変化に注意が必要です。
- 和 … 藍・朱・萌葱・江戸紫など日本の伝統色ベースのセット。歴史もの・和風ファンタジー・文学系同人誌との相性が抜群です。実際の墨流し和紙に近い雰囲気が出ます。
- 暖色 … 赤・オレンジ・黄系でまとめた温かみのある配色。秋の雰囲気、夕焼け、炎のような表現に使えます。
- 寒色 … 青・水色・青緑系でまとめた清潔感・神秘的な配色。海・空・SF・ファンタジーの魔法系素材に向いています。
- ランダム（少色数で試す） … 2〜3色のランダムは意外な組み合わせを発見するのに使えます。色がぶつかる場合は「ぼかし」方向に振ると馴染みやすくなります。
よくある質問
Q. 生成した画像は商用利用できますか？
A. このツールで作った画像はご自身の作品・グッズ・同人誌などに自由にご利用いただけます（クレジット不要）。
Q. 画像はサーバーに送られますか？
A. いいえ。すべてあなたのブラウザ内で処理され、どこにもアップロードされません。
Q. スマホでも使えますか？
A. はい。指でなぞって操作できます。
Q. 透過（背景透明）で保存できますか？
A. はい。背景を「透明」にして保存すると、透過PNGで書き出せます。