K-W Blog

経済からガジェットまで雑多に取り扱う個人ブログ

Photoshopで画像に白フチをつける2つの方法

 

Photoshop 白フチ
Photoshop(フォトショップ/フォトショ)で、画像に白い縁をつける2つの方法を紹介しています。

※ この記事ではAdobe Photoshop CS6を使用しています。

周囲を塗りつぶして白フチを作る

まずはじめに、周囲を塗りつぶして白フチを作る方法です。

1.画像を開き余白を作る

画像を開き、白フチにしたい分の余白を作ります。
[メニュー] > [イメージ] > [カンパスサイズ] でカンパスサイズを調整します。
Photoshop カンパスサイズを広げる

この時、レイヤーが背景になっている場合はカンパスサイズを広げて空白になった部分が既に白で塗りつぶされています。

2.余白を塗りつぶす【完成】

カンパスサイズを広げてあいた余白の部分を白で塗りつぶします。
この時、画像を直接加工したくない場合は新規レイヤーを作成し重ね順を画像の下にしてそちらを塗りつぶしてください。

[塗りつぶしツール] を使って余白を塗りつぶします。
Photoshop フチを白く塗りつぶす

これで白フチの完成です。

カンパスサイズを調整すればポラロイド風にもできます。
Photoshop ポラロイド風

レイヤーを分けて作った場合、コピー等をする時はレイヤーを結合してから行ってください。

境界線を使って白フチをつける方法

次は、境界線を使って画像に白フチをつける方法です。事前準備として、白フチをつけたい画像をPhotoshopで開き、背景からレイヤーへ変更し、カンパスサイズを広げて白フチをつけるための余白をつくっておいて下さい。塗りつぶす方法と違い、余白の大きさは適当で構いません。

余白を作るとこまで出来ましたら、次に進みます。

1.レイヤースタイルから境界線を開く

[メニュー] > [レイヤー] > [レイヤースタイル] > [境界線] をクリックします。
Photoshop レイヤースタイル 境界線

もしくはレイヤーパネルから対象のレイヤーをダブルクリックして、境界線を選択することも可能です。

2.境界線を適用する【完成】

境界線を適用します。
この時、カラーは白を選択し境界線の大きさはお好みで調整して下さい。

Photoshop  境界線で白フチを作る

この時、境界線の位置を「外側」で作ると、フチの角が丸くなってしまいます。角を四角くしたい場合、境界線を内側にしてフチを作ってください。

Photoshop  境界線で白フチを作る

境界線の位置を内側で作るとフチが四角くなります。ですが、境界線の太さ分画像の周囲が消えてしまうので注意が必要です。

まとめ

ちょっとした加工であれば、境界線の位置を内側にして白フチを作るのがカンパスサイズを広げる必要もなく楽かなあと思います。そもそもPhotoshopじゃなくてIllustratorで白フチを作るという手もありますので、そちらも検討してみて下さい。

以上、Photoshop(フォトショップ/フォトショ)で画像に白い縁をつける2つの方法でした。

 - WEB・デザイン