フォトショップでお気に入りの写真をイラスト調にしてTシャツにする方法を紹介するよ。
Youtubeで見る
完成データーをダウンロードする
使用素材
![piyo](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/02/siro-ピクセル-31100pxアートボード-1.jpg?w=1256&ssl=1)
unsplashからダウンロードさせていただきました🐥💝
unsplashからダウンロードさせていただきました
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.47.56.jpg?resize=500%2C337&ssl=1)
![](https://images.unsplash.com/photo-1580273916550-e323be2ae537?crop=faces%2Cedges&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjk1MDY1MDkwfA&ixlib=rb-4.0.3&q=60&w=1200&auto=format&h=630&mark-w=64&mark-align=top%2Cleft&mark-pad=50&blend-mode=normal&blend-alpha=10&blend-w=1&mark=https%3A%2F%2Fimages.unsplash.com%2Fopengraph%2Flogo.png&blend=000000)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.42.16.jpg?resize=424%2C368&ssl=1)
![](https://images.unsplash.com/photo-1633966887768-64f9a867bdba?crop=faces%2Cedges&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjk1MDY1MDkxfA&ixlib=rb-4.0.3&q=60&w=1200&auto=format&h=630&mark-w=64&mark-align=top%2Cleft&mark-pad=50&blend-mode=normal&blend-alpha=10&blend-w=1&mark=https%3A%2F%2Fimages.unsplash.com%2Fopengraph%2Flogo.png&blend=000000)
白黒画像にする
車の画像をphotoshopで開く>クイック選択ツール>被写体を選択>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.48.41.jpg?resize=750%2C353&ssl=1)
車体の部分が大体、選択される>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.49.28.jpg?resize=750%2C457&ssl=1)
上側の筆の右上に+がついているマークにする>その隣の筆のサイズを調整して(画像では49、と書いている部分)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.49.46.png?resize=389%2C237&ssl=1)
>カンバス内の車内の選択もれ部分をドラック
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.49.55.jpg?resize=750%2C522&ssl=1)
>レイヤーの下側にある、レイヤーマスクのマークをクリックします
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.50.11.png?resize=417%2C381&ssl=1)
背景レイヤーの隣にレイヤーマスクのサムネイルができます。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.50.34.png?resize=446%2C419&ssl=1)
画像が切り取られます。
※外枠のイラストにするので多少綺麗に切り抜かれていない部分があっても大丈夫だと思います
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.50.45.jpg?resize=750%2C520&ssl=1)
フィルターで白黒画像に変換
左の下の方の色部分、
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.45.47.png?resize=144%2C216&ssl=1)
フィルター>スマートフィルター用に変換
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.47.17.png?resize=482%2C219&ssl=1)
フィルター効果をかけるまえにスマートオブジェクトをかけると、【スマートフィルター】ができて、やり直しが出来るようになるよ!
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/07/スマートフィルター.jpg?resize=320%2C320&ssl=1)
フィルター>フィルターギャラリー>編集ウィンドウが開きます
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.47.31.png?resize=672%2C360&ssl=1)
スケッチ>コピー>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.24.34.jpg?resize=1000%2C568&ssl=1)
右側の「ディテール」と「濃さ」を最大にする>OKを押す
※数値は元の画像の状態によってお選びください
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.44.53.png?resize=1000%2C534&ssl=1)
レイヤーはこのようになります。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.25.20.png?resize=414%2C501&ssl=1)
車体の白い色の部分を選択して消す
自動選択ツール>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.26.00.jpg?resize=1000%2C598&ssl=1)
上側を下記のような状態にする>カンバス上のできるだけ白い部分を左クリック>
※許容値は画像の状態を見て調整してください
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.26.40.png?resize=1000%2C223&ssl=1)
自動選択ツールの使い方はこちらで確認してね【許容値、隣接、アンチエイリアス…】
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2021/06/自動選択ツール.jpg?resize=320%2C320&ssl=1)
選択された範囲が点滅します。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.27.54.jpg?resize=1000%2C548&ssl=1)
>レイヤーの下側にある、レイヤーマスクのマークをクリックします
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/-2022-04-07-15.50.11-e1649561226839.png?resize=417%2C90&ssl=1)
画像の白い部分が消えました。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.28.32.png?resize=1000%2C547&ssl=1)
Tシャツと合成する
車のレイヤーを選択>Ctrl+C(コピーのショートカット)>Tシャツのレイヤーを別タブで開く>Ctrl+V(貼り付けののショートカット)
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.29.24.jpg?resize=750%2C340&ssl=1)
左上の移動ツール>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-20.14.36.png?resize=238%2C290&ssl=1)
カンバス上でドラックして画像の配置場所を決める。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.29.55.jpg?resize=750%2C696&ssl=1)
濃い色のTシャツの上に載せると白色が抜け切れていない部分が目立つので修正していきます。
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.30.10.jpg?resize=750%2C628&ssl=1)
少し色が残ってしまった部分をの色も黒にする方法
fx(レイヤー効果)>カラーオーバーレイ>
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-17.30.46.png?resize=434%2C516&ssl=1)
描画モードの右側にある、カラー部分をダブルクリックして黒を選択する
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.46.17.png?resize=750%2C325&ssl=1)
白色だった部分も黒色になりました
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-08-19.38.51.jpg?resize=633%2C521&ssl=1)
Tシャツに合わせて歪みを加える
フィルター>ゆがみ
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-06-8.56.12.png?resize=325%2C255&ssl=1)
左側一番上、右側のピンクの部分を調整
※特に筆圧でゆがみ具合が変わる、不透明度で下のTシャツが透ける
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.43.08-1.jpg?resize=1000%2C576&ssl=1)
Tシャツの周りなどを押し込む
※Youtubeを見てください
完成したらOKを押す。
完成
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.42.07.jpg?resize=639%2C587&ssl=1)
完成レイヤーはこちら
![](https://i0.wp.com/piyo-piyo-piyo.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-07-15.42.34.png?resize=428%2C506&ssl=1)
コメント