こんにちは、あきみろです。
psdファイルも開ける無料WEBツール『Photopea』！
今日も元気にメモりますｗ
前回は、文字の色を変更しました。
その続きとして、今回は文字に縁取りをつけるストロークを紹介します。
画像出典：Photopea | Online Image Editor
前提
文字入力ができる前提で紹介します。
まだ文字入力に不安がある人は下記の記事をご参照ください。
文字に単色の縁取りをつける
では早速、文字に単色の縁取りつけていきましょう。
１．
まずは何でもいいので文字を入力しましょう。
※文字入力に関しては前提の記事をご参照ください。
２．
画面右下にあるレイヤーから『縁取りをつけたい文字（テキスト）』の上で右クリックを押してメニューを開きます。
３．
開かれたメニューから『ブレンドオプション』を選択します。
４．
レイヤースタイルというウインドウが開いたら左メニューから『ストローク』を選択します。
５．
今回は縁取りのサイズと色だけ変えてみます。
まず、サイズを『バーで調節』するか『○○px』の部分に直接数値を入れてください。
塗りつぶしタイプはデフォルトの『カラー(色)』のままで『好きな色を』を選択します。※今回は試しにサイズ『5px』、色は『黒』にしてみました！
最後に『OK』を選択します。
６．
結果、黒い縁取りが文字につきました。
縁取りは文字を目立たせるのに重要ですよね！
これで文字に単色の縁取りをつけるのは完了です。
次はグラデーションを使用してみましょう。
文字にグラデーションの縁取りをつける
今度は、単色ではなくグラデーションを使って縁取りしてみましょう。
※『４．』までは単色と手順は一緒です。
１．
まずは何でもいいので文字を用意しましょう。
２．
画面右下にあるレイヤーから『縁取りをつけたい文字（テキスト）』の上で右クリックを押してメニューを開きます。
３．
開かれたメニューから『ブレンドオプション』を選択します。
４．
レイヤースタイルというウインドウが開いたら左メニューから『ストローク』を選択します。
５．
塗りつぶしタイプを『グラデーション』に変更します。
６．
するとグラデーションの項目が表示されます。
今回は色を変更するのでグラデーションの『色の長方形 ▼』部分を選択してください。
７．
グラデーションエディタが開くので、真ん中ぐらの高さにある『バーの一番左』を選択してから下部にある『色の四角形』を選択します。
８．
カラーピッカーが開くので『好きな色』を選択して『OK』を押します。
※今回は緑を選択しました。
９．
今度は『バーの一番右』を選択してから下部にある『色の四角形』を選択します。
１０．
再び『好きな色』を選択して『OK』を押します。
※今回は黄色を選択しました。
１１．
グラデーションの開始と終わりの色設定が完了したので、グラデーションエディタの『OK』を選択します。
１２．
レイヤースタイルに戻ったら、こちらも『OK』を選択します。
１３．
結果、グラデーションの縁取りが文字につきました。
デフォルトの角度は90度なので、グラデーションエディタのバー右が上（黄色）、バー左が下（緑）の色になります。
これで文字にグラデーションの縁取りをつけるのは完了です。
まとめ
文字化けしない日本語入力の時にやった黒の単色文字に比べて、だいぶ変わってきたのではないでしょうか？
色のチョイスはおいといてｗ
満足満足♪
↓ デザイン書籍 ↓
![ノンデザイナーズ・デザインブック [第4版]](https://m.media-amazon.com/images/I/51HKaOqL-RL._SL160_.jpg)
コメント