Table of Contents
動画を見る：How to Create an Awesome T-shirt Vector Design in Photoshop | Convert Image to Vector Design（ILLPHOCORPHICS）
写真一枚から“着たくなる”Tシャツへ。背景除去、ベクター化、そしてモックアップまで—最短ルートで仕上げる実践テクをまとめました。ビギナーでも迷わない手順です。
学べること
- PixMillerでの高速背景削除と、Photoshopでの微補正
- しきい値×アンシャープマスクで“ベクター風”に磨き上げる方法
- カラー範囲選択→ソリッド塗り→ワークパス化で、スケール自在のデザインにする手順
- ディスプレイス＋乗算＋カーブで、布地になじむリアルなTシャツモックアップを作るコツ
イントロダクション：写真を“Tシャツ映え”に変える 狙いはシンプル。お気に入りの写真を、Tシャツの上で強く読める“シェイプ”に変換し、布の質感に自然になじませること。動画では俳優の顔写真を例に、PixMillerとPhotoshopだけで実現しています。
プロのコツ
- 写真選びは“光と影”がはっきりしたものが有利。しきい値後も輪郭が崩れにくく、シャツ上で映えます。
- 文字要素は早めに足して全体の重心をチェック。後調整が少なくなります。
注意
- 本記事は動画の手順に忠実ですが、具体的な数値設定（アンシャープマスクやカーブの値）は明示されていません。プレビューを見ながら調整してください。なお、刺しゅうデザイン化とは工程が異なりますが、道具選びの考え方は共通点があります（たとえば磁気 刺繍枠のように保持力と作業性を両立させる発想）。
ステップ1：PixMillerで背景を無傷で取り除く 1) PixMiller.comを開いて画像をアップロード。数秒で自動的に背景が消えます。
2) HD版をダウンロードし、Photoshopで開いて不要部分を軽く整えます。
クイックチェック
- 主要被写体の縁に“取り残し”や“欠け”がないか。気になる箇所は後段でマスク修正できます。
Photoshopへの持ち込みとクロップ 背景除去したPNGをPhotoshopへ。クロップツールで“顔〜胸上”までに構図をぐっと絞り、主役の情報密度を高めます。
補足メモ
- 自動ツールで整った画像ほど、後工程（しきい値・アンシャープ）での調整が安定します。作業全体の再現性が上がるのが利点です。
- 刺しゅう派の読者なら、フープ選びを工程の最初に決めるのと同じ発想で、出力（白T/黒T、サイズ）を先に仮決めしておくと判断が速くなります（例：snap hoop monsterを使う場面を想定すると、濃色生地では白インク/白版が効く、など）。
ステップ2：Photoshopで“顔”を彫刻する 精密な切り抜き（ペンツール）
- 顔を拡大してペンツールで輪郭を丁寧にトレース。選択範囲を作成してレイヤーマスクで余白を隠します。
- 必要に応じて自由変形でサイズ・角度を微調整。
白黒のベクター風へ（しきい値＋アンシャープ）
- 調整レイヤー“しきい値”を追加し、黒と白の配置が読み取りやすいポイントへ。
- 画像レイヤーにアンシャープマスクを適用し、エッジの輪郭を引き出す。必要なら繰り返し微調整。
プロのコツ
- しきい値は“目・鼻・口・髪”の情報が過不足なく読める地点が目安。暗部が潰れすぎたら少し戻す。
- アンシャープは半径を大きくし過ぎない。髪の束感が出て、肌はザラつかせない。
よくある疑問（コメントから）
- 「元画像の色でベクトル化できる？」→可能、との回答（ペンツールで対応）。実務的には複数の領域をパス分けし、各色を塗る段取り。最初はモノクロで構造を固めてから差し色を足すと破綻が少ないです。なお、刺しゅうでは色面ごとにステッチを分けるのと似た考え方で、mighty hoopsなど保持力あるフレームを使うと多配色でも安定します。
ステップ3：ピクセルからベクターへ—デザインを固める コントラストの微調整（カーブ）
- カーブで黒白のバランスを微修正。黒が締まると“見出し映え”が一気に向上します。
カラー範囲選択→ソリッド化 - 新規ブランクレイヤーを作成し、選択範囲＞カラー範囲で“黒”を抽出→編集＞塗りつぶし（黒）。選択を解除し、下に白のソリッド（背景）を敷きます。
微細クリーニング（ブラシ×マスク） - 必要に応じてマスク＋ブラシでゴミ取り・欠け補修。小さめのブラシで輪郭沿いに。
タイポの追加とワークパス化
- テキスト“EXTRACTION”を追加してレイアウトバランスを調整。
- 顔と文字を統合→サムネイルCmd/Ctrl+クリックで選択を読み込み→任意の選択ツール上で右クリック＞“作業用パスを作成”でパス化→ソリッドカラーで好きな色に。
クイックチェック
- 拡大・縮小してもエッジがシャープか。Cmd/Ctrl+Tで大きくしても破綻がなければ合格。
Tips
- 黒T用には配色を“白系”に差し替えるだけで視認性が上がります（コメントの回答でも、色を白に変えるのがシンプルな解法）。ワークパス経由のソリッドカラーなら1クリックで差し替え可能。出力先の生地色を想定しながらバリエーションを用意しておくと安心です。なお刺しゅうの運用では、magnetic フレームのような固定具で再現性を担保すると効率的です。
ステップ4：本物のTシャツに見せるモックアップ術 配置とスケール合わせ - モックアップのTシャツ画像を開き、クロップでTシャツ領域を中心に据える。
- ベクターデザインをドキュメントへドラッグし、自由変形で位置とサイズを合わせる。
リアルな“布なじみ”を作る（ディスプレイス）
- まず、デザインを隠した“素のTシャツ画像”をPSDで保存（これをディスプレイスマップに）。
- デザインレイヤーを選び、フィルター＞変形＞ディスプレイス→水平/垂直スケールを5に設定→先ほどのPSDを指定。
馴染ませの最終調整（乗算＋カーブ）
- デザインレイヤーの描画モードを“乗算”にし、Tシャツの皺や影を透過させる。
- クリッピングしたカーブ調整でハイライトとシャドウを整え、コントラストを最適化。
プロのコツ
- 皺の流れにデザインが沿っているか、ピンチズームで確認。歪みが強ければディスプレイスの値を少し下げる。
- 乗算で沈みがちなら、カーブで白側を少し持ち上げて視認性を回復。
注意
- ディスプレイスマップに“デザインが残っている”と破綻します。保存前に必ず隠す/削除を。
- オーバーシャープは布地の粒状と干渉しやすいので控えめに。
コメントから：運用ヒント
- 黒Tでどうする？→色を白に替えるのが最短。ベクターなら一発差し替え。
- 白黒を反転したい→階調の反転で試せますが、コントラストは再調整を。白地T/黒地T用に二系統を作ると安心。
- 元写真の色を活かしたベクトル→ペンツールで領域分割し、色ごとにソリッドカラー化。最初は2〜3色から。
- “調整可能な白シャツ”の入手については動画内で言及なし。入手先は不明です。
仕上げとその先へ デザインはここで完成。目的は“読みやすい形”を作り、布地の物理感に寄り添わせること。今回の流れを他の写真にも適用すれば、推しの肖像でも、アイコンでも、力強いTシャツへと変換できます。印刷用の最終書き出しでは、背景を透過した状態で保存し、色数を切り替えながら黒地/白地用を用意しましょう。刺しゅう表現に展開する場合は、面をステッチパーツとして再設計し、保持具の選定や重ね順の最適化が鍵です（作業の安定性という観点では刺繍ミシン for beginnersや刺繍枠 masterのような“導線設計の良い”道具類が学習曲線を下げます）。
チェックリスト（最終）
- 100%〜300%表示でエッジは破綻していないか。
- 黒T/白T用で配色は最適化したか（必要なら版を分ける）。
- モックアップで皺に沿った歪みが自然か（ディスプレイス値を見直し）。
- 乗算後に暗く沈んでいないか（カーブで白側調整）。
小さな工夫の積み重ねが“既製品感”を生む。あなたのフォトを、日常に溶け込む一枚へ。なお、道具比較の視点は他ジャンルにも応用できます。例えば刺しゅうではmighty hoop embroideryや磁気 刺繍枠、multi hooping machine embroideryのような周辺機材の選定が、仕上がりと再現性に直結します。グラフィックでも同じ。最短のワークフローを、最適なツールで。
エクストラ：よくあるつまずきと応急処置
- しきい値で顔が“のっぺり”→元画像のコントラスト不足。カーブで先に暗部を締め、再度しきい値。
- アンシャープでギラつく→量を抑え、半径を微小に。髪と肌を別々に見る。
- カラー範囲で抜け漏れ→ファジネスを上げて黒域を拾い直す。微細はブラシで補完。
- モックアップで浮く→乗算＋カーブの順を見直し。色が濃すぎる場合は不透明度を下げる。
最後に：学びを積層する 今回の“写真→ベクター→Tシャツ”は、どの題材にも応用可能。習得の近道は“小刻みな検証”。配色、しきい値、シャープ、モックアップ調整を小さく回して、最も映えるポイントを掴みましょう。道具箱に、刺しゅうの文脈で知られるmagentic フレーム…ではなく、綴りに注意しつつ同等の発想（保持・位置決め・再現性）を借りるのも有効です。グラフィックでも、“固定と反復”が品質を底上げします。