ただいまの人気記事はこれ!おすすめ記事いろいろ

【Photoshop】フォントに波紋のような模様を入れる方法

Photoshop
当サイトでは記事内に広告を掲載しています。

今回はPhotoshopで、フォントに波紋のような模様を入れる方法をお届けします。

波紋のような模様とは、たとえばこんな感じ。【Photoshop】フォントに波紋のような模様を入れるぐるぐる模様、あるいは「等間隔で並べた同心円」状の模様ともいいます。

模様の位置や大きさは自由に調整できます。文字がユニークな雰囲気になりますよ。

というわけでさっそくやってみましょう。

Photoshopの記事一覧

模様を入れる手順

1.Photoshopで任意の大きさのキャンバスをつくります。

任意の大きさのキャンバス

今回は例として、800×450pxのキャンバスをつくってみました。

 

2.文字ツールで、模様を入れたい文字を入力します。

任意の文字を入力

この際に太めのフォントにしておくと、模様を入れたときに効果がわかりやすくなります。

この時点でのレイヤー構成は次の通りです。

レイヤー構成

「あ」という名前のレイヤーが、今入力した文字のレイヤーです。

 

3.レイヤーパネルの下部にある「塗りつぶしまたは調整レイヤーを新規作成」ボタンを押します。

「塗りつぶしまたは調整レイヤーを新規作成」ボタン

 

メニューが開きますので「べた塗り」を選択します。

「べた塗り」を選択

 

4.すると、カラーピッカーが開きます。ここでべた塗りの色を「真っ白(R:255 G:255 B:255)」に設定します。

カラーピッカー

 

すると、いちばん上に真っ白な色で塗りつぶされたレイヤーができます。

べた塗りレイヤー

 

文字レイヤーの上に真っ白なレイヤーがありますので、キャンバスは真っ白になります。

キャンバスは真っ白

 

5.画面左のツールバーの「描画色の設定」「背景色の設定」をそれぞれクリックし、それぞれの色を「黒」と「白」にします

「描画色の設定」「背景色の設定」

 

6.レイヤーパネルで「べた塗り」レイヤーを選択状態にします。

「べた塗り」レイヤー

 

その状態で、Photoshopの画面上部のメニューの「フィルター」から「フィルターギャラリー」を選択します。

「フィルター」

「フィルターギャラリー」

 

すると、注意書きが出ますが問題ありません。

「スマートオブジェクトに変換」

いちばん左の「スマートオブジェクトに変換」を押します。

 

7.フィルターギャラリーが開きます。

フィルターギャラリー

ここでは、「スケッチ」の中にある「ハーフトーンパターン」を選択します。

そして、パターンタイプを「」にします。

パターンタイプの上にある「サイズ」や「コントラスト」はお好みで調整してみてください。今回の記事では、初期設定のまま(サイズ:1、コントラスト:5)ですすめています。

設定できたら「OK」を押します。

 

すると、キャンバス全体がぐるぐる模様になります。

キャンバス全体がぐるぐる模様に

 

8.レイヤーパネルで「べた塗りレイヤー」を選択し、右クリックします。

「べた塗りレイヤー」

 

メニューが開きますので「クリッピングマスクを作成」を選択します。

「クリッピングマスクを作成」

 

するとぐるぐる模様が文字にクリッピングされます。

クリッピングされました

……が、模様が入ったのはいいのですが、フォントの色までぐるぐる模様の色(黒と白)になってしまっています。

というわけで、フォントの色が出るようにしてみましょう。

 

9.レイヤーパネルで「べた塗り」レイヤーを選択した状態で、レイヤーの合成モードを「ソフトライト」にします。

レイヤーの合成モードを「ソフトライト」

 

これで、最初に設定したフォントの色がみえるようになりました。

「ソフトライト」

 

フォントの模様は移動ツールでドラッグしたり、バウンディングボックス(キャンバスのまわりの枠)で拡大縮小することができます。

模様の位置の調整

 

10.お好みの雰囲気になれば完成です。

フォントにぐるぐる模様

……が、このままだと「文字のレイヤー」と「模様のレイヤー」がばらばらなので、文字の位置を変えたりすると、模様がズレてしまいます。

というわけで、文字と模様がずれないように固定してみましょう。

スポンサーリンク

模様を固定しよう

1.レイヤーパネルで「べた塗りレイヤー(模様のレイヤー)」と「文字のレイヤー」を選択します。

「べた塗りレイヤー(模様のレイヤー)」と「文字のレイヤー」を選択

複数のレイヤーを選択するときは、キーボードのCtrlキーを押しながらレイヤーをクリックすると、複数選択できます。

 

2.その状態のまま、どちらのレイヤーでもいいので右クリックします。メニューが開きますので「レイヤーをリンク」を選択します。

「レイヤーをリンク」

これで「模様のレイヤー」と「文字のレイヤー」がリンクされ、文字を移動させたり、拡大縮小したりしても、模様がズレなくなります。

複数の文字をつくる

複数の文字を作るときは、次の手順で行うとかんたんです。

  1. まず模様入りの文字を1つつくる
  2. それを複製する
  3. 複製した文字を編集する

とかんたんです。

画像にするとこんな感じです。

1.模様入りの文字をつくります。

模様入りの文字

 

2.それを複製します。

文字を複製

 

3.複製した文字を編集します。ここでは「あ」を「め」にしてみました。

文字を編集

が、これではどちらの文字も模様の位置が同じです。

というわけで、複製したほうの文字の模様の位置や大きさを調整してみましょう。

ちなみに、複製したほうは「模様のレイヤー」と「文字のレイヤー」のリンクが自動ではずれます。模様を移動させた後は、リンクさせるのを忘れないようにしましょう。

 

4.模様がお好みの雰囲気になれば完成です。

模様の位置を調整

今回の記事で使用したツール

フォントにぐるぐる模様を入れる

今回の記事で使用したツールは次の通りです。

【Photoshop】

 

【CLIP STUDIO PAINT】

【XP-Pen Artist12】

液晶タブレットです。イラストを描くのに使用しました。価格もサイズも手ごろで愛用しています。

2万円前後で買える液タブ「XP-Pen Artist12」レビュー
XP-Penの液晶タブレットを買ってみました。購入したのはArtist12。 なんと2万円前後で買える液晶タブレットです。さっそく使ってみましたが、これ、すごくいいですね。 低価格なので「描きづら...

波紋のような模様を入れると、文字がユニークな雰囲気になります。よかったら参考にしてみてください。

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