【Illustrator】ぷっくりバルーン文字の作り方【3D】

Adobe Illustratorを使用して、ぷっくりかわいい3D文字・バルーン文字の作成方法を解説します。
3Dとマテリアルの膨張という機能を使用します。オブジェクトを3Dにすることもできます。

アウトライン化しなければ文字の打ち換えが可能です。

アウトライン化してもOKですが（メニューバー→[書式]→[アウトラインを作成]）、アウトライン化するとテキストの再編集ができなくなります。

奥行き：0px
ねじり：0°
テーパー：100%
ボリューム：100%（サムネイルの魚と貝は80%くらいにしてます）

ここでは以下のように設定しました。お好みで調整してください。
カラー：#f9f8f2
強度：120%
回転：130°
高さ：35°
柔らかさ：70%
環境光チェックあり：60％

位置：オブジェクトの背面、オブジェクトからの距離：0%にします。
シャドウの境界は10～400％の間で設定できます。ここでは200%にしています。

オブジェクトも同様の手順でぷっくりさせることができます。

「文字タッチツール」を使えば1文字ずつ回転させることができます。拡大・縮小・移動も個別にできます。

パスのオフセット使ってバルーンのつなぎ目を表現しています。

何も見えない状態になっていますがそれでOKです。

色は何色でもOKです（ここでは黒とグレーにしていますが、立体にした時に陰影がわかりにくいので、黒以外をおすすめします）。
アピアランスパネルは、メニューバー→[ウィンドウ]→[アピアランス]で表示できます。

ウィンドウが開くので、オフセットの数値を設定します。ここでは4pxにしたので、グレーの塗りが外側に4px大きくなりました。

テキストの再編集ができなくなるので注意です。

オフセットの効果が実際のパスになりました。グループ化されている状態なので、Ctrl+Shift+Gでグループ解除します。

黒とグレーの文字が重なっています。

すべて選択した状態で、メニューバー→[効果]→[3Dとマテリアル]→[膨張]をクリックします。

[オブジェクト]
奥行き：0px
ねじり：0°
テーパー：100%
ボリューム：100%

[ライト]（お好みで調整してください）
カラー：#f9f8f2
強度：120%
回転：130°
高さ：35°
柔らかさ：70%
環境光チェックあり：60％

いかがでしたか？
3D機能を使えばあっという間にリアルな3Dが作成できます。他にも文字デザインに関する記事があります。こちらも是非チェックしてみてくださいね。