グラフィックデザインでは、何かを目立たせる簡単な方法は、その周りに境界線を追加することです。この記事では、Photoshopで画像、図形、テキストに境界線を追加する方法を紹介します。

Photoshopのスキルを高めるための最良の方法は、練習^(practice)、練習^(practice)、練習すること^(practice)です。以下の手順に従って、Photoshopに境界線を追加してみてください。

Photoshopで画像の周囲に境界線^(Border)を追加する方法

Photoshop^(Imagine)で境界線を追加したい写真または画像があるとします^(Photoshop)。画像を印刷してフレームに入れることを計画しています。画像に境界線を追加すると、インテリアマットを追加したように見えます。 

また、境界線が画像自体の1ピクセルでも覆われないようにすることを想像してみてください。そのため、最初にキャンバス^(canvas)のサイズ（画像ウィンドウ内の画像の周囲のワークスペース）を大きくしてから、その余分なスペースの境界線。幸い、これはPhotoshop^(Photoshop)で簡単に実行できます。 

1. Photoshopで画像を開きます。 

1. 画像に複数のレイヤーがある場合は、 [レイヤー^(Layer)] > [画像のフラット^{(Flatten Image)}化]を選択して、画像をフラット化します。 

1. 次に、背景レイヤーを通常のレイヤーに変更します。このレイヤーは、レイヤーのスタック順序で別の場所に移動できるため、ブレンドモードまたは不透明度を変更できます。[レイヤー] >[新規^(New)] > [背景からレイヤー]を^{(Layer from Background)}選択^{(Layer )}します。または、[レイヤー]パネルでレイヤー^(Layers)をダブルクリックします。新しい名前はレイヤー0^{(Layer 0)}になることに注意してください。[ OK ]ボタンを選択します。

1. 次に、キャンバスを大きくします。[画像]^(Image) >[キャンバスサイズ]^{(Canvas Size)}を選択します。追加する境界線に合わせて、キャンバスのサイズを大きくしたいとします。[相対]^(Relative)ボックスがオンになっていて、アンカーがグリッドの中央に設定されていることを確認してください。^(Make)次に、キャンバスを増やすピクセル数を入力します。ピクセルの半分がキャンバスの各エッジに追加されることを忘れない^(Remember)でください。したがって、幅100ピクセルの境界線が必要な場合は、キャンバスの幅と高さをそれぞれ200ピクセルずつ増やす必要があります。 

1. これで、キャンバスが拡張された画像ができました。

6.境界線を追加するには、[レイヤー]パネルで[新しい塗りつぶしまたは調整レイヤーの作成^(Layers)]ボタンを選択し^{( Create a New Fill or Adjustment Layer)}、リストから[単色^{(Solid Color)}]を選択します。 

7. [カラーピッカー^{(Color Picker)}]ウィンドウで、境界線にする色を選択し、[ OK ]ボタンを選択します。

8.最後に、[レイヤー^(Layers)]パネルで、作成したカラー塗りつぶしレイヤーを画像レイヤーの下にドラッグします。

これで、画像の周囲に境界線が表示されます。保存することはできますが、元の画像を上書きしないように、名前を付けて保存^{(Save as…)}することを忘れないでください。

[塗りつぶし^{(Color Fill)}]レイヤーをダブルクリックして別の色を選択し、境界線の色を試してみてください。また、キャンバスのサイズを再調整して境界線の太さを変更してみてください（ [画像^(Image)] > [キャンバスサイズ^{(Canvas Size)}]）。キャンバスを小さくするには、負の数を入力します。^(Enter)

Photoshopで図形に境界線^(Border)を追加する方法

次に、 Photoshop^(Photoshop)で図形に境界線を追加する方法を学びましょう。 

1. Photoshopでファイルを開くか、新しいドキュメントを作成します。
2. [レイヤー^(Layers)]パネルの下部にあるボタンを使用するか、[レイヤー^{( Layer )}] >[新規^{( New)}] >[レイヤー^{(Layer )}]を選択するか、キーボードショートカットのShift + Ctrl + Nを使用して、新しいレイヤーを作成します。

1. ツールボックス^(Toolbox)で、アウトライン選択ツールを選択します。長方形ツール^{(Rectangle Tool)}、角丸長方形ツール^{(Rounded Rectangle Tool)}、楕円ツール^{(Ellipse Tool)}、多角形ツール^{(Polygon Tool)}、またはカスタム形状ツール^{(Custom Shape Tool)}を選択できます。 

