WEBの制作がメインなので、Illustratorのことはあまり書いていません。が、自分でYou Tubeの配信用にタイトルを作ることを思い立ちまして、テレビ朝日の深夜番組『かまいがち』の立体的でポップなタイトルが気に入ってまして、それと類似のものを作りたく、チャレンジしました。ほぼ参考記事通りですが、最新のイラストレーターでやってみたので、メモとして残しおきます。(残しておかないと確実に忘れそうなので)
参考記事:
https://suzukimemo.com/post-102
作業環境
mac OS+Adobe Ilustrator CC2021
作業手順
文字入力・アピアランス設定
文字の色を塗りも線も「なし」に設定します。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/7c9145ece8392fcb6ccb77271d783e56.png)
文字を選択し、アピアランスを開きます。
・新規塗りを追加し、「白」に設定します。
・新規線を追加し、線幅1pt、色を「黒」に設定します。
線を塗りの下に移動します。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/2acdbb0891ec04d24af2710da18a0d6f-3.png)
パスのオフセット指定(塗り)
アピアランスの塗りの行を選択し、Fx(効果)から「パス」→「パスのオフセット」で(マイナス)-0.2mm。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/7ea2aba83d943b6e5e0b3b31a2ca1dbc.png)
もう一度効果からパス→パスのオフセットを選びます。メッセージが出ますので、そのまま「新規効果を適用」をクリックして、(プラス)0.2mmを設定します。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/3e79ef6500d93a0f469370e902fe71a8-1.png)
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/6e3259c6a9a6f48b403c29ae8564913c.png)
「塗り」の行にパスのオフセットが2回かかっている形になります。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/a515cc3e9bf71595498bdbdc30ba03aa.png)
3D効果を適用する(線)
線の行を選択し、Fx(効果)から3D→押し出しベベルを選び、下記の設定で「OK」します。
位置:アイソメトリック法 上面
押し出しの奥行き:5pt(好みで調整します)、フタあり
表面:陰影なし
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/4929b88c90a14b1b5179d6129192a94a.png)
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/04ab133693bcb6b72af2c4efb1e60e3f.png)
ここまでで、上のように、線だけが立体になります。
さらに「線」の行を選んだままFx(効果)からパスの変形→変形
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/c43a39c4c7f4674e6285bd64c9add05e.png)
線の角度を戻し、歪みを戻すために下記に設定します。
拡大・縮小の水平方向:57.74%
回転:45°
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/83bee6417a41896177515c81034e42e3.png)
さらに「線」の行を選んだままFx(効果)からパスの変形→変形を選びます。再び、下記のメッセージが出ますので、新規効果にします。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/3e79ef6500d93a0f469370e902fe71a8-2.png)
拡大・縮小:水平方向・垂直方向とも「173.21%」
移動値:3Dの押し出しの奥行きの半分の数値
移動値はポイントでも入力しても、5ptのように単位も入れて入力すれば、mmに変換されます。
※移動距離は文字サイズや見え方によっていい感じに変えてみてください
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/9b41a738c591819f58776bd3e056181e.png)
こんな感じになります。
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/34b64d78f93ed421c939afec7c3dad67.png)
私は、一番上の線に1ptほどの線をつけて、影の位置を調整してたりしてみました。ちょっとずれてますが・・・
![](https://midorinz.com/app/wp-content/uploads/sites/7/2021/02/c0f8ce695d19391725e56cbdf0fb0785.png)
失敗しやすい部分としては、アピアランスの「線」の行や「塗り」の行を選んで効果をかけるということですね。塗りが傾いたりしているときは、だいたい文字全体に効果がかかってしまってます。
テキストの属性のままなので、打ち直しが効くところがGOODです。ちょっと重たいですが・・
今度はこれにAfterEffetsでアニメーションでもつけてみようかな・・