![モストプランナーズ](/images/blo_vs.webp)
BLOG
ブログ
「3Dとマテリアル」でぷっくり可愛い効果を試してみました
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305-09-1024x683.jpg)
最近スマホ壁紙やケースで見かけることが多くなったぷっくりとした表現。
Illustratorの3D機能で簡単にできるのでご紹介します。
![](https://most-planners.com/blog/wp-content/uploads/2023/05/名称未設定-2-03-1024x358.jpg)
![](https://most-planners.com/blog/wp-content/uploads/2023/05/0-2-769x1024.jpg)
ぷっくり表現のやり方
1.パスを準備
ベースのイラストを準備します。
3D化する要素はグループ化しておきます。
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_1-1.jpg)
2.立体化
1のオブジェクトを選択し、
「効果」→「3Dとマテリアル」→「膨張」を選択
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_2-1-1.jpg)
これだけで立体感が出ましたが、まだテカり感などがありません。
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_2-2.jpg)
3.微調整
「3Dとマテリアル」内で任意の数値を変更し、調節していきます。
今回は以下の要素を変更してみました(カッコ内は今回の数値)
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_3-1.jpg)
「3Dとマテリアル」
【マテリアル】タブ内
「ベースプロパティ」
・粗さ(0.1):値を小さくするとハイライトを強調し、ツヤが出ます。
・メタリック(0.6):値を大きくすると金属らしい質感になります
【ライト】タブ内
・強度(140%)
・回転(25°)
・高さ(70°)
・柔らかさ(40%)
・強度(130%)
【パネルを閉じてしまった場合】
「アピアランス」パネルで効果の名称をクリックすれば再度開くことができます。
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305-12.jpg)
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_3-2.jpg)
完成!ぷっくり可愛くできました
応用編
その1:回転をかけて立体的に
「奥行き」+「回転」でより立体的を出してみます
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_4-2.jpg)
「オブジェクト」内
・奥行き(20mm)
・回転(x: 20° y: -40°)
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_4-1.jpg)
その2:ワンクリックで質感表現
「マテリアル」-「すべてのマテリアルとグラフィック」で質感を簡単に変更できます
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_5-1-1024x460.jpg)
![](https://most-planners.com/blog/wp-content/uploads/2023/05/ブログ2305_5-2-560x1024.jpg)