1. ツールを選択してキャンバス上にドラッグし、画像がフレーム化されるようにします。 

1. 移動^{(Move )}ツールを選択して、作成したフレームのエッジを調整します。

1.  手順3で使用したアウトライン選択ツールを選択した場合は、オプションバーで[塗りつぶし]が[^{(Fill )}なし^(None)]に設定されていることを確認してください。

1. 次に、フレームにストローク^(Stroke)を追加して、境界線を作成します。オプション^(Options)バーで、必要なストロークの種類（単色、グラデーション、またはパターン）とその色を選択します。以下の例では、赤で塗りつぶされたストロークを選択しています。その他のカラーオプションにアクセスするには、右側のマルチカラーボックスであるカラーピッカーを選択します。^{(Color Picker—the)}

1. 次に、ストローク^(Stroke)の太さを選択します。ピクセル数を入力するか、スライダーを使用してストローク^(Stroke)の太さを選択できます。

1. これで、作成したフレームの周囲に境界線が表示されます。

元の画像を上書きしないように、 必ず名前を付けて保存してください。^{(Save as…)}

Photoshopでテキストに境界線^(Border)を追加する方法

Photoshopでは、テキストに境界線を追加することをアウトラインと呼びます。輪郭を描くプロセスは、上記の例で行ったように、フレームにストロークを追加するのと似ています。 

1. ^(Create)Photoshopで新しいドキュメントを^(Photoshop)作成または開きます。
2. 水平^{(Horizontal )}または垂直タイプ^{(Vertical Type)}ツールを選択して、テキストを入力します。

1. [レイヤー]パネルで、^(Layers)テキスト^(Text)レイヤーを右クリックして[ブレンドオプション^{(Blending Options)}]を選択するか、[レイヤー^(Layer)] >[レイヤースタイル^{(Layer Style)}] > [ブレンド^{( Blending Options)}オプション]を選択します。 
2. 表示される[レイヤースタイル^{(Layer Style)}]ダイアログボックスで、左側のリストから [ストローク]を選択します。^(Stroke)

1. [レイヤースタイル]ダイアログボックスで[^{(Layer Style)}ストローク^(Stroke)]を選択すると、テキストのアウトラインの外観を調整できます。ピクセル数を入力するか、[サイズ^{(Size )}]スライダーを使用して、アウトラインの太さを設定します。
2. ストロークの位置^(Position)を内側^(Inside)、外側^(Outside)、または中央^(Center)に設定します。[プレビュー^(Preview)]チェックボックスをオンにすると、選択したドキュメントへの影響が表示されます。

1. ブレンドモード^{(Blend Mode )}と不透明度^(Opacity)を選択します。（Photoshopでのブレンドに関するガイド^{(guide to blending in Photoshop)}で、このトピックについて知りたいことをすべて学びましょ^(Learn)う。）
2. 次に、塗りつぶしの種類^{(Fill Type )}を[色^(Color)] 、 [グラデーション]^(Gradient)、または[パターン^(Pattern)]に選択します。[色]を選択した場合は、カラーピッカーを^{(Color, )}使用してテキストのアウトラインの色を選択します。終了したら、[ OK]を選択します。

Photoshopには機能が満載です。学習を続けるには、Photoshopでマスクする方法に関する記事を確認してから、Photoshopで^{(how to mask in Photoshop)}フェイススワップを^{(face swap in Photoshop)}実行して新しい知識を活用してください。

How To Add a Border in Photoshop

In graphic design, а simple way to make something stand оut is to add a border аround it. In this article, we’ll show you how tо аdd a bоrder іn Photoshop to images, shapes, and text.

The best way to amp up your Photoshop skills is to practice, practice, practice. Try adding a border in Photoshop by following the steps below.

How To Add a Border Around an Image in Photoshop

Imagine you have a photo or image that you want to add a border around in Photoshop. You’re planning on printing the image and getting it framed. Adding a border to the image will make it look like you’ve added an interior matte. 

Let’s also imagine that you don’t want the border to cover up even one pixel of the image itself, so first you’ll need to increase the size of the canvas—the workspace around an image within an image window—and then add the border in that extra space. Fortunately, this is simple to do in Photoshop. 

1. Open your image in Photoshop. 

1. If the image has multiple layers, flatten the image by selecting Layer > Flatten Image. 

1. Next, we’ll change the background layer into a regular layer that can be moved into a different spot in the layer stacking order and so you can change its blending mode or its opacity. Select Layer > New > Layer from Background. Alternatively, double-click on the layer in the Layers panel. Note that its new name will be Layer 0. Select the OK button.

