Photoshopマスキングチュートリアル：写真を抽出する

コンテンツ

• 初心者のためのPhotoshopクリッピングマスクのトリック
• マスキング101：写真の一部を切り取る
• テキストに絵を描く
• シェイプを使用する
• 楕円形のフォトフレーム（オプションのソフトエッジ）
• ステンシルとしてのフリーフォーム落書き
• 別の背景に置く
• 自分で描く
• ゲストブック

古典と神話の元学者である私は、20年以上にわたって私の趣味と興味についてのウェブページを作成してきました。

初心者のためのPhotoshopクリッピングマスクのトリック

Photoshopマスクを使用すると、画像の一部を表示または非表示にできます。マスクはステンシルに似ていますが、写真の一部を非表示にする代わりに、デフォルトで、どの部分を表示するかをPhotoshopに指示する点が異なります。

マスクは、適切になるまで編集を続けることができます。そのため、画像の周囲を消去して背景を切り取ろうとする必要はなく、消去しすぎていることがわかります。

この記事では、次のことをお教えします。

• 写真に面白い形のフレームを与える方法
• テキストに絵を描く方法
• 独自のクリッピングマスクを描画してステンシルを作成する方法
• これらすべてを別の背景に配置する方法

マスキング101：写真の一部を切り取る

ここに基本があります—5つの簡単なステップでクリッピングマスクを作成して使用する方法！最上層が画像で、最下層（クリッピングマスク）がステンシルです。

テキストに絵を描く

かんたんだよ！テキストレイヤーをステンシルとして使用します。

1. Photoshopレイヤーパレットを開きます（ウィンドウメニューの下）
2. テキストツールを選択し、大きな太字フォントを使用して何かを入力します。

シェイプを使用する

任意の形のクールなフレームで写真を切り取りたいですか（上記の例を参照）？方法は次のとおりです。

1. 画像を新しいPhotoshopドキュメントに貼り付け、レイヤーパレットを開きます（[ウィンドウ]メニューの下）

楕円形のフォトフレーム（オプションのソフトエッジ）

ラッソツールまたはマーキーツールを使用して、写真の一部を取り出すことができます。ただし、クリッピングマスクを使用すると、元の画像が失われることはなく、好みの輪郭が得られるまでマスクを調整して試すことができます。

練習しましょう。

1. 写真を新しいドキュメントにコピーします（元の生の写真で作業しないでください。誤って保存を押して紛失したくない場合）。

ステンシルとしてのフリーフォーム落書き

マスクとして好きな形を描くことができることをご存知ですか？またはあなたが見つけた形に貼り付けますか？ここで物事が本当に興味深いものになります。これを行うのに2分かかりました、トップス：

1. ウィンドウメニューの下のレイヤーパレットを開きます（これを取得しました）。
2. 写真を貼り付けます。 （ええ、あなたもこれを手に入れました。）
3. レイヤーパレットで、下部にある小さなメモ帳アイコンをクリックします。または、画面上部の[レイヤー]メニューで、[新しいレイヤー]を選択します。これで空白のレイヤーができました。
4. レイヤーパレットで、空白のレイヤーを下に移動して、写真の下に配置します。この空白があなたのマスクになります。
5. 2つのレイヤー間の境界線をAltキーを押しながらクリック（オプションクリック）します。うわあ！あなたの写真が消えました！
6. ペイントブラシツールを選択します。
7. 上部に、「ブラシ」セレクターツールが表示されます。そうでない場合は、[ウィンドウ]メニューに移動して[ブラシ]を選択します。下にスクロールして、インクの感嘆符のように見える不規則なブラシの形を選びます。
8. マスキングレイヤーで（写真ではなくマスキングレイヤーにいることを確認してください）、落書きを開始します。描画すると、描画している場所に写真が表示されます。気に入らない？消去に切り替えて消去するか、[元に戻す]を使用して再試行してください。
9. 次に、微調整のために、指のように見えるスマッジツールに切り替えて、水の波紋と同じ方向に、マスクの端を水平に横切って、whoosh-whoosh-whooshを実行しました。マスクの端を水平に塗りつぶして、よりしなやかにしました。
10. ぼかしフィルターを使用するか、スマッジするか、ドットを描画するか、マスクのエッジに沿って奇妙な形のブラシを試して、興味深い境界線を取得します。

別の背景に置く

これで、画像とそのクリッピングマスクを含むこの2層のドキュメントができました。あなたはそれで何をしますか？さて、まず、それを保存します。これにより、作成したすべてのレイヤーを含む生の.psdまたはPhotoshopファイルが保存されます。

次に、[Web用に保存]を選択してjpg形式を選択すると、Photoshopが自動的に背景を白く塗りつぶします。 png（メモリを大量に消費しますがシャープ）とgif（クイックロードですが色が制限されています）を使用すると、背景を透明にしてWebページの背景が透けて見えるようにするか、透明をオフにしてPhotoshopで背景を白にすることができます。

または、Photoshopで独自の背景を追加してください！

これは簡単です。クリッピングマスクを設定したら、既存の写真から背景を追加するには、次の手順に従います。

1. 別の写真をコピーして貼り付けます。
2. 画像+クリッピングマスクを使用したドキュメントで、最上層の画像を選択します。
3. 背景となる新しいレイヤーを貼り付けます。
4. 背景レイヤーを他の2つのレイヤーの下に来るまで、下、下、下にドラッグします。

出来上がり（私は曇りの灰色と白の空の写真から背景をつかみました）：

自分で描く

あなた自身の背景を描きたいですか？レイヤーパレットの右下にあるノートブックアイコンをクリックして、新しい空白のレイヤーを作成します。その上に描画するか、グラデーション塗りつぶしのペイントバケットを使用するか、好きなものを追加します。

