当ページのリンクには広告が含まれています。

【イラストレーター】アピアランスを使って袋文字を作る方法

【イラストレーター】アピアランスを使って袋文字を作る方法 イラストレーター
この記事は約4分で読めます。

Adobe Illustrator(イラストレーター)のアピアランスを活用した袋文字(文字にフチをつける)の作り方をご紹介します。

今更感が強い内容ですが、僕もとうとう重い腰を上げてアピアランスを使って袋文字を作ることにしました。

アピアランスで袋文字を作る方法を知ってしまうと「もっと早くこの方法で作っておけばよかった」と後悔しています。

僕のようにアピアランスを普段あまり使わない方は是非チェックしてみてください。

gaogao
gaogao

アピアランスの使い方が良くわかっていなくてずっと敬遠していましたが、勉強して行くにつれてやっとある程度理解してきました。

スポンサーリンク

【イラストレーター】アピアランスを使って袋文字(文字にフチをつける)を作る方法

シンプルな袋文字の作り方

テキストツールで文章を作ります。

今回はサンプルで下の文章を袋文字(文字にフチをつける)にしていきます。

イラストレーターで袋文字を作る方法

次に、打ち込んだ文章の塗りも線も透明にします。

イラストレーターで文字にフチをつけて目立たせる方法

「塗りも線も透明にする」。この理由がわからなかったんですが、そのままの状態だとアピアランス内の線と塗りの上下関係を入れ替えることができません。なので、線も塗りも一旦透明にして、アピアランスの中で塗りと線を追加していきます。

アピアランスウィンドウの最下部にある「新規塗りを追加」アイコンをクリックします。

イラストレーターのアピアランスで文字の塗りと線を透明にする理由

ひとまず塗りは黒色にしました。

イラストレーターのアピアランスを使って袋文字(文字にフチをつける)を作る方法

塗りを線よりも上にドラッグして移動します。

イラストレーターのアピアランスは上に行くほど手前に

アピアランスはレイヤーと同じで上にあるほど手前になります。

塗りと線の色を変えてみました。線の太さも変えられます。

イラストレーターのアピアランスで文字にフチをつける方法

線を太くすると文字にとんがったものが出てくるので(下の画像参照)、線ウィンドウの中にある角の形状で丸くします。

イラストレーターのアピアランスで袋文字を作る方法。線を太したら角を丸くする

これで袋文字の完成です。

イラストレーターのアピアランスを使った袋文字の作り方

アピアランスに線を追加して、フチを重ねた袋文字を作る

さらに線を追加して何重にもフチを作ることも可能です。アピアランスウィンドウ内の上下の関係に注意してください。

アピアランスで線を重ねてフチを重ねる

袋文字に擬似的な影をつける方法

さらに薄いグレーの線を追加して文字の影も作れます。

イラストレーターのアピアランスでずらし影を作る方法

アピアランスのウィンドウ最下部にある「効果」のアイコンをクリック→「パスの変形」→「変形」をクリックします。

アピアランスのパスの変形で影を作る方法

変形効果のウィンドウが表示されます。移動の部分に数値を入れて移動させます。

アピアランスのパスの変形が便利

疑似的に立体風の文字になりました。

イラストレーターのアピアランスにあるパスの変形が便利

袋文字に「効果:ドロップシャドウ」も付けられます

ずらし影ではなくて、ドロップシャドウも可能です。

アピアランスにある一番下の線をクリックして効果アイコンをクリック→「スタイライズ」→「ドロップシャドウ」をクリックします。

イラストレーターのアピアランスで文字にドロップシャドウを加える方法

ドロップシャドウのウィンドウが表示されるので、数値を入れます。

ドロップシャドウは控えめにする

シャドウを入れることができました。シャドウは濃すぎるとコッテリしてしまうので、適度な濃度で入れてみてください。

イラストレーターのアピアランスで文字を立体的にする方法

アピアランスで作る袋文字の最大のメリット

アピアランスで作った袋文字の最大のメリットは、文字を打ち替えてもそのまま線や効果が残って、文字を打ち替えられるところです。これは便利!

イラストレーターのアピアランスは文字の効果が追従して便利です

古来からある袋文字の作り方

昔からある袋文字の作り方も一応ご紹介します。

テキストを打ち込んで文字をコピーします。

イラストレーターで昔からある袋文字の作り方。文字にフチをつける方法。

同じ場所の背面に文字をペーストします。(文字が二つ重なった状態に)

イラストレーターで昔からある袋文字の作り方。文字にフチをつける方法。

上の文字はロックして、下の文字の線に色を付けて線幅も調整します。

イラストレーターで昔からある袋文字の作り方。文字にフチをつける方法。

袋文字を重ねれば重ねるほど文字の編集が面倒です。重ねた文字の分だけ文字の修正も必要になります。

この方法は最近までやっていましたし、なんならこれからもついついやってしまうかも ^^;

早くアピアランスを使った方法に慣れたいと思います。

古くからグラフィックデザインをやっている方で、アピアランスを使った袋文字の作成方法を知らない方はぜひやってみてください(僕が言っても説得力ないかもですが)。