MENU
  • ホーム
  • 画像編集
  • Adobe
  • 写真の撮り方
  • デジタルカメラ
  • 動画編集
  • 写真素材
  • 雑記
写真の撮り方や画像編集を解説
長谷川敬介 -カメラマン-
  • ホーム
  • 画像編集
  • Adobe
  • 写真の撮り方
  • デジタルカメラ
  • 動画編集
  • 写真素材
  • 雑記
menu
長谷川敬介 -カメラマン-
  • ホーム
  • 画像編集
  • Adobe
  • 写真の撮り方
  • デジタルカメラ
  • 動画編集
  • 写真素材
  • 雑記
ゼロからわかる【カメラ講座】全32話
  1. ホーム
  2. 画像編集
  3. Photoshop
  4. Photoshopで文字を縁取りする方法

Photoshopで文字を縁取りする方法

2022 5/08
Photoshop
2017年6月28日 2022年5月8日
長谷川敬介

こんにちは!カメラマンの長谷川 (@ksk_photo_man)です!(Photoshop歴15年)

いつも当ブログを読んで下さってありがとうございます!

前回の記事では、Photoshopの「ドロップシャドウで影つける方法」をお伝えせて頂きました!

さて、今回は、文字の縁取りのやり方をお伝えしますね。

環境:PhotoShop CC

Adobeフォトプラン

\ 7日間無料でPhotoshopを楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

この記事の著者

長谷川 敬介

プロ歴5年・写真歴12年のカメラマン。アドビ認定アソシエイト。11コの画像編集ソフトを使ったことがあります。料理撮影がメイン。

» プロフィール詳細

タップできる目次

Photoshop文字の縁取りのやり方

まず簡単に流れをご説明しますね!

全体の流れ
  1. レイヤースタイルの「境界線」を選択
  2. 「OK」をクリック

動画で解説

Photoshop縁取り使い方
STEP
レイヤースタイルの「境界線」を選択

レイヤースタイルの「境界線」を使います。

レイヤースタイル「境界線」の開き方は、2つ。

  1. レイヤーパネル内の「レイヤースタイルを追加」から、「境界線」を選ぶ
  2. 適応させたいレイヤーの右側をダブルクリック、表示された「レイヤースタイル」内の境界線を選択。

レイヤーパネル内の「レイヤースタイルを追加」から、「境界線」を選ぶ方法

「レイヤースタイルの追加」をクリックします。

Photoshop縁取り使い方
クリック

「境界線」を選択!

Photoshop縁取り使い方
「境界線」を選択

適応させたいレイヤーの右側をダブルクリック、表示された「レイヤースタイル」内の境界線を選択。

適応させたいレイヤーの右側をダブルクリック!

Photoshop縁取り使い方

「境界線」を選択!

Photoshop縁取り使い方
STEP
「OK」をクリック

この状態で「OK」を押すと縁取り完成です。

Photoshop縁取り使い方
目次に戻る

縁取り「境界線」の使い方の詳細

「境界線」では、次の5つの詳細設定ができまし。

  1. サイズ
  2. 位置
  3. 描画モード
  4. 不透明度
  5. 塗りつぶしタイプ

それぞれ解説していきます。

動画で解説

Photoshop縁取り使い方

サイズ

サイズは、縁取りの太さを設定することができます。

Photoshop縁取り使い方

Before・After

Photoshop縁取り_サイズ

位置

位置は、縁取りの位置を設定できます。

「内側」「外側」「中央」の3つから選ぶことができます。

初期設定では「内側」になっています。

「外側」にすると、文字の外側に縁取りをすることができます。

Photoshop縁取り使い方

Before・After

Photoshop縁取り_位置

描画モード

さまざまな「描画モード」を設定することもできます。

Photoshop縁取り使い方

「オーバーレイ」に設定すると、こうなります。↓

Before・After

Photoshop縁取り_描画モード

不透明度

不透明度は、透明度を設定することができます。

数字を小さくすればするほど、透明になります。

Photoshop縁取り使い方

Before・After

Photoshop縁取り_透明度

塗りつぶしタイプ

塗りつぶしタイプは「カラー」「グラデーション」「パターン」の3つから選ぶことができます。

カラーは、縁取りの色を設定することができます。

Photoshop縁取り使い方

Before・After

Photoshop縁取り_カラー

グラデーションは、縁取りをグラデーションに。

グラデーションの「色」や「スタイル」「角度」など調整することができます。

Photoshop縁取り使い方

Before・After

Photoshop縁取り_グラデーション

パターンは、縁取りにパターンを当て込むことができます。

Photoshop縁取り使い方

Before・After

Photoshop縁取り_パターン

また2重の縁取りもできます!

目次に戻る

2重縁取りのやり方

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

Photoshop縁取り使い方

「境界線」が2つなります。

この状態で調整すると、2重縁取りになります。

Photoshop縁取り使い方

下の「境界線」のサイズは、上のサイズより大きくなるようにしましょう!

Before・After

Photoshop縁取り_2重

動画で解説

Photoshop縁取り使い方
目次に戻る

まとめ

以上、Photoshopで文字を縁取りする方法をお伝えしました。

縁取りだけでも、いろんな加工方法があるのでぜひ試してみてください!

ここまで読んでくださってありがとうございます!

次は、ぜひグラデーションマスクにもチャレンジしてみてください^^

あわせて読みたい
【Photoshop】グラデーションマスクの使い方 この記事では、グラデーションマスクのやり方を解説しています!Photoshopグラデーションマスクの流れは、『①レイヤーマスクを追加』『②グラデーションツールを選択』『③マスクしたい方向にドラッグ』です。

Adobeフォトプラン

\ 7日間無料でPhotoshopを楽しめる /

無料で体験する

【無料で始める】から7日間の無料体験

いつでも解約ができます

Photoshop
よかったらシェアしてね!
URLをコピーする
URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする コメントをキャンセル

長谷川 敬介
カメラマン
プロ歴5年・写真歴12年のカメラマン。
アドビ認定アソシエイト

--撮影実績--
◼︎Samantha Thavasa SWEETS
◼︎宅麺、、200店舗以上

このサイトでは、「カメラの使い方」や「写真の撮り方」「写真編集」「Adobe製品」についてまとめています。
プロフィール
この記事の目次
目次
トップへ
タップできる目次
閉じる