以下のような縁取りされたテキストを作成していきます。
装飾されたテキストはバナーや様々な素材に使用できるので作成の仕方を覚えておくととても便利です!
![](https://techtech-note.com/wp-content/uploads/2021/01/931-1.png)
それでは始めます!
テキストを入力する
テキストツール(画像赤枠箇所)から土台となるテキストを入力しましょう。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-2.png)
「不透明部分を選択範囲に」する
テキストを入力するとレイヤーが追加されます。(画像青枠箇所)
追加されたレイヤーを右クリックしてレイヤーメニューを表示します。
レイヤーメニューから「不透明部分を選択範囲に(P)」を選択します((画像赤枠箇所))
![](https://techtech-note.com/wp-content/uploads/2021/01/931-3.png)
「不透明部分を選択範囲に(P)」を選択すると以下のようにテキストが選択状態になります。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-4.png)
レイヤーの追加
この状態から、再度テキストのレイヤーを右クリックしてレイヤーメニューを表示します。
レイヤーメニューから「新しいレイヤーの追加(N)」を選択します。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-5.png)
「新しいレイヤーの追加」ポップアップが立ち上がります。そのまま「OK」を選択します。
すると、さらにレイヤーが追加された状態となります。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-6.png)
縁取り枠のサイズを指定
上部メニューの「選択」から「選択範囲の拡大(G)」を選択します。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-7.png)
選択範囲の拡大値は任意ですが、ここでは15pxで指定しておきます。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-8.png)
縁取り枠の色を指定
縁取り枠の色を決めておきます。
ここでは白色にしてます。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-9.png)
上部メニューの「編集」を選択し、あらかじめ指定しておいた色彩(白)「背景色で塗りつぶす(G)」を選択します。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-10.png)
そうすると以下のようになります。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-11.png)
レイヤーを入れ替える
土台となるテキストレイヤーと、追加したレイヤーをドラッグドロップで入れ替えます。
これを…..
![](https://techtech-note.com/wp-content/uploads/2021/01/931-12.png)
こうします。
![](https://techtech-note.com/wp-content/uploads/2021/01/931-13.png)
はい!これで縁取りされたテキストの出来上がりです!
![](https://techtech-note.com/wp-content/uploads/2021/01/931-1.png)