【Illustrator】文字の外側が歪んでかすれているような文字を作る

当ページのリンクには広告が含まれています。
文字の外側が歪んでかすれている文字を作る方法

Illustratorを使って文字の外側がかすれた感じにする方法をご紹介します。

荒々しい、大雑把のようなイメージでロゴなどに使えると思うのでパターンの引き出しの一つとして覚えておきたいですね。

画像で分かりやすいように掲載してますが、手順をしっかり見て細かいところも飛ばさないようにしましょう。

目次

Illustratorを使い外側の歪んだ文字を作っていく

新しくテキストのレイヤーを用意します。

レイヤーを選択しパスファインダーの右上のメニューアイコンから「複合シェイプを作成」をクリック

パスファインダーがない方は少し下の方にある「※パスファインダーやアピアランスパネルがない場合」を参照

文字の外側が歪んでかすれている文字を作る方法 切り抜きを一番下へ

レイヤー下階層の複合シェイプレイヤーを選択

アピアランスパネルの塗りをクリックし、塗りの色を決める。例では黒です。

文字の外側が歪んでかすれている文字を作る方法 複合レイヤーと塗り選択
※パスファインダーやアピアランスパネルがない場合

一番上にあるメニューバーのウインドウをクリックすると、パスファインダーとアピアランスパネルの項目があるのでクリックすると表示されるようになります。

文字の外側が歪んでかすれている文字を作る方法 ウインドウ

アピアランスパネルで塗りが選択されている状態でメニューバーの「効果→パスの変形→ラフ」

このときレイヤーの複合シェイプが選択されている且つアピアランスの複合シェイプの塗りが選択されていることを確認する

ラフパネルにはサイズ12%、入力値にチェック、詳細を15/inch、ポイントを丸くにチェックでOK

文字の外側が歪んでかすれている文字を作る方法 ラフの設定

「塗り」を選択してアピアランスパネル下の+マークをクリックし複製する

文字の外側が歪んでかすれている文字を作る方法 塗りの複製

複製された下にある塗りのラフをクリックして詳細の値を6/inch程度にする

文字の外側が歪んでかすれている文字を作る方法 ラフの詳細を変更

アピアランスパネル上の複合シェイプを選択してメニューバーの「効果→パスファインダー→切り抜き」

文字の外側が歪んでかすれている文字を作る方法 境界線レイヤーの複合シェイプ

アピアランスパネル内に出現した「切り抜き」を下に移動させる

この時「塗り」の中に「切り抜き」が入らないように注意しましょう。

文字の外側が歪んでかすれている文字を作る方法 切り抜きを一番下へ

完成です。

文字の外側が歪んでかすれている文字を作る方法 完成見本
境界線有りの場合「合流」でトゲを抑える

一番外側のレイヤーを選択し、アピアランスから境界線を追加する

境界線は「内容」の下へ

文字の外側が歪んでかすれている文字を作る方法 境界線をギザギザに

レイヤー下階層の複合シェイプレイヤーを選択し、アピアランスパネルから再度複合シェイプをクリック

効果→パスファインダー→合流

「新たにこの効果のインスタンスが適応されます」の確認が出ますが新規効果を適用でOK

アピアランスパネル内に出現した「合流」を「切り抜き」の下に移動させる

合流の効果で尖っている緑の境界線が黒の歪んだ文字の形に近づく

文字の外側が歪んでかすれている文字を作る方法 合流がかかっていない場合

境界線の太さが増えるごとにギザギザ感は減っていく

文字の外側が歪んでかすれている文字を作る方法 合流がかかっている場合

最後に

選択する順番、レイヤー、効果など細かいところで抜けているとうまくいかない可能性があります。

またラフの値を強くしすぎると、歪み感がなくなってしまうので値を変えすぎるのはお勧めしません。

今回のこのロゴ作成をテクニックの1つとしてぜひ覚えておきましょう!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次