AIでTシャツをデザインする(印刷対応)
初めて発注したTシャツは、デザインのまわりに白い長方形がついて届きました。しかも控えめなものではありません。黒いTシャツの上に、縁のくっきりした25センチ四方の白インクの箱。その真ん中で、私のデザインが行儀よく浮いていました。ステッカーをアイロンで貼りつけたように見えました。24枚。支払い済みで。
デザイン自体に問題はありませんでした。いいデザインでした。ただ、それが衣類用のファイルではなかっただけです。そしてそれは別物です。AIでTシャツをデザインして実際に印刷したいなら、デザインする部分は簡単なほうの半分。みんながつまずくのは、画面にはなくて布地にはある、六つか七つの制約のほうです。
ランニングクラブ、展示会のブース2つ、そして非常に賢明とは言えない内輪ネタの一括発注——それらを作りながら学んだことを書きます。
AIで作ったTシャツのデザインが、画面では良く見えて印刷で失敗する理由
画面はバックライトがあり、加法混色で、いくらでも細かく描けます。綿はそのどれでもありません。ほぼすべての印刷失敗は、次の3つのギャップから生まれます。
あなたの背景は「何もない」ではなく、白です。 どのデザインツールも何らかのカンバスの上で合成します。JPEGで書き出せば——あるいは下に白いレイヤーがこっそり残ったPNGで書き出せば——印刷所はその白を印刷します。黒いTシャツの上では、それが私がお金を払った長方形になります。対処法は地味です。ファイルは背景が透明なPNGでなければならず、アップロード前に暗い背景の上で開いて自分の目で確認する必要があります。
インクは面積ではなく色数で課金されます。 シルクスクリーンは1色につき1版を作るので、6色のデザインは小ロットでは単価を倍にしかねません。DTG(ダイレクト・トゥ・ガーメント)は色数で課金しませんが、凹凸のある綿にインクを乗せるため、なめらかなグラデーションはムラが出て濁って返ってきます。どちらにせよ、最大3色というのが面倒を避けるルールです。しかもそれは、結果的にデザインを良くします。
細部は布の解像度で死にます。 100%表示ではシャープに見える1pxのヘアラインも、メッシュを通ってニット地に落ちたあとは、途切れた点線です。線幅の下限は仕上がり印刷サイズで1.5〜2pt程度。印刷サイズで約14pt未満の文字は、つぶれて団子になります。
プリント範囲は思っているより小さい
ほとんどの人の最初のデザインが、静かに失敗するのがここです。印刷はされる。ただしサイズが間違っている。
大人用の前面標準プリント範囲は約 30 × 40 cm(12 × 16インチ)。28 × 35 cm を上限とする工場もあります。300 DPI換算で 3600 × 4800ピクセル。この寸法で作ってください。「とりあえず大きい正方形で作って後で拡大縮小する」ではなく。
書き留めておきたい数字がもう2つ。
- 胸中央プリントの上端は、襟の縫い目から約7.5cm下に来ます。肩の高さではありません。高さ40cmをいっぱいに使った図案は鎖骨から始まってしまい、コスプレのように見えます。
- 左胸プリントは約 9 × 9 cm。とても小さいです。マークが1つと、せいぜい3語。キャッチコピーは入りません。
Printful、Printify、あるいは地元の印刷所——どこでもこの数値は公開されています。実際に使う相手の数字に従ってください。ただし既定値として 3600 × 4800 で作っておけば、あとは微調整で足ります。
実例:ランニングクラブのTシャツ
これが実際の案件です。土曜の朝のランニングクラブ、約40人がTシャツを欲しがっていました。黒いTシャツ。予算の都合でシルクスクリーン、つまり安く上げる=色数を絞るということです。
1回目(失敗): オレンジから黄色へのグラデーションが入った日の出のイラスト、「Sunrise Run Club」に細いスクリプト体、そして集合場所の住所を並べた小さな文字。6色、グラデーション1つ、9ptの文字。
実際にまずかった点:
- グラデーションは綿の上でバンディングを起こし、さらに版が4枚増える。
- スクリプト体の細い線は印刷サイズで約0.8pt——確実に途切れる。
- 9ptの住所は50cm以上離れると読めない。走っている人の胸の住所を読む人はいません。
- イラストにやわらかいドロップシャドウが入っていて、これは透明背景の上ではグレーのモヤついた縁に変わります。
2回目(印刷済み、成功):
- 3色のみ:温かみのあるオフホワイト、バーントオレンジ、ミディアムグレー。
- 見出しは太いコンデンス系サンセリフで積み上げ:
SUNRISE/RUN CLUB。各行が25cmの幅いっぱいを使います。コンデンス体はまさにこのためのもので、横幅を使い切らずに大きな字面を稼げます。 - 見出しの下に、オレンジの3pt罫を1本だけ。
- 補足を1行、印刷サイズ16ptで:
EST. 2021 · 5AM · EVERY SATURDAY。住所は「内側のタグにでも入れるか」のアイデア置き場、つまりどこにも行きませんでした。 - 5方向の光を持つシンプルな太陽の形をフラットなオレンジで——グラデーションなし、影なし、輪郭はくっきり。
要素は全部で5つ。駐車場の反対側からでも読めます。
「2メートル下がる」テストは100%表示に勝つ
27インチのモニターで100%表示にしてTシャツを眺める人はいません。人は部屋の反対側から、曲面の上で、動いている人の身体の上で、しかも多くは斜めから見ます。
だから決定する前に:画面上のデザインを実物の胸プリントくらいの大きさまで縮小し、立ち上がって2メートル下がってください。 そこで何と書いてあるか判別できないなら、そのTシャツはまったく同じ形で失敗します。この習慣ひとつが、どんなチェックリストよりも多くの問題を見つけます。6メートル先から読めるターポリンを設計するのと同じ規律を、会話の距離でやるだけです。
2つ目の確認:実際の生地の色の上で見ること。 オフホワイト×黒はコントラストが高い。同じオフホワイトを杢グレーのTシャツに乗せると、ほとんど見えません。1つのデザインを3色のボディで展開するつもりなら、3色すべてで確認する必要があり、色違いの版をもう1つ用意することになるかもしれません。
Ridvay Studio で作る
Ridvay Studio を開いて、これを貼り付けます。
「Sunrise Run Club」のTシャツ用グラフィックを、透明背景・3600 × 4800 px で、黒いTシャツに印刷する前提で作ってください。見出しは「SUNRISE / RUN CLUB」を太いコンデンス系サンセリフで積み上げて幅いっぱいに、その下に細い横罫を1本、さらにその下に「EST. 2021 · 5AM · EVERY SATURDAY」を1行。色はちょうど3色:温かみのあるオフホワイト、バーントオレンジ、ミディアムグレー。フラットな形のみ——グラデーション、ドロップシャドウ、ヘアライン、背景の箱はすべてなしで。
返ってくるのは、1語直したいだけで作り直しになる平坦な画像ではありません。編集できるデザインです。見出しは実際のフォントを持つ本物のテキストレイヤー、罫線は図形、太陽も図形で、それぞれに変更できる色があります。これは他のたいていのデザイン仕事より重要です。Tシャツのファイルは、退屈で機械的な理由で改訂されるからです——印刷所に線が細すぎると言われる、あるいはクライアントが今度は杢グレーで欲しいと言い出す。
そのうえで、次の編集をします。
- 見出しをクリックして、左右のガイドにほぼ触れるまでサイズを上げる。 Tシャツでは、見出しがデザインの中でいちばん幅のある要素であるべきです。「2メートルで読める」というルールを具体化したものです。
- 色スウォッチを一つずつクリックして数える。 4色や5色になっていたら、いちばん近い2色を統合します。目標は3色。2色ならさらに良く、印刷代も安くなります。
- 影がついている図形からドロップシャドウを削除する。 透明の上のやわらかい影は、印刷するとグレーの縁になって出ます。
- 背景をボディの色にしてコントラストを確認し、書き出す前に透明へ戻す。 Studio はレイヤーに触れずにページ背景を切り替えられます。これは校正用のビューであって、ファイルの一部ではありません。
PNGを2×で書き出せば、ファイルの完成です。印刷対応の製品ラベルとまったく同じ流れで、制約は違っても手順は同じです。
→ このランニングクラブのプロンプトをそのまま Studio で開く。そこから自分のものに書き換えてください。
前面と背面をひとつの案件としてまとめたいなら、同じデザインにページを追加すれば書体と色が一緒に固定されます。フォントをゼロから選ぶなら、本当に使える5つのフォント組み合わせがスクロールの1時間を節約してくれます。
短くまとめると
透明PNG。3600 × 4800。3色。グラデーションなし、ヘアラインなし、やわらかい影なし。見出しはプリント範囲と同じ幅に。生地の色の上で確認して、2メートル下がる。
規律はこれで全部です。デザインそのもの——アイデア、言葉選び、マーク——が楽しい部分であり、そこまでAIが1分ほどで連れて行ってくれます。