Photoshopで文字の縁取り|グラデーションやパターンの応用も紹介

文字の縁取りをする時、Photoshopでは多くのバリエーションを作成できます。
この記事では、Photoshopで文字の縁取りをする方法について紹介します。

通常の文字の縁取り

まずは、通常の文字の縁取りの方法について紹介します。
具体的な手順は以下の通りです。

STEP.1
文字の入力
縁取りをするための文字を入力します
STEP.2
レイヤースタイルから境界線を追加する
レイヤースタイルから境界線を追加し、文字の縁取りをします
STEP.3
境界線の調整
境界線の位置やサイズを調整します

文字の入力

まずは、縁取りをする文字を入力します。

ツールバーの文字ツールを選択して、好きな文字を入力してください。

レイヤースタイルの境界線を使って縁取りする

文字を入力たら縁取りを行っていきます。

レイヤーパネルの「レイヤースタイルを追加」から、境界線をクリックします。


レイヤースタイルのパネルが開きます。
次は境界線を調整します。

境界線の調整

境界線を調整していきます。

まずは、境界線の色を変更します。
カラーのアイコンをクリックすると、カラーピッカーが開くのでお好みの色に変更してください。


次にサイズと位置を調整します。
サイズを10px、位置を外側にします。


これで文字の縁取りが完了しました。


文字の2重縁取りの方法

次に文字の2重縁取りの方法について紹介します。

先ほどの、通常の文字の縁取りを終わらせた状態から始めます。


境界線の横にある「+」ボタンをクリックすると、境界線がもう一つ追加されます。


新たなに追加された境界線(下の方)を編集します。


カラーを好きな色に、サイズを20ピクセルに設定してください。


これで文字の2重縁取りは完了です。


文字の縁をグラデーションにする

文字の縁の部分をグラデーションにする方法について紹介します。

2重縁取りの時と同様に、通常の文字の縁取りを終わらせた状態から始めます。


塗りつぶしタイプを「カラー」から「グラデーション」に変更します。


単一色からグラデーションに変更できました。
色やスタイル、角度を自由に変更できます。


文字の縁にパターンを使う

最後に文字の縁にパターンを使う方法について紹介します。

通常の文字の縁取りを終わらせた状態から始めます。


塗りつぶしタイプを「カラー」から「パターン」に変更します。


これで文字の縁にパターンを使用することができるようになります。


ただ副業してもダメ!?
デザインだけに専念して収入も増やせる方法とは?

今回の記事を読んだ方は、デザイナーもしくはデザイナー見習いという人が多いのではありませんか。
今の会社や収入に不満があり、デザインの副業をして収入を増やそうと考える人もいるでしょう。
しかし、実際に副業をしても

「クラウドソーシングで探しても倍率が高くコンペも落とされる…」
「案件を取るために自分で営業しても上手くいかない…」
「単発の案件ばかりで継続的に稼げない…」
「営業や事務作業などの無駄な時間が多い…」

という悩みを持ったことはありませんか。

副業やフリーランスの場合、営業や事務対応など全ての作業を自分で行なわないといけないため大変ですよね。
そんな時に、「案件を紹介してくれたり、仕事中のサポートをしてくれる人」がいたら副業も上手くいくと思いませんか。

今回紹介する「レバテッククリエイター」を使用すれば、未経験者でもデザインだけに専念して収入UPが可能です。
レバテッククリエイター」はクリエイター向けの案件紹介サイトです。

特長的なのは自分に適した案件を紹介してくれるためデザインに専念できる点と、キャリアプランや仕事の進め方、果ては次回プロジェクトについての相談が可能な点です。

それら全てのサービスを無料で使用できます。
そのため、デザインに専念して収入を増やしたい人自分で営業したくない人は、ぜひ一度試してみてほしいサービスとなっております。

おすすめポイント
  • 営業の手間を省いてデザイン作業だけで収入UPできる!
  • 無料のキャリア相談でより良い働き方を実現できる!
  • フリーランスでも継続して案件がもらえるので安心!

レバテッククリエイターは60秒で簡単に無料登録が可能です。
登録すれば、すぐに担当者がついてキャリアプランや案件について相談可能なので、ぜひお早めに登録してみてください。

60秒でレバテッククリエイターに無料登録

スマホの方はこちらからチェック!

レバテッククリエイターについてもっと詳しく知りたい方はこちら!

まとめ:様々なバリエーションがある

Photoshopの文字の縁取りには、多くのバリエーションがあります。
ぜひ使い方を覚えて、制作に役立ててください。
以下が今回のまとめです。

  • レイヤースタイルの境界線を使うことで文字の縁取りが可能
  • 境界線を追加すれば文字の2重縁取りができる
  • 塗りつぶしタイプを変更すれば、グラデーションやパターンなどを使用できる

また、この他にもPhotoshopの使い方について紹介した記事を多く投稿しております。
興味のある方はぜひご覧ください。

モバイルバージョンを終了