【Photoshop初心者】パターンオーバーレイを使ったかわいいテキストの作り方
![](https://www.beginavi.net/wp-content/uploads/2022/06/1.png)
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
フルーツを買ったらいただいた紙袋にあったテキストが、とても可愛かったのでPhotoshopで作ってみようと思いました。
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
オリジナルは白字にピンクの縁がついたなんともレトロな文字ですが今回は
パターンオーバーレイを使って可愛くレトロ感を出してみました
パターンオーバーレイを使ったかわいいテキストの作り方
背景を作ります
幅900px 高さ600pxでカンバスを作ります。
新規レイヤーを追加して「塗りつぶしまたは新規調整レイヤーを追加」からベタ塗りを選択します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/e33ea689ad7027fa11d29fbc2bfab77b.png)
今回はレトロ感を出したかったので色は全てAdobeColorから参考にしました
![](https://www.beginavi.net/wp-content/uploads/2022/06/1-2-1.png)
カラー:#dbff94
薄い緑にしました。
次に背景にパターンを追加します。
ベタ塗りをしたレイヤーをダブルクリックしてレイヤースタイルパネルを出します。
パターンオーバーレイからドットを選択します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/992d79357e2309c2d5b9e3574b063666.png)
パターンにドットがない方は「ウィンドウ」から「パターン」
右上の三本線をクリックして「従来のパターンンとその他」からパターンを追加できます。従来のパターンの「Webパターン」に入っています。
![](https://www.beginavi.net/wp-content/uploads/2022/06/9a234bcbf2cb8a37550dad23095e03cf.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/1-1.png)
背景ができました
テキストを入力していきます
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
フルーツの紙袋のテキストが細くてとても可愛いのですが、同じテキストがないので今回は「小塚ゴシック」にしました。
![](https://www.beginavi.net/wp-content/uploads/2022/06/1-3.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/12.png)
「FRESH」と「FRUITS」は色を変えたいのでレイヤーを分けてあります。
次にそれぞれ複製をします。
元の「FRESH」レイヤー
元の「FRESH」レイヤーに効果をかけていきます。
レイヤーをダブルクリックして「レイヤースタイル」パネルを出します。
パターンオーバーレイ
描画モード:通常
不透明度:100
パターン:ドット
角度:90
比率:79
![](https://www.beginavi.net/wp-content/uploads/2022/06/8e8b840cff5e02fdb4a346da244bd7b7.png)
カラーオーバーレイ
描画モード:通常
不透明度:71
![](https://www.beginavi.net/wp-content/uploads/2022/06/30aac147af1119dbc8bca6d1f0679bde.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/6521a00867f95846c4684d88424711ca.png)
ベベルとエンボス
スタイル:ベベル内側
テクニック:シゼルハード
深さ:3
方向:下へ
サイズ:2
角度:120
高度:30
ハイライトのモード:スクリーン:白:100
シャドウのモード:比較暗:黒:100
![](https://www.beginavi.net/wp-content/uploads/2022/06/6521a00867f95846c4684d88424711ca-1.png)
輪郭
輪郭:デフォルト
範囲:50
![](https://www.beginavi.net/wp-content/uploads/2022/06/419d40c199bc4c9ba7bf119383a71c26.png)
境界線
サイズ:2
位置:外側
描画モード:通常
不透明度:100
カラー:#001b58
![](https://www.beginavi.net/wp-content/uploads/2022/06/1d0efb0b0a2e63845671e84af619815c.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/d3c055921f42b92587d156d80f4f5a6d.png)
元の「FRUITS」レイヤー
次に今効果をかけた「FRESH」レイヤーを右クリックして「レイヤースタイルをコピー」します。そして「FRUITS」レイヤーを右クリックして「レイヤースタイルをペースト」します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/1f7da8955382117612b707c90da6cc2f.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/44caee0976722bc3772737254bd4dd24.png)
「FRUITS」レイヤーをダブルクリックして「カラーオーバーレイ」の色を「#ff87bd」にします。
![](https://www.beginavi.net/wp-content/uploads/2022/06/1314a472e55369e004b1c10029a1f8ea-1.png)
境界線の色を「#640037」にします
「FRESH」のコピーレイヤー
次に先ほど複製しておいた「FRESH」のコピーレイヤーをダブルクリックして
「レイヤースタイルパネル」を出します。
カラーオーバーレイの色を「#ff87bd」にします。
「OK」して「レイヤースタイルパネル」は閉じます。
次に「下矢印キー」と「右矢印キー」を1回ずつ押します。
するとコピーレイヤーは少し右下に移動します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/1-8.png)
コピーレイヤーを複製します。
複製したコピーのコピーレイヤーの「下矢印キー」と「右矢印キー」を1回ずつ押します。
次にコピー2レイヤーを複製します。
同じように「下矢印キー」「右矢印キー」を1回ずつ押します。
これを9回繰り返してピンクのコピーレイヤーを10こ作ります。
コピーレイヤーを「Shift」を押しながらすべて選択して「新規グループを作成」します。
名前は「ピンク」にします。
![](https://www.beginavi.net/wp-content/uploads/2022/06/340f28a6606639627cb6c1d5ac5e2a78.png)
次にピンクフォルダーレイヤーをダブルクリックして「レイヤースタイルパネル」を出します。
ピンクフォルダーに境界線をつけます。
![](https://www.beginavi.net/wp-content/uploads/2022/06/d25b7542b0483e9b13c7c378fdceb822.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/0d40a5e4a645fc6b96e767d64ac0878e-1.png)
「FRESH」の完成
「FRUITS」のコピーレイヤ
先ほど複製した「FRUITS」のコピーレイヤーをダブルクリックして「レイヤースタイル」パネルを出します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/b179a101f82787f732e667b77f3a3ed1.png)
「カラーオーバーレイ」のカラーを「#fff5a1」にします。
「OK」
次に「FRUITS」コピーレイヤーを選択したまま「下矢印キー」1回「右矢印キー」1回クリックします。
そして「FRESH」レイヤーと同じように10個のコピーレイヤーを作ります。
10個のコピーレイヤーが出来たらすべて選択して「新規フォルダー」を作ります。
名前は「黄色」にします。
「黄色」フォルダーをダブルクリックして「レイヤースタイルパネル」出します。
境界線を設定します
![](https://www.beginavi.net/wp-content/uploads/2022/06/e09302a73a2f807d0f331c6130616298.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/1314a472e55369e004b1c10029a1f8ea.png)
カラー:#640037
完成
![](https://www.beginavi.net/wp-content/uploads/2022/06/8089e50294910c6cb163e5cb54ad137b.png)
独学でPhotoshopを学びたい方におすすめ
Photoshop記事一覧