無料PhotoshopチュートリアルYouTubeで更新中>>

Photoshopで写真・文字・イラストに縁取りをつける方法

Photoshopで境界線をつけてふちどりをする方法
記事内に商品プロモーションを含む場合があります

Photoshopで写真や文字、キャラクターイラストなどに縁取りをつける方法をまとめました。

よく写真や文字を目立たせるために縁取りをつけますよね。

えりな
えりな

フォトショで縁取りはレイヤースタイルの1つ「境界線」だよ!

今回はそんな境界線の付け方を徹底解説していきます。

✔記事の内容

  1. 境界線の付け方
  2. 境界線を付けられるもの
スポンサーリンク

Photoshopで縁取りをつける方法チュートリアル動画

YouTubeでも解説したので動画で見たい方は動画で見てください!

縁取り(境界線)を付ける方法

境界線のつけ方

右下にあるfxから『境界線』を選びます。

Photoshopで境界線をつけてふちどりをする方法

 

レイヤーの右をダブルクリックしても同じ画面にたどり着けます。

Photoshopで境界線をつけてふちどりをする方法

 

そして、境界線をクリックします。

Photoshopで境界線をつけてふちどりをする方法

境界線の設定

サイズ

サイズは境界線のサイズで、右にいけばいくほど幅の広い境界線をつけることができます。

Photoshopで境界線をつけてふちどりをする方法

位置

位置は外側、内側、中央とありますがこれは境界線を写真のどこにつけるかということです。

  • 外側だと写真の外側
  • 内側だと写真の中の内側
  • 中央だと写真と背景の中間

それぞれの位置に境界線が入ります。

Photoshopで境界線をつけてふちどりをする方法

ちょこっとアドバイス

角の角ばり方が変わるので、角ばり方で選ぶといいかも!

不透明度

不透明度は境界線を透明にさせていくかのスライダーです。

Photoshopで境界線をつけてふちどりをする方法

少し透明にさせたいという場合は不透明度のスライダーを右にします。

塗りつぶしタイプ

そして塗りつぶしタイプは、カラー、グラデーション、パターンの3種類あります。

1色の色の境界線を作りたい時はカラーを選んで、好きな色を選びます。

Photoshopで境界線をつけてふちどりをする方法

 

グラデーションは、好きなグラデーションを選んだり、自分の好きな色でグラデーションを作ることもできます。

Photoshopで境界線をつけてふちどりをする方法

 

そしてパターンは、いろんなパターンがありそこから選ぶことができます。

Photoshopで境界線をつけてふちどりをする方法

境界線一つでも組み合わせ次第でバリエーションが何万とあるので、いろいろ組み合わせるのも楽しいかも!

2重、3重の境界線のつけ方

境界線は1つだけではなく、2重、3重と複数付けることもできます

境界線の右にある「+」をクリックします。

Photoshopで境界線をつけてふちどりをする方法

すると、2つめの境界線が現れるので同じように境界線の設定をしていきます。

Photoshopで境界線をつけてふちどりをする方法

注意点

Photoshopで境界線をつけてふちどりをする方法

下の境界線が上の境界線より小さかったりすると隠れて見えません。

  • 大きなサイズにする
  • 位置を変える

以上の方法で、見えるようになります!

 

境界線だけ残して文字は透明にする方法

Photoshopで境界線をつけてふちどりだけ残して文字は透過させる

こんなかんじで文字自体は透かして縁取りだけ残すということもできます。

やり方は文字レイヤーの「塗りを0%」にするだけ!

Photoshopで境界線をつけてふちどりだけ残して文字は透過させる

境界線を付けられるもの

境界線を付けられるものは4つあります。

  1. 写真
  2. 切り抜き写真、イラスト
  3. 文字
  4. シェイプ

写真

Photoshopで境界線をつけてふちどりをする方法

写真はさきほどやった通り写真そのものに境界線をつけるとこんなかんじです。

アルバムを作るときとかにいくつかあるとおしゃれに見えます。

切り抜き写真、イラスト

Photoshopで境界線をつけてふちどりをする方法

切り抜き写真やイラストに境界線をつけるとこんなかんじです。

ポップに見せたいときなんかに使えますよ!

文字

Photoshopで境界線をつけてふちどりをする方法

文字に境界線をつけるとこんなかんじです。

YouTubeのサムネイルなどにもこれはよく使います。

シェイプ

Photoshopで境界線をつけてふちどりをする方法

カスタムシェイプに境界線をつけるとこんなかんじです。

長方形や円などの普通のシェイプだけでなくどんなカスタムシェイプにもつけられます!

たじ
たじ

文字だけじゃなくシェイプや切り抜き写真にも縁取りできるのすごいね!

Photoshopで写真・文字・イラストに縁取りをつける方法まとめ

Photoshopのレイヤースタイル「境界線」を使えば、簡単に縁取りを付けることができます。

写真や文字だけでなく、切り抜いた写真やイラスト、カスタムシェイプにも縁取りを簡単に付けられるのもすごいところ!

また、複数の縁取りを付けるのも簡単です。

ポスターの文字やYouTubeのサムネイルなど目立たせたいところにぜひ使ってみてください!

レイヤースタイルは全部で10種類あります。
すべてのレイヤースタイルについてはこちら

コメント

  1. kaz kajihara より:

    いつもありがとうございます。
    色々勉強させていただいています。
    早速、境界線をつけてみようと思ったのですが、べた塗レイヤーの開き方と写真の入れ方がよくわかりません。
    ご教授よろしくお願いします。

タイトルとURLをコピーしました