PhotoshopでTシャツデザインを作る魅力
オリジナルTシャツは、自分だけの作品として着られるだけでなく、飾ったりプレゼントしたりと楽しみ方が豊富です。
「でも、イラストは描けないし…」と諦めていませんか？
実は、Photoshopと無料素材サイトを使えば、誰でもクオリティの高いTシャツデザインが作れます。
本記事では、素材の探し方からPhotoshopでの加工、完成イメージの作成まで初心者向けに解説します。ザインを作って行きます
Contents
準備するもの
Tシャツデザインを始める前に、以下を用意しましょう。
- Photoshop（Adobe公式ソフト）
- 無料素材サイト「Freepik」アカウント
- パソコン（Photoshop動作環境推奨）
- 完成デザインをイメージできる参考画像
無料素材サイト「Freepik」の使い方と注意点
Freepikでは、写真素材・ベクター素材・PSD素材・アイコン素材が揃っており、個人・商用利用可能な素材も多数あります。
注意点：
- 未登録ユーザーは1日3点まで。無料会員登録で1日10点、プレミアム会員で無制限DL可能。
- 無料素材利用時はクレジット表記が必須（例：「Designed by 〇〇 / Freepik」）。プレミアム会員は不要。
今回は、ライオンのベクターイラストを無料でダウンロードして使用します。
freepikについて
Photoshopで作るTシャツデザイン手順
前置きが長くなりましたがTシャツのデザインをはじめて行きます！
新規ファイルを作成
- サイズ：A4
- 背景色：黒
- カラー設定：RGBカラー
- 解像度：300dpi
無料素材をダウンロード＆加工
- FreepikでライオンのイラストをDL（クレジット表記必須）。
- Photoshopで【イメージ → 色調補正 → 色相・彩度】の明度を100%にして白色に変更。
図形でデザインパーツ作成
円形の枠線
楕円選択ツールで円を作り、【編集 → 境界線を描く】白1px → 【レイヤー → レイヤースタイル → 境界線】白18px。
二重円
先ほどの円をコピーして少し大きくし、境界線46pxに設定。
2.【レイヤー→レイヤースタイル→境界線】をカラー白のサイズ46px
※レイヤースタイルの境界線を使うのは拡大・縮小時に線幅の調整が後でもできるからです
文字帯とフォント追加
- 長方形選択ツールで白帯を作り、コピーして形を調整。
- 上の帯に黒枠を付け、フォント「Kompakt LT Std」で「GARRETT MOTORS」と入力。
- 【編集 → 変形 → ワープ → 円弧】で文字をカーブさせる。
- 下部に「since 2020」を同様の方法で追加。
白で塗りつぶします。後で大きさは変更できますのでサイズはだいたいでもOK
円弧状にする方法も色々ありますが、簡単な方法を使っています
円弧の向きが逆ですが、上のGARRETT MOTORSと同じ方法で作れます
完成デザインをTシャツに合成
- 無料素材のTシャツ画像と背景写真をPhotoshopに配置。
- 背景とTシャツのトーンを合わせるため、ノイズを加えて乗算80%に設定。
- デザインをTシャツに貼り付け、透明度85%、比較（明）で配置。
- ブランド名やキャッチコピーを追加（今回は炎のテクスチャーをクリッピング）。
Tシャツにもノイズを入れ、2枚重ねて上の画像を乗算80%にしてトーンを合わせました
このTシャツ写真も無料素材、クレジット記載不要のものです
レイヤーの間をAlt（⌘）＋クリックすると、上のレイヤーは下のレイヤーでクリッピングされ、文字の中に炎のテクスチャーが入ります
イラスト:Designed by Ajipebriana / Freepik
まとめ：初心者でもできるTシャツデザインのコツ
- 素材選びが8割：テーマに合った無料素材を探すことが成功のカギ。
- Photoshopのレイヤースタイル活用：拡大・縮小でも線幅や効果を簡単に調整可能。
- 応用で差をつける：合成やテクスチャー追加でプロっぽい仕上がりに。
イラストが描けなくても、イメージに合う素材が使えれば簡単にTシャツのデザインはできます。ソフトはあえてフォトショップだけを使ってみました。架空のカスタムショップ：ギャレットモータースのワイルドで迫力のあるTシャツができました
何かご質問やこの画像データ（レイヤーが残ったもの）が欲しい！（笑）
という方がもしおられましたら
お気軽にお問い合わせからご連絡いただければ、
私のわかる範囲でお返事させていただきます
イラスト提供：Designed by Ajipebriana / Freepik
※本記事は2025年8月時点の情報です。商用利用やライセンス規約は必ず最新情報をご確認ください。
