How To Outline An Image In Photoshop

Photoshopでの画像のアウトライン化は、レイヤースタイルパネルとストロークオプションで簡単にできます。 この2つのツールを使えば、数回クリックするだけで、画像全体や特定の選択範囲のアウトラインを作成することができます。 ここでは、これらのツールを使って、Photoshopでソリッドカラー、グラデーション、またはテクスチャのオーバーレイを使って画像のアウトラインを作成する方法をご紹介します。

Photoshopで画像をアウトライン化するには、レイヤーをダブルクリックしてレイヤースタイルパネルを開きます。 ストローク」スタイルを選択し、ストロークタイプを「外側」に設定します。

Photoshopで画像をアウトライン化するには、レイヤーをダブルクリックしてレイヤースタイルパネルを開きます。

目次

ビデオチュートリアル

画像のエッジをアウトライン化する方法

アウトライン化するAn-Image-In-Photoshop-7

Photoshopで画像をアウトライン化する最初の方法は、写真全体をアウトライン化することです。

このオプションは、選択を行う必要がないため、最も簡単なテクニックの 1 つです。

このオプションは、選択する必要がないため、最も簡単なテクニックの一つです。数回クリックして、ストロークの調整を行うだけです!

方法は以下のとおりです。 この方法では、何か問題が発生した場合に、常にバックアップのレイヤーを持つことができます。

すでに大きなレイヤーのグループがある場合は、Command + Option + Shift + E (Mac) または Control + Alt + Shift + E (PC) を使って、レイヤーを複製して結合します。

Outline-An-Image-In-Photoshop

次に、複製したレイヤーをダブルクリックしてレイヤースタイルパネルを開きます。

Outline-An-Image-In-Photoshop-2

「ストローク」を選択します。

Outline-An-Image-In-Photoshop-3

ストロークの位置を「内側」に設定し、不透明度は100%のままにします。

Outline-An-Image-In-Photoshop-4

フィルタイプを「カラー」に設定し、写真のアウトラインにしたい色を選択します。

Outline-An-Image-In-Photoshop-6

すべての設定が完了したら、サイズ スライダーを使用してストロークのサイズを調整します。 このオプションは、完全にあなた次第であり、正解も不正解もありません。

Outline-An-Image-In-Photoshop-5

結果

Outline-An-Image-In-Photoshop-7

わずか数回のクリックで、ストローク オプションを使用した Photoshop での画像のアウトライン化に成功しました。

How To Outline A Cutout Image

Outline-An-Image-In-Photoshop-15

写真全体にアウトラインを作成するのではなく、特定の部分だけをアウトライン化したい場合もあるでしょう。

このテクニックには、Photoshopの選択ツールに関する基本的な知識が必要です。

このテクニックには、Photoshopの選択ツールに関する基本的な知識が必要ですが、このテクニックに使用する最も簡単な選択ツールをご紹介します。

その方法は以下のとおりです:

Wキーを押してオブジェクト選択ツールを取得するか、ツールバーで見つけてください。

Outline-An-Image-In-Photoshop-8

オブジェクト選択ツールをアクティブにした状態で、モードを「矩形」に設定し、「エッジを強調」と「オブジェクトの減算」にチェックを入れます。

Outline-An-Image-In-Photoshop-9

選択を行うには、被写体の周りをクリックして長方形の選択範囲をドラッグします。

Outline-An-Image-In-Photoshop-10

被写体が無地の背景にある場合は、代わりに「被写体を選択」を押すと、このプロセスが早くなります。

Outline-An-Image-In-Photoshop-12

被写体の周りにアクティブな選択範囲がある状態で、Command + J (Mac)またはControl + J (PC)を押して、選択範囲を新しいレイヤーに複製します。

新規レイヤーをダブルクリックし、レイヤースタイルパネルを開きます。

Outline-An-Image-In-Photoshop-13

「ストローク」を選択します。

フィルタイプを「カラー」に設定し、選択範囲を縁取る色を選択します。

Outline-An-Image-In-Photoshop-14