レイヤーパレットで下に移動するだけで、完了したらクリッピングマスクレイヤーの下に配置されます。クリッピングマスクレイヤーとマスクされている画像の間に挟まないように注意してください。そうしないと、背景もマスクされます。

これを取得するために、私は次のことを行いました。

1. 白鷺の写真から草をコピーして、新しいドキュメントに貼り付けました。
2. クリッピングマスクとして「ThinkGreen」と書かれたテキストレイヤーを作成しました。
3. ランダムなデスクトップの壁紙を他の2つの下のレイヤーに貼り付けました。
4. [画像> ...調整]メニューで背景レイヤーの色相を変更して、一致する緑色にしました。
5. そして、テキストレイヤーにいくつかの特殊効果を追加しました（ドロップシャドウ、インナーシャドウ、ストロークで黄色のアウトラインを作成し、背景から色を取得します）。

このチュートリアルがお役に立てば幸いです。

この記事は正確であり、著者の知る限り真実です。コンテンツは情報提供または娯楽目的のみであり、ビジネス、財務、法律、または技術的な問題に関する個人的な助言または専門的なアドバイスに代わるものではありません。

ゲストブック

visit2goa 2014年3月3日：

すごい

匿名 2013年2月13日：

この記事をありがとう、それはまさに私が探していたものでした！

ジョンダイハウス 2012年6月7日に英国から：

ありがとう-マスクは今まで私に謎を持っていました。

caffimages 2012年5月17日：

どうもありがとうございます。 Photoshopを使用して長い間写真を編集したにもかかわらず、このレンズは私が探していた情報だけを提供してくれました。私は写真家ですが、Techiの優秀な人ではありません。再度、感謝します。

xmen88 2012年3月28日：

素晴らしいもの。

iMorpheus 2012年3月24日：

素晴らしい仕事です！この便利なレンズを作成してくれてありがとう:-)

WhitePineLane 2012年2月10日：

これは本当に、本当に、本当に、本当に役に立ちます！共有していただきありがとうございます！

バイカーミニストリー 2011年10月7日：

素晴らしいレンズ。プリントスクリーンをステップバイステップで配置する方法が気に入っています。大変お世話になりました。祝福。

匿名 2011年8月21日：

どうもありがとうございます！！これは何週間も私を悩ませてきました、そしてこれは私がそれが理にかなっていると思うことができた唯一のチュートリアルでした!!

デヤニス 2011年2月13日のオズから：

Photoshopでマスクを作成するのがとても簡単だとは思いもしませんでした。私は通常、フォトショップのマスクテンプレートをダウンロードします。あなたは私にそれを作成して自分で実験するように誘惑しました。素晴らしいチュートリアル。 ---祝福---

匿名 2011年2月9日：

これらはいくつかの素晴らしいPhotoshopのヒントです。私のSquidooレンズカスタマイズ注目レンズに追加されました！

ジョイニースリー 2010年12月26日にテネシー州ナッシュビルから：

うわー...私は最近Squidooでたくさんのフォトショップのヒントを学んでいます。素晴らしいレンズ。

ミシエマイル 2010年11月10日：

マスキングに関するあなたの記事と同じくらい簡単で包括的なものをウェブ全体で探していました！これは幸運と素晴らしい情報のストロークでした---これらを続けてください！

ありがとうございました！

リーズナブルロビー 2010年10月2日：

Wordcustardと同じように、どこから始めればよいかわからなかったので、これは素晴らしいことです。 Zazzleの製品デザインと使用する写真を手伝ってくれるはずです。写真をそのまま使用すると、とてもわかりやすく退屈に見えます。ありがとうございました！

エレン・ブランディゲ（著者） 2010年7月21日にカリフォルニアから：

@indigoj：もう1つ、マスキングのデモを行う必要があります。背景から人物を抽出する方法です。これにはもう少し説明が必要ですが、フリーハンドの落書きやファジーオーバルマスクと同じテクニックを使用しています。人物の上にレイヤーを作成します（作業中にマスキングレイヤーの透明度をわずかに下げるのに役立ちます）。人がいる場所を描き、マスクで人をきれいに覆い、満足のいくシルエットが得られたら、マスキングレイヤーを写真レイヤーの下に移動し、Altキーを押しながらクリックして、クリッピングマスクを完全に復元します。不透明度。

これは一口です。私はそれを示す必要があります。実際に手で描く必要があるので少し難しいですが、元の写真の何かを消すことを心配せずに正しく見えるまでマスクを編集し続けることができるので、それでもそれほど悪くはありません。

インディゴジャンソン 2010年7月21日に英国から：

私はこれを学びたいと思っていたので、Photoshopのマスキング技術をこのように明確で役立つ方法で教えてくれるレンズに出会えてうれしく思います。

エレン・ブランディゲ（著者） 2010年7月21日にカリフォルニアから：

@KarenHC：Elementsには基本的なマスキングがあることを私は知っています。これらがお役に立てば幸いです。

Photoshopのトリックとチュートリアルレンズの作成を開始することにしました。私は専門家ではありませんが、1993年からPhotoshopを使用しているので（悲しみ）、Webグラフィックを作成するために使用する一連のトリックを取り上げました。 :)

カレン 2010年7月21日の米国から：

これは素晴らしい情報です！私はPhotoShopElementsを使用しているので、これをどれだけ使用できるかを確認する必要があります。そして、私はあなたが他のいくつかのPhotoShopレンズを持っているのを見ます。私は物事を試すのに数時間楽しいでしょう:-)