見出し画像

ぷっくりした文字を作ろう

レイヤー効果の説明が終わってからかなり時間が経ってしまいましたが
最近『ぷっくりした文字』も金文字くらい結構使うなと思って備忘録に追加

ぷっくりした文字とはこんな感じの文字です。

画像1

さて早速作り方
できるだけ少ない設定で進めていこうと思います

①photoshopのカンバスサイズは1000pixel×1000pixelの解像度72
※カンバスサイズによってレイヤー効果の数字が同じであっても見た目が変わるので注意

②まず文字パスを準備します(お好きな方法で、私はIllustrator)
文字+外フチA+外フチBみたいな構成です。

画像2


重ねるとこんな感じ

画像3

③順番にレイヤー効果をかけていきましょう
まずは外フチBから
カラーを好きな色に設定
今回は黄色に

画像4

次にベベルとエンボスの設定

画像5

数値は画像参照。
ベベルを『内側』+『滑らかに』
陰影の角度と高度を中心に近くするとぷっくりした感じになります。

まずは近い数字に設定してみて調整してみましょう。
※最初に記載した通りカンバスサイズによってレイヤー効果の数字が同じであっても見た目が変わるので注意

あとはベベルとエンボスの輪郭

画像6

④次はフチAの設定を
こちらはカラー設定を白に

画像7

シャドウ(内側)に影を落とす
フチAの設定はこれだけ

画像8

⑤最後に文字部分の設定
カラーを好きな色に設定(今回はピンクに)

画像9

外側のフチの設定とほとんど同じでカラーの設定が異なる位です。
ベベルとエンボス設定はコチラ

画像10

ベベルとエンボス内の輪郭の設定はコチラ

画像11

レイヤーの構成はコチラ
3枚のシンプルなものですが十分ぷっくりしたかなと思います。

画像12

厚みをつけると最初の画像になります。

画像13

以前のノートでも紹介しましたがレイヤー効果は登録して使い回すことができます(『ソシャゲーのバナーを作ろう 金文字の下の方)
今回のぷっくりした設定を登録

画像14

画像15

他の文字にも使ってみると
似たような質感で違う文字が簡単に作ることができて便利!

画像16

1年半以上ぶりにnoteを更新。
ぷっくりした文字で他のデザイナーさんが良いものを作ってくれることを祈って

この記事が気に入ったらサポートをしてみませんか?