※ 本記事にはプロモーション広告が含まれます

【PhotoScapeで文字を縁取りする方法】画像で解説⇒テキストを白で囲む機能使い方

fringe-font-phoscape-step6

無料の画像編集ツールPhotoScapeでブログの画像素材を作っています。

Adobe Photoshopとは違います。貧乏なので無料の韓国製のダウンロードするやつです。

そんな「PhotoScapeの編集機能」の使い方。

 

文字を目立たせるために、文字を白で囲みたい

=テキスト文字に白い縁をつけたい。縁取りしたい。

 

という方法を調べたので記録します。

苦労したんですよ…

はじめ
そもそもこの方法の名前を知らなかったせいで
結論
 「アウトライン」という名称でした。

テキスト編集画面 → アウトライン →「適用」をクリックすれば、文字の縁取りモードにできる

しかも「縁取り文字」って呼ぶらしいすよ…。

勘の良い方はもうこれでわかってしまうのでしょう・・・

quote-phtoscape-top

PhotoScapeのトップ画面

 

ネットでやり方が見つからなかった理由は…

最初の設定では文字は白で囲む設定になっていたのを、当時の私が解除した可能性があります。

だから、みんなわざわざ記事にしてない? 見つからない。恐ろしい。

はじめ
いじった記憶がない…

ちなみにPhotoScapeのダウンロードはこちらです。

PhotoScapeで文字を囲む(縁取りする)やり方 手順解説

最終的にこんな画像を作ります。説明画像ですね。そのために赤文字「カステラ」を白で囲いたい。縁取りたい。

fringe-font-photoscape-step-fin

トップ画面から「画像編集」をクリック。まずは写真を取り込みます。(左のエリアから画像を選択する、or デスクトップから画像をドラッグする 等)

fringe-font-phptoscape-step1

編集画面の下側にあるエリアを操作します。

①「オブジェクト」タブを押して、

②「T」を押す(テキストのT)を押すと・・・

fringe-font-photoscape-step3

左側にテキスト編集画面が出てきます。前回入力した文字(私の場合はghibli)がすでに仮で入ってますね。

fringe-font-photoscape-step4

入力したい文字を入れます。ここでは「カステラ?」と入力しました。フォントを選んで、大きさと色を選びます。ここまではいつもやってたんですよ。

fringe-font-photoscape-step5

ブルーのエリアしか眼中になかったかつての私…

はじめ
ここから先が本題です。

 

文字を白く囲む(=縁取りする)方法

そのままアウトラインというエリアの「適用」にチェックを入れます。あとは縁取りの色を選択し、縁取りの厚さ(幅)を選択します。「白」で「厚さ10」にしてみました。

fringe-font-phoscape-step6

まさかこの辺りをいじるとは……言われなきゃわからん

「アウトライン」という単語を学習した 

 

仕上げを続ける

縁取り文字が出来たので、あとはいつも通りに編集していきます。今回は、矢印と手書きの線を書き足しました。完成作品がこちら。

fringe-photoscape-step61
はじめ
いつ使うかわからん!

 

関連記事:ジブリ画像が無料配布!無料デザイン作成ツール「Canva」を使用してアイキャッチを作ってみた

 

PRリンク