PR

文字を目立たせる!Photoshopで縁取りテキストを作成する方法

Photoshop 文字の縁をデザインする Photoshop

Photoshopで作った文字が背景に埋もれて読みにくい…そんなときに便利なのが文字の縁取りです!この記事では、初心者でも簡単にできる縁取り文字の作成方法を3つ紹介します。

「レイヤースタイル」の「境界線」を使う(基本編)

フォトショップ 文字の縁取り完成

文字を入力する

横書き文字ツールを選択して文字を入力します。

フォトショップ 横書き文字ツール
フォトショップ文字ツール

レイヤースタイルを追加

[レイヤーパネル]の[テキストレイヤー]をダブルクリックして、[レイヤースタイル]ダイアログを表示させます。

フォトショップ レイヤースタイル追加

左側の[境界線]にチェックを入れます。

フォトショップ 境界線適用

境界線の色や太さを指定

外側に10px境界線をつけました

フォトショップ 境界線のスタイル

上と同じ10pxですが、[位置]を内側にしてみました。

Photoshop 境界線のスタイル

レイヤーを複製して縁取りを作る(応用編)

フォトショップ 境界線

文字レイヤーを複製

[テキストレイヤー]を[+]までドラッグして複製します。

フォトショップ 文字レイヤー複製

下のレイヤーを黒く塗っておきます。

[フィルター]→[ぼかし]→[ぼかしガウス]でぼかします。

Photoshop ぼかしガウス

完成です!

フォトショップ ぼかしガウス

レイヤーマスクを使って一部の縁取りを消す(デザイン向け)

フォトショップ レイヤーマスク

境界線を適用

先ほどと同じように、文字を入力して、[レイヤースタイル]→[境界線]にチェックを入れます。
位置は「外側」、色はわかりやすいものを選ぶ。太さはお好みでOK!

フォトショップ レイヤースタイル

レイヤーマスクを追加する

縁取りを適用したテキストレイヤーを選択
[レイヤーマスクを追加」(レイヤーパネル下の四角に丸アイコン] をクリックします。

フォトショップ レイヤーマスク追加

レイヤーマスクが追加されたことを確認!

フォトショップ レイヤーマスク追加

ブラシで表示させる

ブラシツール(B)を選択します。
[塗り]を白にします。

フォトショップ ブラシツール

[ソフト円ブラシ]を選択
柔らかいブラシ(ぼかしのあるブラシ)を使うと、なじみやすくて自然な仕上がりになります。

フォトショップ ブラシツール

文字の上をなぞって完成です!
消しすぎたら、色を「黒」にすると元に戻せる!

Photoshop レイヤーマスク適用

境界線を消してみるとこんな感じです。
デザインによっては境界線を消してもいいですね

フォトショップ レイヤーマスク適用
応用アイデア

文字の一部分だけ縁取りを消してデザイン性UP!
グラデーション状に縁取りを消して、おしゃれなロゴ風に!
ブラシの種類を変えて、ざらざらしたエフェクトを作る!

まとめ

Photoshopの縁取り機能を活用すれば、文字をより目立たせ、
サムネイルやポスター、SNS投稿画像やYouTubeのタイトルに活用できます。シンプルな方法から応用テクニックまで、ぜひ試してみてください!

【SALE】 humor ユーモア handy Plus AC USB type C 充電器 充電タップ AC USB 電源タップ 【 USB-PD USB PD 30W スマホ充電器 iphone ブラック 黒 タップ カーキ 充電ステーション 在宅 テレ ワーク 携帯 持ち運び おしゃれ たこ足 延長コード 】

価格:3925円
(2025/3/26 11:18時点)
感想(315件)

USB-C ケーブル Type-C to Type-C USB 2.0 2m 1m humor ユーモア【 usb-c usb c タイプC type-c typec TYPE-C TYPEC 充電ケーブル スマホ充電 iPhone充電 2メートル 1メートル 長め Hamee ハミィ 】

価格:1320円~
(2025/3/26 11:18時点)
感想(16件)

折りたたみ スマートフォン スタンド ARCHISS DOUBLE SWING-STAND BY ME【 在宅勤務 テレワーク 在宅ワーク 便利 アイテム グッズ スマホスタンド スタンド タブレット ipad iphone 角度調整 シンプル 】

価格:2220円
(2025/3/26 11:19時点)
感想(14件)

Follow me!

コメント

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