crftロゴ
検索

テキストのスケッチ風表現

テキストのスケッチ風エフェクト

 Illustratorのアピアランスを使ってテキストに対してスケッチ風のエフェクトを適用する方法の紹介です。

 テキストなので日本語でも英語でも自由にタイプしなおせるというのがポイントです。

 作成したデータも公開するので自由にお使いください。

 ちなみにPhotoshopで打ち替えできるスケッチ風テキスト の記事もあります。

テキストのスケッチ風エフェクトの作り方

1. ベーステキストを入力する

テキスト入力

2. 色指定を塗りなし、線なしに指定

テキストの色指定

 ベースのテキストに色指定が残っているとアピアランスでの操作が混乱してくるので、筆者はアピアランスを操作するときはいつもクリーンな状態で始めます。

3. アピアランス を開く

4. 塗りを追加して、塗りにスタイライズ>落書きエフェクトを適用

アピアランス塗り追加

 A の部分で塗りを追加することができます。追加した塗りを選択した状態で、B のエフェクトからスタイライズ>落書きを選びます。

5. 落書きの設定内容を調節

落書き設定内容

 実寸での操作なのでベースになるテキストの大きさによって設定内容は変わります。

6. アピアランスで線を追加しラフを追加

線を追加

 C 部分をクリックして線を追加し、パスの変形>ラフ を選択します。

 このときありがちな間違いがアピアランスの中の要素の順番や適用内容の場所です。

 アピアランスの中に注目すると、落書きエフェクトの位置が微妙に異なるのがわかると思います。

 ここでは塗りだけに落書きを適用します。

 線の効果も線だけに適用するのがコツです。

7. 線を複数作成して異なった効果を適用

 アウトラインになる線指定を複数追加していくと、それっぽくなっていくと思います。

 さらに色をダークグレーにして不透明のモードを乗算などに指定すると重なった部分が透過になり、より効果的だと思います。

 塗り、線の順番を色々と入れ替えて研究してみてください。

アイコン

スケッチ風テキスト 1.23 MB 47 downloads

Illustratorのアピアランス機能を使ってテキストオブジェクトをスケッチ風に表現します。…

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です