FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

WEBデザイン イラストレーター 手書き風

イラレで簡単に文字を「手書き風」にする方法

投稿日:2013年1月27日 更新日:

イラレで簡単に文字を「手書き風」にする方法

1分くらいで簡単に文字を「手書き風」にすることができるテクニックです。

データダウンロード

今回の制作データは下記からダウンロードできます。
(イラレのバージョンはCS5です。)
ダウンロード

CS3でもほぼ同じ方法でできます。

STEP 1

今回は、効果をわかりやすくするために
フォントは「Helvetica Neue Condensed Bold」の80pxにしています。
文字は好きな色に設定して、適当な文字を入力します。

STEP 2

文字の塗りを「なし」にします。

STEP 3

アピアランスで「新規塗りを追加」します。

STEP 4

「効果」→「スタライズ」→「落書き」を選択し、下記の値に設定します。

すると、下記のようになります。

STEP 5

アピアランスで「新規線を追加」します。

STEP 6

「手書き風」の文字の完成です。

アピアランスなので文字や色の変更も簡単です。

-WEBデザイン, イラストレーター, 手書き風

執筆者:


  1. たか より:

    はじめまして!現在、ウェブデザインを独学で勉強している「たか」といいます。

    とてもわかりやすい記事ありがとうございました。

    これだけで簡単なロゴとか作れちゃいそうですね!!いろいろとアレンジして遊んでみようと思います。これからも更新楽しみにしています^^

  2. みゅこ より:

    なにこれかわいいいいいいい!!
    感動しました!

    私はWEBデザイナー&フォトグラファーだから、イラレは苦手なんだけれど、仕事で使わなくてはいけないので助かりました。

    その他の記事も分かりやすくて大好きです。
    ありがとう~。
    これからもがんばってください!

    文章がとても分かりやすいので、いつか本を出してほしいですね。

comment

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

関連記事

イラレで台形を作る方法

台形を作るときに、毎回迷うので記憶するためにメモ。

イラレでの波線の描き方

線を引く 「直線ツール」で線を引きます。 「効果」>「パスの変形」>「ジグザグ」 「効果」>「パスの変形」>「ジグザグ」を選択します。 大きさや、折り返しで、調整できます。 線の太さや波線などの設定次 …

ボックスと余白の計算が楽になる「Gridulator」

デザインをやっていて、写真を並べたいときボックスと余白の計算が面倒だったりしませんか? そんな時に便利なサイトが「Gridulator」です。 Gridulator: Make pixel grids …

私のWebデザインする場合の制作環境

私の自宅での制作環境を紹介します。 私は、Webデザインのみで、印刷物のデザインはしません。今のところ、この制作環境で問題は感じていません。 自宅で勉強する場合にどのくらいのスペックマシンを購入すれば …

バナーをデザインする時に役立つまとめ・記事10選

新人がデザインの業務で頼まれることが多いのばバナー。 小さいので簡単と思われるけど、実はかなり難しく意外と制作に時間がかかるのがバナー。 小さいけど、奥が深いのがバナー。 そんなバナーを作るコツがわか …

プロフィール

KIYOTA
KIYOTA
Webデザイナー / ウェブ解析士
デザインとコーディングと制作現場が大好きなWebデザイナー(Webデザイナー歴13年)
コーポレートサイトを中心に、官公庁・公共施設・メディア・商業施設・不動産など多岐のジャンルのWebサイトを数百件制作。
モットーは「Speed & Quality」。
広範囲な知識・技術・経験を活かした素早い制作が得意。 WACA上級ウェブ解析士。