初心者向け！　イラレで手描き風のイラストを簡単に作る方法

変更前

変更後

①手描き風にしたいイラストを用意しましょう。

既にイラストが用意されている方は、②へ進みます。

｢楕円形ツール｣を選択し、画面上をクリックし、マウスをドラッグしながら引っ張って円を描きます。
shiftキーを押しながらドラッグすると綺麗な正円が描けます。【図1参照】

｢はさみツール｣を選択し、円の真ん中の線（パス）をカット。
円を上下に分けます。【図2参照】

｢ダイレクト選択ツール｣を選択し、線をドラッグして引っ張ったり、線の上にある白い点を動かしたりして好きな形に変形させます。｢楕円形ツール｣や｢ペンツール｣等で目や口を追加してみると、あっというまにウサギさんです。

このままだと角張っていて硬い印象を受けるので、｢線｣パネルから｢線端｣と｢線の形状｣を丸くしておきましょう。
【図3参照】

これで、手描き風にしたいイラストの用意ができました！

②作成したイラストに効果をつけていきます。

Illustratorの画面上部にあるメニュー表示から

「効果」⇒「パスの変形」⇒「ラフ」を選択

専用のウィンドウが出てくるので、数値を調整して、もこもこした線を目指します。
「プレビュー」にチェックを入れて、効果のかかり具合を確認しながら調整しましょう。
【図4参照】

【設定】
「サイズ」→1～2px程度
「詳細」→100/inch　程度
「ポイント」→「丸く」
「OK」

③「ラフ」効果が適用されました！

線がもこもこしたのがわかりますか？
このように、少し手順を踏むだけで、作品に味を出すことが簡単にできます。【図5参照】

①編集のしやすさ

線の外形（パスのアウトライン）に直接手を加えているわけではないので、イラストの再編集が簡単に行えます。

また、効果のかかり具合を「アピアランス」パネルから調整できるのも便利です。
「アピアランス」パネルは画面右側のパネル集か、もしくは画面上部メニューバーの「ウィンドウ」メニューから探しましょう。【図6参照】

②他のオブジェクトへの適用がラク！

直近で適用した効果は、数値の設定が保存され、効果メニューの上部から何度でも適用が可能です。
あとから作成したオブジェクトにも効果がかけやすくなります。【図7参照】

①イラストが選択されているか確認しましょう。【図8参照】

②線がないオブジェクトに対し、線に効果をかけていないか確認しましょう。

「アピアランス」パネルから確認できます。【図9参照】

用意するもの

• かすれさせたい素材（「ラフ」効果は適用済みです）
• かすれ用のイラスト

①かすれ用のイラストの作成

「線」ツールで直線を引く。
引いた直線を選択した状態で、メニューから線の形を変更【図10参照】

丸筆っぽいものを選択してみました。
ちょっとかすれ感が足りないかもしれないですね……。
後から変更できるので、とりあえず進んでみましょう。

②かすれさせたい素材も用意しましょう。

ここではテキスト「USAGI」を編集していきたいと思います。
おさらいも兼ねて、「ラフ」効果は適用させておきます。【図11参照】

③オブジェクトを重ねる

かすれさせたい素材（今回は「USAGI」）の上にかすれ用のイラストを乗せます。【図12参照】

④「透明」パネルの表示

「透明」パネルを表示させます。

「透明」パネルは画面右側のパネル集か、もしくは画面上部メニューバーの「ウィンドウ」メニューから探しましょう。
このときに、「USAGI」とかすれ用イラストは「選択ツール」で両方とも選択しておきましょう。

「透明」パネルには、選択中のものが小さく表示されます。
サムネイルというやつですね。【図13参照】

⑤透明パネルのオプションより「不透明マスクを作成」を選択【図14参照】

「まっしろになった！？」という方。
慌てずに、「透明」パネルの「クリップ」という項目を確認してください。
ここにチェックが入っている場合は、クリックしてチェックを外します。

1つ前の画像をよく見ると、「新規不透明マスクにクリッピングを適用」という項目にチェックが入っていますね……。
これが原因のようです。【図15参照】

⑥かすれ感の調整

かすれ用イラストの形に白抜きされました。
今の状態だとやはりかすれ感はないですね。
調整していきましょう！【図16参照】

「透明」パネルからかすれ用イラストの方の画像（サムネイル）をクリックすると、かすれ用イラストのみが選択されます。
「レイヤー」パネルの表示も地味に変わっていますね。
これでかすれ感の調整が行えます。【図17参照】

線の形、幅、長さを変更してみました。【図18参照】

ぐっとかすれっぽさが出てきました！【図19参照】

「不透明マスク」は、ひとつのもの（今回は「USAGI」）に対して複数適用できます。
いろいろな組み合わせを試してみましょう！【図20参照】