1. Now we’ll make the canvas larger. Select Image > Canvas Size. You want to increase the size of the canvas to accommodate the border you want to add. Make sure the Relative box is checked and the anchor is set to the middle of the grid. Then enter the number of pixels by which you want to increase the canvas. Remember, half of the pixels will be added to each edge of the canvas, so if you want a border that’s 100 pixels wide, you’ll need to increase the width and height of the canvas by 200 pixels each. 

1. Now we have an image with an expanded canvas.

6. To add a border, select the Create a New Fill or Adjustment Layer button in the Layers panel and choose Solid Color from the list. 

7. In the Color Picker window, choose the color you want the border to be and select the OK button.

8. Finally, in the Layers panel, drag the color fill layer you just created below the image layer.

Now your image should have a border around it. You can save it, but remember to Save as… so you don’t save over your original image.

Play around with the color of the border by double-clicking on the Color Fill layer and choosing a different color, and try changing the thickness of the border by readjusting the size of the canvas (Image > Canvas Size). Enter negative numbers to make the canvas smaller.

How To Add a Border to a Shape in Photoshop

Next, let’s learn how to add a border to a shape in Photoshop. 

1. Open a file or create a new document in Photoshop.
2. Create a new layer using the button at the bottom of the Layers panel or by selecting Layer > New > Layer or by using the keyboard shortcut Shift + Ctrl + N.

1. In the Toolbox, select an outline selection tool. You could choose the Rectangle Tool, the Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, or the Custom Shape Tool. 

1. Select the tool and drag it over the canvas so your image is framed. 

1. Select the Move tool to adjust the edges of the frame you created.

1.  With whichever outline selection tool you used in step 3 selected, make sure Fill is set to None in the options bar.

1. Now we’ll add a Stroke to the frame, creating the border. In the Options bar, choose what kind of stroke you want (solid color, gradient or pattern) and its color. In the example below, we’ve selected a solid stroke in red. To access more color options, select the Color Picker—the multicolored box on the right.

1. Next, select the thickness of the Stroke. You can type in the number of pixels or you can use the slider to select the Stroke’s thickness.

1. Now you should see the border around the frame you created.

Be sure to Save as… so you don’t overwrite the original image. 

How To Add a Border to Text in Photoshop

In Photoshop adding a border to text is called outlining. The process of outlining is similar to adding a stroke to a frame like we did in the example above. 

1. Create or open a new document in Photoshop.
2. Select the Horizontal or Vertical Type tool and type your text.

1. In the Layers panel, right-click on the Text layer and select Blending Options or select Layer > Layer Style > Blending Options. 
2. In the Layer Style dialog box that appears, select Stroke from the list on the left. 

1. With Stroke selected in the Layer Style dialog box, you can then adjust the appearance of the text outlines. Set the thickness of the outline by entering a number of pixels or by using the Size slider.
2. Set the Position of the stroke to Inside, Outside, or Center. If you have the Preview box checked, you’ll see the effects of your choices on your document.

1. Select the Blend Mode and Opacity. (Learn everything you ever wanted to know on this topic in our guide to blending in Photoshop.)
2. Next, select the Fill Type to Color, Gradient, or Pattern. If you choose Color, use the color picker to select the color of the text outlines. When you’re finished, select OK.

Photoshop is packed with features and functionality. To continue learning, check out our article on how to mask in Photoshop and then put your new knowledge to use by doing a face swap in Photoshop!

Related posts

• Photoshopで背景を削除または置換する方法

• Photoshopで歯を白くする方法

• Photoshopでブレンドする方法

• Photoshopでぼかしとぼかしを行う方法

• PhotoshopCCで画像内のオブジェクトを切り取る方法

• MicrosoftTeamsでチームを作成する方法

• マウスに触れずにWindowsPCをスリープ状態にしない方法

• Photoshopでトリミングする方法

• 別のプログラムが使用しているときにロックされたファイルを開く方法

• Windowsキーを無効にする方法

• Photoshopで色を置き換える方法

• Photoshopで画像をベクトル化する方法

• RaspberryPiを更新する方法

• Google Chromeオフライン（スタンドアロン）インストーラーをダウンロードする方法

• 独自のラップトップを構築する方法

• AIを使用して画像から背景を即座に削除

• Photo周辺のBorder or FrameをPhotoshopに入れる方法

• PDFをパスワードで保護して安全に保つ方法

• 書評-Windows8のハウツーオタクガイド

• 自己隔離に対処するための8つの最高の技術アイデア