イラレのラフ効果で、線を重ねた手書き風の文字を作る方法｜6ステップ

お手本の動画と、この記事の進め方

お手本にしたのは、タマケンさんのYouTube動画「【Illustrator】イラレでラフな線を重ねた文字デザインを作る方法」です。

約3分の短い動画で、パスの変形のラフとブレンドツールを使う方法が紹介されています。

数値は、動画で話されている値と、画面に映っている値をひとつずつ照らし合わせて入れました。

この記事の画面は、筆者のMacのIllustrator 2026で同じ手順を作り直して撮ったものです。

動画とはバージョンが違うので、見た目が違う画面が1か所あります（ブレンドの設定）。

その場所では、違いもあわせて書いておきます。

全体の流れを、先に表で見ておきましょう

手順	やること	入れる値
手順1	文字を用意して、アウトライン化。 塗りをなくして線だけにする。	Shift＋Command＋O（Windowsは Shift＋Ctrl＋O）。 線は1pt。
手順2	少しすき間をあけて、真下に2つ複製する。	複製した2つは、線幅を半分（0.5pt）に。
手順3	上の複製に、ラフ効果を小さくかける。	サイズ5%・詳細5/inch・ギザギザ。
手順4	下の複製に、ラフ効果を大きくかける。	サイズ40%・詳細10/inch・ギザギザ。
手順5	元の文字と、小さく崩した文字をブレンドする。 拡張して、グループ解除。	ステップ数4。 Shift＋Command＋G（Shift＋Ctrl＋G）。
手順6	全部を選んで、整列パネルでぴったり重ねる。	水平方向中央・垂直方向中央。

表は保存しておくと、作業中に見返せて便利です。

手順1：文字を用意して、アウトライン化して線だけにする

まず、好きな文字を打ちます。

お手本では「想像」という漢字を使っていたので、この記事も同じ文字にしました。

線を重ねるデザインなので、画数が多くて、太い書体のほうが形が残りやすいです。

筆者は太い明朝体（凸版文久見出し明朝 ExtraBold）を300ptで使いました。

文字を選んだまま、Shift＋Command＋O（WindowsはShift＋Ctrl＋O）を押します。

メニューの「書式」＞「アウトラインを作成」と同じ操作で、文字が図形に変わります。

図形にしておかないと、このあとのラフ効果とブレンドが文字の形に効きません。

次に、塗りを「なし」にして、線の色を黒にします。

線の太さは1ptにしました。

塗りがあると線が重なって見えないので、ここは線だけにしておきます。

手順2：真下に2つ複製して、線を半分の太さにする

線だけになった文字を、少しすき間をあけて真下に2つ複製します。

Optionキー（WindowsはAltキー）を押しながら下へドラッグすると、複製しながら動かせます。

Shiftキーもいっしょに押すと、まっすぐ真下に動きます。

複製した2つは、線の太さを半分の0.5ptにします。

このあとラフ効果で線が増えるので、細くしておかないと黒くつぶれてしまいます。

手順3：上の複製に、イラレのラフ効果を小さくかける

複製した上の文字（複製1）を選びます。

メニューの「効果」＞「パスの変形」＞「ラフ」を選ぶと、ラフのダイアログが開きます。

ここで入れる値は3つです。

1. 「サイズ」を5%にします。
   下の「パーセント」が選ばれていることも確かめます。
2. 「詳細」を5 /inchにします。
3. 「ポイント」を「ギザギザ」にします。

入れたら「OK」を押します。

ラフ効果の3つの値は、何を変えているのか

ラフ効果は「効果」なので、元の形はそのまま残っています。

あとから値を変えたくなったら、アピアランスパネルの「ラフ」をクリックすると、同じダイアログがもう一度開きます。

手順4：下の複製には、もっと大きくラフをかける

同じ手順で、下の文字（複製2）にもラフ効果をかけます。

こちらは大きく崩したいので、値を変えます。

1. 「サイズ」を40%にします。
2. 「詳細」を10 /inchにします。
3. 「ポイント」は「ギザギザ」のままです。

40%にすると、文字の形がほとんどわからないくらい線が暴れます。

これで大丈夫です。