最後に、ストロークスライダでストロークのサイズを設定します。

結果

Outline-An-Image-In-Photoshop-15

背景から被写体を分離することで、ストローク機能を利用して比較的早くアウトラインを作成することができます。

How To Outline An Image With Multiple Colors

Outline-An-Image-In-Photoshop-18

画像の縁取りに1つの色を選ぶだけではつまらないですよね。 このような場合には、色を追加してスパイスを加えてみてはいかがでしょうか。

方法は次のとおりです。

最初のストロークを作成する最初の作業を終えたら、今度は2番目の色を追加する準備ができました。

アウトラインに 2 番目の色を追加するには、レイヤースタイルパネルのストロークオプションの横にあるプラスアイコンを押します。

Outline-An-Image-In-Photoshop-16

2 番目のストロークオプションが表示されるので、編集を開始します。

Outline-An-Image-In-Photoshop-17

最良の結果を得るためには、2つ目のストロークが1つ目のストロークよりもわずかに大きいことを確認してください。

さらに色を追加したい場合は、結果に満足するまでこの手順を続けてください!

Outline-An-Image-In-Photoshop-18

2番目のストロークを追加するだけで、Photoshopのアウトライン画像に多くの関心を持たせることができます。

How To Add A Gradient Outline To An Image (グラデーション アウトラインを画像に追加する方法)

さらに一歩進んで、作成した画像のアウトラインにグラデーションを追加することができます。 必要なのは、レイヤースタイルパネル内のフィルタイプオプションをすばやく変更することだけです!

最初のアウトラインを作成したら、フィルタイプを「カラー」から「グラデーション」に変更します。

Outline-An-Image-In-Photoshop-20

グラデーション エディターでは、独自のグラデーションを作成したり、さまざまなプリセット オプションから選択したりできます。

グラデーションを作成するには、グラデーションのプレビューの両端にある色見本をクリックすると、カラーピッカーが表示され、色を変更することができます。

Outline-An-Image-In-Photoshop-21

プリセットのグラデーションを使用するには、あらかじめ用意されているフォルダを参照し、好きなオプションを選択します。

Outline-An-Image-In-Photoshop-22

グラデーションの色が設定されたので、角度調整を回転させてグラデーションの角度を選択します。

Outline-An-Image-In-Photoshop-23

次に、グラデーションのスケールを設定して、移行をよりソフトまたはハードにします。

Outline-An-Image-In-Photoshop-24

最後に、使用したいグラデーションのタイプを選択します。

結果

Outline-An-Image-In-Photoshop-25

Photoshopでグラデーションのアウトラインを作成することは、ストロークのオプションにもう少し華やかさを加える楽しい方法です。

How To Outline An Image With A Texture

Photoshopで画像をアウトライン化する最後の方法は、境界線にテクスチャやパターンを作成することです。

最初のアウトラインを作成した後、塗りつぶしのタイプを「カラー」から「パターン」に変更します。

Outline-An-Image-In-Photoshop-27

使用できるいくつかのデフォルト オプションがありますが、オンラインで無料のパターンをダウンロードすることもできます。

Photoshop にパターンをインポートする方法については、こちらを参照してください。

Outline-An-Image-In-Photoshop-28

最後に、目指す外観に最も適したパターンのスケールを設定します。

結果

Outline-An-Image-In-Photoshop-29

Photoshopで画像のアウトラインにテクスチャやパターンを追加することは、芸術的なセンスを追加するもう一つの素晴らしい方法です。

結論

Photoshopで画像のアウトラインを描く方法は、レイヤースタイルパネルとストロークオプションを使用すれば簡単に習得できます。 このテクニックは、プロセスを合理化し、アウトラインのサイズを簡単に調整することができます。 さらに、レイヤースタイルパネルでは、グラデーションやパターン、複数のストロークカラーなどの追加効果を加えることができます!

このようなチュートリアルをもっと知りたいですか?

– Brendan 🙂

もっと写真や写真編集のヒントをお届けする週刊ニュースレターにご登録ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です