今回は、Adobe Illustratorでストリートアート調の3Dポップを作る方法を紹介します。
使用するのは「エンベロープ」という機能です。
この機能、知っていましたか？
プロのデザイナーでも、イラレの機能をすべて把握している人は少ないと思います。
それくらい、イラレには多くの機能が隠れています。
「エンベロープ」も、その中のひとつです。
この機能を使うとデザインの幅が広がるので、ぜひ試してみてください。
エンベロープを使ってストリートアート調の3Dポップ作成方法
ここから実際に作っていきます。
ストリートアート調の3Dポップにしたい文字は、アウトライン化してもしなくても、どちらでも大丈夫です。
今回は、あとからすぐに修正できるように、アウトライン化せずに作ってみました。
①円を描き鉛筆ツール滑らかさを最大にする
イラレのアートボード上に円を作成します。
次に、ツールボックス内の「鉛筆ツール」をダブルクリックして、「鉛筆ツールオプション」を開きます。
そこで、精度の「滑らかさ」を最大まで上げて、「OK」をクリックします。
②「鉛筆ツール」で線を描く
そのまま「鉛筆ツール」を選択した状態で、円を分断するように波線を描きます。
※直線でも構いません。
次に、円と今描いた波線の両方を選択した状態で、「パスファインダー」の左下にある「分割」をクリックします。
③円の中に文字を入れる
分割した円の上下に、それぞれストリートアート調にしたい文字を入れます。
フォントは、なるべくポップなものがおすすめです。
このとき、分割した線は文字より前面に配置し、文字は線より背面に配置します。
この前後関係ができていないとエンベロープがうまく適用できないので、注意してください。
④エンベロープ
まずは、円を波線で分割した上側の線と文字だけを選択します。
その状態で、「オブジェクト」メニューから「エンベロープ」→「最前面のオブジェクトで作成」を選択します。
同じ操作を、下側の線と文字にも実行してください。
下側の線と文字は、斜めの状態だとうまくエンベロープできない場合があります。
そのため、それぞれが平行になるように配置してから、「最前面のオブジェクトで作成」を実行してください。
すると文字にエンベロープが適用され、ストリートアート調のポップな見た目になります。
このままでも十分かっこいいのですが、もう少し手を加えていきましょう。
⑤カラーを変更
文字のカラーを変更します。
背景を明るくするのか、暗くするのかによって、文字色を決めるとよいでしょう。
私は背景を赤にしようと思ったので、文字は明るいイエローにしました。
もちろん、どんな色でも構いません。
⑥文字をコピペして色を変える
ここでコピー＆ペーストした文字は、とりあえず横にずらしておきます。
そして、背景色にしようと思っている色に変更します。
私は先ほど背景色を赤にしようと思ったので、横にコピーした文字も赤にしました。
⑦ブレンドで立体感を出す
まずは、黄色の文字と、コピー＆ペーストした赤い文字の上の部分だけを選択します。
その状態で、「オブジェクト」メニューから「ブレンド」→「作成」を選択します。
ツールボックスの中にある「ブレンドツール」をダブルクリックし、「ステップ」を「40」くらいに設定して「OK」をクリックします。
これと同じ操作を、下側の文字にも適用します。
⑧赤い文字を選択して移動！そして完成へ！
背景を赤にし、背面にある赤い文字だけを白矢印で選択して移動させます。
文字が少し見ずらいので、同じ文字を上にのせてカラーを白にして完成です。
まとめ
ということで今回は、エンベロープを使ってストリートアート調の3Dポップを作る方法を紹介しました。
最初は少し難しく感じるかもしれませんが、慣れてくると意外と簡単に作れるのでおすすめです。
立体にしなくても、エンベロープを適用しただけの状態でも十分かっこよく見えます。
あとは、いろいろ試しながら自分なりにアレンジしてみてください。
ブレンドツールを使った3D立体文字の作り方もこちらで紹介しているのでご覧ください。
adobeの公式サイトではエンベロープの使用方法も解説しているのでこちらも参考にしてみてください。
