今日は、Photoshopでシルエットを作成する方法を1つではなく3つの簡単な方法でお教えします! このチュートリアルでは、ペンツール、”>件名を選択”テクニック、およびPhotoshopのクイック選択ツールの使用方法を学びます。 これらの方法を使用すると、Photoshopでシルエットを作るのがいかに迅速かつ簡単であるかがわかります。
このシルエットPhotoshopチュートリアルで学ぶこと
- Photoshopで滑らかな曲線を持つシルエットを作成するためにペンツールを使用する方法
- ストレートヘアを持つ人々のための選択>主題テクニックを適用する方法
- 巻き毛を持つ人々のためのクイック選択ツールを使用する方法
あなたはPhotoshopでシルエットに写真を有効にするために必要なもの
- プロフィール黄色の背景の上にヒジャーブで黒のイスラム教徒の女性の肖像画
- プロフ メガネ付き
1. ペンツールを使ってPhotoshopでシルエットを作る方法
最初のシルエットPhotoshopの方法から始めましょう。 ペンツールの方法は、滑らかな曲線の輪郭を描くのに最適です。 それは定義されていないシルエット(巻き毛を持つすなわち人々)と容易、有効である。
ステップ1
フォトショップでヒジャーブの黒いイスラム教徒の女性の肖像画を開きます。
ステップ2
輪郭ができるだけ正確になるように、肖像画をズームイン(Command-+)します。 ペンツール(P)を選択し、マウスをクリックして被写体にポイントを作ります。 下の画像のような曲線を作るために、マウスをクリックしてドラッグして別の点を作ります。
![ペンツールを使用してポイントを作成する-silhouette Photoshop tutorial](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_point_photoshop.jpg)
![ペンツールを使用してポイントを作成する-silhouette Photoshop tutorial](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_point_photoshop.jpg)
![ペンツールを使用してポイントを作成する-silhouette Photoshop tutorial](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_point_photoshop.jpg)
ステップ3
![Photoshopでペンツールを使用したアウトライン-silhouette Photoshop tutorial](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_fulloutline_yellow.jpg)
![Photoshopでペンツールを使用したアウトライン-silhouette Photoshop tutorial](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_fulloutline_yellow.jpg)
![Photoshopでペンツールを使用したアウトライン-silhouette Photoshop tutorial](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_fulloutline_yellow.jpg)
ステップ4
portraitレイヤーの上に新しいレイヤーを作成します。
![Photoshopで新しいレイヤーを作成](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_newlayer.jpg)
![Photoshopで新しいレイヤーを作成](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_newlayer.jpg)
![Photoshopで新しいレイヤーを作成](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_newlayer.jpg)
ステップ5
ペンツールを選択した状態で、マウスを右クリッ [OK]をクリックします。 ダイアログボックスが以下のように表示されていることを確認します。
![ペンツールを使用して選択を行います](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_makeselection.jpg)
![ペンツールを使用して選択を行います](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_makeselection.jpg)
![ペンツールを使用して選択を行います](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteA_pentool_makeselection.jpg)
ステップ6
ペイントバケットツール(G)を選択し、前景色を#FFF1CF
に変更し、どこかをクリックしてシルエットの内側を塗りつぶします私たちが”行進するアリ”と呼ぶものの中に。”
![選択範囲を淡黄色で塗りつぶす](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteA_selection_fill_photoshop.jpg)
![選択範囲を淡黄色で塗りつぶす](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteA_selection_fill_photoshop.jpg)
![選択範囲を淡黄色で塗りつぶす](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteA_selection_fill_photoshop.jpg)
ステップ7
行進アリを取り除くには、長方形のマーキーツール(M)を選択し、画像上の任意の場所をクリックします。 さて、レイヤーパネルの目のアイコンを選択して、元の画像を削除しましょう。 これにより、そのレイヤーが非表示になります。 新しい単色レイヤーを作成し、#FEBA01
を使用して背景を塗ります。
![背景色を塗りつぶす](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteA_backgroundcolor_fillorange.jpg)
![背景色を塗りつぶす](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteA_backgroundcolor_fillorange.jpg)
![背景色を塗りつぶす](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteA_backgroundcolor_fillorange.jpg)
すべて完了!
今、あなたはペンツールでPhotoshopでシルエットを作る方法を知っています。 ストレートヘアを持つ人を簡単に選択し、シルエットを作成する方法を教えてくれる方法#2に飛び込みましょう。
2. Photoshopで人をすばやく簡単に選択してシルエットを作成する方法
数回のクリックでPhotoshopで写真をシルエットに変える方法を見てみましょう。 Select>Subjectテクニックは、すぐにあなたの主題をマスクするワンクリックの選択です。 この方法は、巻き毛やストレートの髪を持つ人々に最適であり、それも忙しい背景を持つ画像上で動作します。
ステップ1
Photoshopで帽子をかぶった女性の肖像画を開きます。 縦長レイヤーを選択した状態で、>件名を選択します。
![PhotoshopのSelectSubjectメソッドを使用して被写体を選択します](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_selectsubject_photoshop_teal.jpg)
![PhotoshopのSelectSubjectメソッドを使用して被写体を選択します](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_selectsubject_photoshop_teal.jpg)
![PhotoshopのSelectSubjectメソッドを使用して被写体を選択します](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_selectsubject_photoshop_teal.jpg)
ステップ2
今、私たちは二つの文字列の周りのその領域を取り除きます。 文字列を拡大(Command-+)します。 ペンツール(P)を選択し、最初のポイントを作成し、マウスをクリックしてドラッグして、以下のようなアウトラインが表示されるまで別のポイントを作
![ペンツールの抽出-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_pentoolextraction.jpg)
![ペンツールの抽出-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_pentoolextraction.jpg)
![ペンツールの抽出-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_pentoolextraction.jpg)
ステップ3
ペンツールを選択したまま、マウスを右クリックし、選択を行うを選択します。 選択範囲から減算がマークされていることを確認します。 [OK]をクリックします。
![ペンツール-選択から減算-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_subtractselection.jpg)
![ペンツール-選択から減算-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_subtractselection.jpg)
![ペンツール-選択から減算-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_subtractselection.jpg)
ステップ4
コマンド-を使用して画像をズームアウトします。 選択した状態で、ポートレートレイヤにレイヤーマスクを追加します。
![レイヤーマスクを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_layermask.jpg)
![レイヤーマスクを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_layermask.jpg)
![レイヤーマスクを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_layermask.jpg)
ステップ5
縦長レイヤーをダブルクリックして、レイヤースタイルボック
![カラーオーバーレイの適用-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_coloroverlay_pink.jpg)
![カラーオーバーレイの適用-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_coloroverlay_pink.jpg)
![カラーオーバーレイの適用-Photoshopでシルエットを作る方法](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_coloroverlay_pink.jpg)
ステップ6
新しい単色レイヤーを作成し、#DA4167
で塗りつぶします。 このレイヤーをドラッグしてシルエットの下に配置します。
![ダークピンクの背景](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_ApplyPinkBackground.jpg)
![ダークピンクの背景](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_ApplyPinkBackground.jpg)
![ダークピンクの背景](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_ApplyPinkBackground.jpg)
すべて完了!
あなたはちょうど数回のクリックでPhotoshopでシルエットに写真を回す方法を学びました。 以前にリンクした肖像画を使用した場合、画像は以下のようになります。 方法3では、クイック選択ツールを使用してPhotoshopでシルエットを作成する方法を学習します。
![主題方法を選択最終製品](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/silhouetteB_finalproduct_pink.jpg)
![主題方法を選択最終製品](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/silhouetteB_finalproduct_pink.jpg)
![主題方法を選択最終製品](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/silhouetteB_finalproduct_pink.jpg)
3. Photoshopのクイック選択ツールを使用してシルエットを作る方法
テクスチャ付きの髪を持つ人のPhotoshopでシルエットを作る方法を学びたい場合は、この方法 クイック選択ツールは、ほとんどの作業を行うため、Select>Subjectテクニックほど高速ではありません。 あなたのシルエットに応じて、あなたは完璧なシルエットを得るためにマスキングやペンツールのような他の方法を使用して戻って行く それはまだあなたの主題が明白な背景にあるか、または主要な焦点であるかどうか使用するべき大きい選択である。
ステップ1
眼鏡をかけたひげを生やした男の肖像画をPhotoshopで開きます。 クイック選択ツール(W)をつかみます。 画像上でマウスをクリックしてドラッグします。 ひげから始めましょう。 ツールの設定が下の画像のようになっていることを確認してください。
![クイック選択ツールの適用](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SilhouetteC_QuickSelectionTool.jpg)
![クイック選択ツールの適用](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SilhouetteC_QuickSelectionTool.jpg)
![クイック選択ツールの適用](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SilhouetteC_QuickSelectionTool.jpg)
ステップ2
画像の残りの部分についてクイック選択ツール クイック選択ツールは完璧ではないので、ペンツール(P)で画像をクリーンアップします。 画像に(コマンド-+)ズームインし、選択したペンツールで、彼の額と眼鏡に滑らかな輪郭を作ります。
![ペンツールとクイック選択ツール](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SilhouetteC_PenToolQuickSelectionTool.jpg)
![ペンツールとクイック選択ツール](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SilhouetteC_PenToolQuickSelectionTool.jpg)
![ペンツールとクイック選択ツール](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SilhouetteC_PenToolQuickSelectionTool.jpg)
ステップ3
右クリック>選択を行い、選択に追加が選択されていることを確認します。 [OK]をクリックします。
![選択範囲に追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SilhouetteC_AddtoSelection.jpg)
![選択範囲に追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SilhouetteC_AddtoSelection.jpg)
![選択範囲に追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SilhouetteC_AddtoSelection.jpg)
ステップ4
レイヤーマスクを追加します。
![レイヤーマスクを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SilhouetteC_AddLayerMask.jpg)
![レイヤーマスクを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SilhouetteC_AddLayerMask.jpg)
![レイヤーマスクを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SilhouetteC_AddLayerMask.jpg)
ステップ5
縦長レイヤーをダブルクリックして、レイヤースタイルボック
![ダークグリーンカラーオーバーレイを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SilhouetteC_DarkGreenColorOverlay_photoshop.jpg)
![ダークグリーンカラーオーバーレイを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SilhouetteC_DarkGreenColorOverlay_photoshop.jpg)
![ダークグリーンカラーオーバーレイを追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SilhouetteC_DarkGreenColorOverlay_photoshop.jpg)
ステップ6
新しいソリッドカラーレイヤーを作成し、#43BCCD
で塗りつぶします。 このレイヤーをドラッグしてシルエットの下に配置します。
![背景色を追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SilhouetteC_BackgroundColor.jpg)
![背景色を追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SilhouetteC_BackgroundColor.jpg)
![背景色を追加](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SilhouetteC_BackgroundColor.jpg)
すべて完了!
クイック選択ツールやその他の方法を使用してPhotoshopでシルエットを作成する方法については、このクイックチュートリアルに従ってくれてありがとう。
このsilhouette Photoshopチュートリアルでは、ペンツール、Select>Subjectテクニック、およびクイック選択ツールに精通しています。 Photoshopで独自のシルエットを作成するには、これらの方法を使用します。<9696><6867><5667>最終的なシルエット画像<6672><1375>最終的なシルエット画像<6403><2035>最終的なシルエット画像
3 あなたのシルエットのための必需品
あなたはあなたのシルエット画像を補完するリソースを探していますか? さて、もう探す必要はありません:Envato要素からこれらのアドオンやグラフィックは、それらを”ポップ”にするためにあなたのシルエットに最適な追加
20シルエットLightroomプリセット&LUTs(Lightroom,Photoshop)
![Silhouette Lightroomプリセット-silhouette Photoshop actions](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/SparkleStock_SilhouettePresets.jpg)
![Silhouette Lightroomプリセット-silhouette Photoshop actions](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/SparkleStock_SilhouettePresets.jpg)
![Silhouette Lightroomプリセット-silhouette Photoshop actions](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/SparkleStock_SilhouettePresets.jpg)
プリセットは、写真に素敵な仕上げを与えるための最も簡単で迅速な方法です。 SparkleStockはLightroomのために利用可能な彼らの20のモバイルとデスクトップのシルエットのプリセットで失望していません。 代わりに、一般的なシルエットの、炎、日没、レイリー、およびそんなに多くのようなプリセットを使用して動的な画像を作成します。
プロクリエイトツリーシルエットスタンプブラシ(プロクリエイト)
![Procreate tree silhouette](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/Procreate_silhouettebrushes.jpg)
![Procreate tree silhouette](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/Procreate_silhouettebrushes.jpg)
![Procreate tree silhouette](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/Procreate_silhouettebrushes.jpg)
BrushBoyによって作成されたこれらの美しくデザインされたtree silhouetteスタンプブラシを使用して、Procreateのワークフローを高速化します。 これらの10本の木のシルエットのブラシはあなたの実例のための自然な場面を作成するために完全です。
人のシルエットのアイコン(AI,EPS)
![ベクトルシルエットアイコン](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1700/uploads/users/2760/posts/38699/image-upload/VectorSilhouetteIcons.jpg)
![ベクトルシルエットアイコン](https://cms-assets.tutsplus.com/cdn-cgi/image/width=1260/uploads/users/2760/posts/38699/image-upload/VectorSilhouetteIcons.jpg)
![ベクトルシルエットアイコン](https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/2760/posts/38699/image-upload/VectorSilhouetteIcons.jpg)
Jumsoftによって作られたこれらのシルエットアイコンは、ウェブサ あなたはから選択する人々のシルエットの様々なを取得します。 これらのアイコンについてのもう一つの素晴らしいところは、これらのアイコンがベクトルであるため、解像度の問題を心配する必要はありませんということです。
より多くのシルエットのチュートリアルとリソースをお探しですか? その後、あなたがインスピレーションを得るためにこれらの記事を見てみましょう!
- SilhouetteAdobe IllustratorでポルターガイストTVシルエットシーンを作成する方法Sharon Archer-Thomas
- Adobe PhotoshopPhotoshopで木のブラシを作る方法Abbey Esparza
- Affinity DesigneriPad用Affinity Designerでカラフルな壁紙を作成する方法Yulia Sokolova
- イラストアドビで二重露光イラストを作成する方法 フォトショップメロディ-ニーヴス
- ハロウィンAdobe IllustratorSharon Archer-Thomasで簡単な猫のシーンを作成するために、ブレンドとイメージトレースで遊ぶ
- ツール&ヒント聖なるベクトルチュートリアル! Adobe Illustratorでレトロなバットマンのロゴを作成!メアリー-ウィンクラー