Photoshopで写真や文字、キャラクターイラストなどに縁取りをつける方法をまとめました。
よく写真や文字を目立たせるために縁取りをつけますよね。
フォトショで縁取りはレイヤースタイルの1つ「境界線」だよ!
今回はそんな境界線の付け方を徹底解説していきます。
✔記事の内容
- 境界線の付け方
- 境界線を付けられるもの
Photoshopで縁取りをつける方法チュートリアル動画
YouTubeでも解説したので動画で見たい方は動画で見てください!
縁取り(境界線)を付ける方法
境界線のつけ方
右下にあるfxから『境界線』を選びます。
レイヤーの右をダブルクリックしても同じ画面にたどり着けます。
そして、境界線をクリックします。
境界線の設定
サイズ
サイズは境界線のサイズで、右にいけばいくほど幅の広い境界線をつけることができます。
位置
位置は外側、内側、中央とありますがこれは境界線を写真のどこにつけるかということです。
- 外側だと写真の外側
- 内側だと写真の中の内側
- 中央だと写真と背景の中間
それぞれの位置に境界線が入ります。
角の角ばり方が変わるので、角ばり方で選ぶといいかも!
不透明度
不透明度は境界線を透明にさせていくかのスライダーです。
少し透明にさせたいという場合は不透明度のスライダーを右にします。
塗りつぶしタイプ
そして塗りつぶしタイプは、カラー、グラデーション、パターンの3種類あります。
1色の色の境界線を作りたい時はカラーを選んで、好きな色を選びます。
グラデーションは、好きなグラデーションを選んだり、自分の好きな色でグラデーションを作ることもできます。
そしてパターンは、いろんなパターンがありそこから選ぶことができます。
境界線一つでも組み合わせ次第でバリエーションが何万とあるので、いろいろ組み合わせるのも楽しいかも!
2重、3重の境界線のつけ方
境界線は1つだけではなく、2重、3重と複数付けることもできます。
境界線の右にある「+」をクリックします。
すると、2つめの境界線が現れるので同じように境界線の設定をしていきます。
下の境界線が上の境界線より小さかったりすると隠れて見えません。
- 大きなサイズにする
- 位置を変える
以上の方法で、見えるようになります!
境界線だけ残して文字は透明にする方法
こんなかんじで文字自体は透かして縁取りだけ残すということもできます。
やり方は文字レイヤーの「塗りを0%」にするだけ!
境界線を付けられるもの
境界線を付けられるものは4つあります。
- 写真
- 切り抜き写真、イラスト
- 文字
- シェイプ
写真
写真はさきほどやった通り写真そのものに境界線をつけるとこんなかんじです。
アルバムを作るときとかにいくつかあるとおしゃれに見えます。
切り抜き写真、イラスト
切り抜き写真やイラストに境界線をつけるとこんなかんじです。
ポップに見せたいときなんかに使えますよ!
文字
文字に境界線をつけるとこんなかんじです。
YouTubeのサムネイルなどにもこれはよく使います。
シェイプ
カスタムシェイプに境界線をつけるとこんなかんじです。
長方形や円などの普通のシェイプだけでなくどんなカスタムシェイプにもつけられます!
文字だけじゃなくシェイプや切り抜き写真にも縁取りできるのすごいね!
Photoshopで写真・文字・イラストに縁取りをつける方法まとめ
Photoshopのレイヤースタイル「境界線」を使えば、簡単に縁取りを付けることができます。
写真や文字だけでなく、切り抜いた写真やイラスト、カスタムシェイプにも縁取りを簡単に付けられるのもすごいところ!
また、複数の縁取りを付けるのも簡単です。
ポスターの文字やYouTubeのサムネイルなど目立たせたいところにぜひ使ってみてください!
レイヤースタイルは全部で10種類あります。
すべてのレイヤースタイルについてはこちら!
コメント
いつもありがとうございます。
色々勉強させていただいています。
早速、境界線をつけてみようと思ったのですが、べた塗レイヤーの開き方と写真の入れ方がよくわかりません。
ご教授よろしくお願いします。
こちらこそありがとうございます!
文字で説明するのが難しいのでよろしければこちらをご覧ください!
べた塗りレイヤーYouTubeはこちら
べた塗りレイヤーのブログはこちら
写真の取り込み方法のYouTubeはこちら