最後に重ねたとき、この線が文字のまわりに飛び出して、手書きで勢いよく描いたような雰囲気になります。

手順5：ブレンドで、文字の「あいだ」を4つ作る

ここがいちばんのポイントです。

元の文字と、5%で小さく崩した文字（複製1）のあいだを、ブレンドでつなぎます。

ブレンドは、2つの図形のあいだに「途中の形」を自動で作ってくれる機能です。

ステップ数を4にする

お手本では、ツールバーのブレンドツールをダブルクリックして、ブレンドオプションを開いていました。

「間隔」を「ステップ数」にして、4を入れて「OK」です。

筆者のIllustrator 2026では、同じ場所を開くと「ブレンド」パネルが出ました。

メニューの「オブジェクト」＞「ブレンド」＞「ブレンドオプション」からも開けます。

「間隔」を「ステップ」にして、右の欄に4を入れます。

2つの文字を順にクリックする

ブレンドツールのまま、元の文字、複製1の順にクリックします。

2つの文字のあいだに、4つの文字ができます。

筆者は2つを選んで、メニューの「オブジェクト」＞「ブレンド」＞「作成」を使いました。

結果は同じです。

きれいな文字から、少し崩れた文字へ、形がだんだん変わっていくのがわかります。

この「少しずつ違う線」が何枚もあることで、重ねたときに手で何度もなぞったような厚みが出ます。

拡張して、グループを解除する

ブレンドしたものを選んだまま、メニューの「オブジェクト」＞「ブレンド」＞「拡張」を選びます。

ブレンドは、そのままだと「ひとつのまとまり」として扱われます。

拡張すると、6つの文字が本物の図形になります。

続けて、Shift＋Command＋G（WindowsはShift＋Ctrl＋G）でグループを解除します。

これで、6つの文字を1つずつ動かせるようになります。

手順6：整列パネルで、すべての文字をぴったり重ねる

最後に、作った文字をすべて選びます。

Command＋A（WindowsはCtrl＋A）で、全部を選べます。

元の文字、ブレンドでできた4つ、小さく崩した文字、大きく崩した文字の、合わせて7つです。

メニューの「ウィンドウ」＞「整列」で整列パネルを開きます。

「オブジェクトの整列」の「水平方向中央に整列」と「垂直方向中央に整列」を、順にクリックします。

7つの文字の中心がそろって、1か所にぴったり重なります。

これで完成です。

うまくいかないときは、ここを見てください

よくある質問

まとめ

Illustratorの効果を使った作例は、ほかの記事でも作っています。

• イラレのエンベロープでハート文字を作る方法
• イラレの変形効果で作る円形デザイン16パターン
• イラレでロゴを作る方法｜初心者向け4つの作例

Illustratorをこれから使うなら

この記事の作例は、Illustratorの単体プランか、Creative Cloudのプランで作れます。

ラフ効果もブレンドも、Illustratorに最初から入っている機能です。

ただ、ツールを契約しただけで何かが変わるわけではありません。

筆者もWEBデザインのオンラインスクールに通いましたが、そこでは1円も稼げませんでした。

作りたいものを先に決めて、まずは無料体験でひとつ作ってみるのがおすすめです。

スポンサーリンク（PR）

Illustratorの無料体験を見る（PR）

Illustratorの料金を見る（PR）

Creative Cloudのプランを見る（PR）

※上記はアフィリエイトリンクです。

Illustratorで何ができるかは、こちらのページにまとめています。

Illustratorでできること｜動画で見る作り方

この記事で確認した範囲

手順と数値は、参考動画の音声と画面で確かめたものです。

文字の用意・アウトライン化・複製・線幅の設定は、筆者がスクリプトで同じ状態を作りました。

ラフのダイアログ、ブレンドパネル、整列パネルは、Illustrator 2026の画面で操作して撮っています。

書体は動画の書体名がわからなかったため、近い太さの明朝体を使いました。

ラフ効果は毎回ランダムに線が乱れるので、仕上がりの線の形はお手本と同じにはなりません。

参考：タマケン「【Illustrator】イラレでラフな線を重ねた文字デザインを作る方法」（YouTube）。

手順と数値は動画を参考にし、画面と作例は筆者が作り直したものです。