この記事は3分で読めます

【Illustrator】スケッチ風テキストを作る

  • 投稿日
  • 更新日
【Illustrator】スケッチ風テキストを作る

今回はIllustratorのアピアランスを使った、スケッチ風テキストの作り方をご紹介します。

ボールペンで書いた文字や、黒板にチョークで書いたような雰囲気にすることができます。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

加工前の下準備

まず、テキストツールを使ってスケッチ風にしたいテキストを準備します。

STEP
ベースとなるテキストを追加する

フォントはゴシック体で太めのウェイトのものを使うのがオススメです。

STEP
テキストの「線」と「塗り」を消す

入力したテキストを選択して、左側か上部にあるツールから「線」と「塗り」を無しにします。

テキストの加工(アピアランスを使用)

アピアランスパネルを使って、テキストを加工していきます。

STEP
新規塗りを追加する

「アピアランスパネル」を開き新規塗りを追加します。

アピアランスパネルは、上部メニューの【ウィンドウ】→【アピアランス】を選択すると開けます。

新規塗りを追加すると、テキストが黒塗りされます。(文字色は好きな色に変更してもOKです。)

STEP
落書き効果をつける

「アピアランスパネル」で新規追加した「塗り」が選択されている状態で、新規効果(fxの部分を選択)を押します。

そして、【スタイライズ】→【落書き】を選択します。

落書きオプションで下記の画像のようにスタイルを調整していきます。

(好きな数値でOKです。文字サイズやフォントの種類によって、各数値は上下しますのでフォントサイズに合わせて調整をしてください。)

調整ができたら、【OK】をクリックします。

STEP
新規線を追加

塗りに落書きオプションを追加するだけでも、スケッチ風になりますが、線をつけることで文字の輪郭がはっきりとして読みやすくなるので、「線」の追加をしていきます。

ピアランスパネルの左端にある四角をクリックすると「新規線」が追加できます。

STEP
「線」に効果をつける

線にも効果をつけることで、よりスケッチ風のテキストにすることができます。

追加をした線が選択されたままの状態で、新規効果(fxの部分を選択)をクリックし、【パスの変形】→【ラフ】を選択してください。

下記画像のように、ラフの設定メニューが表示されたら、数値を入力していきます。

調整ができたらOKをクリックします。 (好きなように調整してください。)

これで、スケッチ風テキストの完成です!

作成した文字効果を保存しよう!

テキストごとに何度も効果設定をするのは面倒なので、今回作成したものを登録しておきましょう。

登録をしておけば、同じ効果を別のテキストに再利用することができます。

STEP
グラフィックスタイルを追加

アピアランスの隣にある【グラフィックスタイル】を選択します。

ここになければ、上部から【ウィンドウ】→【グラフィックスタイル】をクリックしてください。

作成したテキストを選択して、グラフィックスタイルのパネルにドラッグ&ドロップをします。

すると、新しくスタイルが追加されます。

STEP
 グラフィックスタイルに名前をつけて保存

グラフィックスタイルのパネルに追加した文字効果をダブルクリックすると、下記画像のように、スタイル名を設定することができます。

グラフィックスタイルパネルの下部分にあるライブラリメニューをクリックして、【グラフィックスタイルを保存】をクリックすると、登録完了です。

これで、新しいテキストにも同じ効果を使うことができます!

別テキストで同じ効果を使う場合は、新しいテキストを追加・選択をして、【グラフィックスタイルパネル】→登録したスタイルをクリックすると同じ効果が適用されます。

 

新しいテキストにも「スケッチ風テキスト」のスタイルが適用されました。

まとめ

このように簡単にスケッチ風の文字を作成することができます。

背景を黒板のようなものにして、白文字にするとチョークで文字を書いた感じにしたりと、フォントや文字色、太さなどを変えて文字をアレンジすることもできます。

デザインがなんだか物足りない時や、カジュアルな印象にしたい時などに使ってみてください。

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

デザインバウム運営局
デザインバウム運営局

企業のWeb担当者の方とWeb制作に関わる方にとって、ためになる情報を発信していきます。

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

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須