Illustratorで手作りの手書き風文字をデザインする方法
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te00.jpg?fit=620%2C420&ssl=1)
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te01.jpg?resize=620%2C420&ssl=1)
手書きのような文字をイラレで簡単に作成しましょう。
フィルターを使うだけで写真のような様々なタイプの手書き風加工の文字を作る事ができます。
テキストツールで文字を入力
テキストツールで文字を入力します。
太い文字の方が加工映えするので太めの書体を使いましょう。
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te02.jpg?resize=620%2C420&ssl=1)
テキストを配色
テキストに色をつけます。
もちろん黒のままでもかまいませんが、今回はわかりやすくするためにも、
文字に色をつけていきます。
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te03.jpg?resize=620%2C420&ssl=1)
「スタイライズ」→「落書き」
効果を選択し「スタイライズ」「落書き」を選択します。
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te04.jpg?resize=620%2C420&ssl=1)
手書き風の文字の完成!
これだけで手で色を塗ったような文字ができあがります。
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te05.jpg?resize=620%2C420&ssl=1)
スタイルによる違い
手書きを選択した時にスタイルを選択することができます。
これは何かというと、手書きの処理の初期ではいっているスタイルになります。
これがある事で用途にあわせた手書き間の文字を作ることができるのです。
ここでは、そのスタイルについてみていきましょう。
手書き
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te06.jpg?resize=620%2C420&ssl=1)
タイト
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te07.jpg?resize=620%2C420&ssl=1)
ルーズ
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te08.jpg?resize=620%2C420&ssl=1)
モアレ
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te09.jpg?resize=620%2C420&ssl=1)
シャープ
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te10.jpg?resize=620%2C420&ssl=1)
スケッチ
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te11.jpg?resize=620%2C420&ssl=1)
もつれ
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te12.jpg?resize=620%2C420&ssl=1)
交差
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te13.jpg?resize=620%2C420&ssl=1)
極細
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te14.jpg?resize=620%2C420&ssl=1)
ジグザグ
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te15.jpg?resize=620%2C420&ssl=1)
上記のようにスタイルで初期の調整ができますし、
バーを調整して同じスタイルのものでも下図のように様々な形態にすることができるので、
用途に合わせて使っていきましょう。
![](https://i0.wp.com/www.otega3.net/beufont/wp-content/uploads/2023/02/te16.jpg?resize=620%2C420&ssl=1)