FEVDES BLOG

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

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

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

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

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

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

SPONSORED LINK

データダウンロード

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

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

STEP 1

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

STEP 2

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

STEP 3

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

STEP 4

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

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

STEP 5

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

STEP 6

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

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

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

執筆者:


  1. たか より:

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

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

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

  2. みゅこ より:

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

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

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

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

comment

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

関連記事

素早く確実にWEBデザインをするための手順

SPONSORED LINK 新人から「どうやってデザインをしていいか、わからない」という声をよく聞きます。 私も新人の頃、他にデザイナーがいなかったので、 どのような手順でデザインすればいいか、わか …

デザインのインスピレーションを受けるためのサイト集

SPONSORED LINK デザインをずっとやっていると、インプットが足りなくて、アウトプットが疲労状態にあることがあります。 脳が刺激を受けると、新しいアイデアが浮かんでくるものです。 インスピレ …

イラレでの波線の描き方

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

美しいモノトーンベースのWEBデザインまとめ

SPONSORED LINK モノトーンはシンプルなだけに、写真などの素材のよさが際立ちます。 CHANCE MAKER CHANCE MAKER ハロルド official web site ハロル …

イラレのグラデーションの色をスポイトツールで変更する方法

SPONSORED LINK まわりに聞いてみると意外と知らないようでした。 確かにわかりづらいようですので、まとめてみました。

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