![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字-1024x724.jpg)
今回はAdobeIllustratorでバルーン文字を作る方法をご紹介します。今までは複雑な処理が必要だったバルーン文字ですが、Illustratorの「3Dとマテリアル」という機能を使うことで、誰でも簡単に作ることが出来るようになりました。
まずは、準備としてバルーン文字を作るための素材をダウンロードします。
Illustratorの上部メニューから、「ウィンドウ」→「3Dとマテリアル」を選択してください。
※もし、ウィンドウに「3Dとマテリアル」が無い場合、Illustratorのバージョンを最新のものにアップロードしてみてください。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_1-1024x583.jpg)
マテリアルのタブの中の、「Substance3Dコミュニティアセットで他のマテリアルを探す」のアイコンをクリックします。ちょっと分かりにくいですが、下記の赤で囲ったアイコンです。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_2-1024x583.jpg)
Substance3Dコミュニティアセットというサイトに入ることが出来たら、ここでバルーン文字のマテリアルファイルをダウンロードします。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_3-1024x583.jpg)
上部の検索バーに「バルーン」と打ち込んで検索します。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_4-1-1024x583.jpg)
Balloon wrinkledという素材が出てくるので、アイコンをクリックしてダウンロードします。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_5-1024x583.jpg)
次に、Illustrator画面に戻って、マテリアルタブの右下の「+アイコン」から「マテリアルを追加」を選択します。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_6-1024x583.jpg)
先程ダウンロードした「balloon.sbsar」ファイルを選択してください。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_7-1024x583.jpg)
マテリアルのところに、先程のバルーン素材が出てくれば準備完了です。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_8-1024x583.jpg)
ここから、実際のバルーン文字を作っていきます。
まずは作りたい文字をテキストで打ち込みます。フォントを「Impact」にします。
※太めのフォントなら何でも大丈夫です。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_9-1024x583.jpg)
バルーンっぽくするために、文字に丸みを作ります。
フォントを選択した状態で、上部メニューから「効果」→「スタライズ」→「角を丸くする」を選択してください。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_10-1024x583.jpg)
「半径=3mm」としてOKをクリックします。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_11-1024x583.jpg)
次に、文字を選択した状態で上部メニューから、「オブジェクト」→「アピアランスを分割」をクリックしてパス化しましょう。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_12-1024x583.jpg)
次に文字に色をつけますが、これは作業工程を見やすくするためのものです。
ここで選択する色は、完成するバルーン文字に影響しませんので、どんな色でも良いです。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_13-1024x583.jpg)
文字を選択した状態で、上部メニューから「効果」→「3Dとマテリアル」→「膨張」を選択します。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_14-1024x583.jpg)
次に、マテリアルタブから最初にダウンロードした「バルーン文字のマテリアル」を選択します。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_15-1024x583.jpg)
文字にマテリアルが反映されたら、マテリアルの詳細設定をしていきます。
今回は記事トップに掲載している金色のバルーン文字の設定にします。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_16-1024x583.jpg)
まず、メインパラメーターの「解像度=1024px」、「繰り返し=1000」と設定します。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_17-1024x583.jpg)
次に、バルーン文字の色を変更します。Colorの「Color hue=0.06」とします。
ここの数値を変えると他の色にも出来ます。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_18-1024x583.jpg)
次にTextで「Text color=0.5」、「Font size=0」と設定します。このマテリアルではバルーンにテキストが入っているのですが、今回は文字を消したいのでコチラの設定をします。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_19-1024x583.jpg)
最後に、右上のアイコンから、レイトレーシングをオンにして、「画質=高」に設定してからレンダリングをクリックします。これはIllustratorの3DCGのレンダリング方式で、これをすることでよりリアルな質感にすることが出来ます。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_20-1024x583.jpg)
これでバルーン文字の完成です。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_21-1024x583.jpg)
最後に、文字を選択した状態で、上部メニューから「オブジェクト」→「アピアランスを分割」をしておきましょう。
![](https://comecoblog.com/wp-content/uploads/2023/09/バルーン文字_22-1024x583.jpg)
いかがでしたでしょうか。
今回ご紹介した「Substance3Dコミュニティアセット」では、他にも様々なマテリアル素材がダウンロード出来るため、是非いろいろな表現に挑戦してみてください。
コメント