Illustratorのアピアランスで立体文字を作成する方法
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/アセット-2.png)
Illustratorのアピアランス機能を使って、文字の編集可能な立体のテキストを作成する方法の備忘録です。
アピアランス機能を使うことで、文字をオブジェクトに変換することなく、文字や色を簡単に変更できる立体文字を作成することができます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/アセット-3.png)
テキストを入力する
テキストツールを使用してテキストを入力します。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt01-1.png)
サンプルのテキストサイズは「60pt」です。太めのフォントがおすすめです。
入力したテキストは、塗りと線を「なし(透明)」に変更します。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt02.png)
アピアランスの設定
続いて、上部メニューの「ウィンドウ」>「アピアランス」からアピアランスパネルを表示します。
アピアランスパネルの「新規塗りを追加」アイコンをクリックし、色と線を設定します。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt03.png)
新規線は、隣のアイコンから追加できます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt05.png)
線は角の形状を「ラウンド結合」に設定して、丸みのある角にします。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt06.png)
設定できたら、アピアランスの「線」を「塗り」の下にドラッグで移動します。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt04.png)
立体部分の作成
テキストを選択した状態で、アピアランスパネルの「線」を選択して、パネル下の「新規効果を追加」から「パスの変形」>「変形…」をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt07.png)
「変形効果」パネルが表示されるので、「移動」の「水平方向」と「垂直方向」をそれぞれ「0.5px」、コピーの数値を「20」に設定します。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt08.png)
移動で設定した方向にコピーに設定した数分テキストが複製され、文字が立体的になりました。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt09.png)
テキストは、再びテキストツールでクリックすれば、立体のまま文字の編集が可能です。色もアピアランスパネルから変更できます。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt10.png)
奥行きを変更する
変形効果の拡大・縮小の「水平方向」の値を減らすと、奥行きのある立体が作れます。
拡大・縮小の「水平方向」の値を「98%」に変更しました。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt16.png)
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt11.png)
立体部分がガタガタしている場合は、コピーの数値を上げて調整すると滑らかな線になります。
アウトライン化する場合
納品時にアウトライン化する場合、余分なパスを削除すると、線が綺麗になります。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt14.png)
テキストをアウトライン化したら、「オブジェクト」から「パス」>「アピアランスを分割」を実行します。
続いてテキストの立体部分だけを選択して「パスファインダー」から形状モードの「合体」をクリックします。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt12.png)
パスが合体されるので、ダイレクト選択ツールで不要なパスを選択して「オブジェクト」から「パス」>「アンカーポイントを削除」を実行します。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt13.png)
不要なパスが削除され、でこぼこだった箇所が綺麗になりました。
![](https://tamatuf.net/wp/wp-content/uploads/2024/01/txt15.png)