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

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

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

初心者でもできるIllustrator /イラストレーターでイラストを作る練習14【手書き風文字を作る】 │ 忘却探検隊 へ返信する コメントをキャンセル

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

関連記事

フリーの450個のアウトラインのアイコンセット

SPONSORED LINK FREE DOWNLOAD: 450 OUTLINE ICONS 丸みを帯びたラインのアイコンの紹介です。 450種類もあり、よく使う家やドキュメントなどだけでなく、通 …

レスポンシブWebデザインを制作して困ったことの解決方法

SPONSORED LINK まだレスポンシブの案件が少なく、 知識もスキルもまだまだなのですが、 いくつか作ってみて、困ったことの解決方法です。 もくじ Javascriptを使った場合の端末ごとの …

美しくデザインされたECサイトのPSD「Elton UI Kit」

SPONSORED LINK Elton UI Kit 他のデザイナーのデザインデータをみると、作り方がわかるので勉強になります。 「Elton UI Kit」で、 ECサイトのデザインのPSDファイ …

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

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

もう間に合わないとは言わない。新人に教えるスケジュールを守るコツ。

SPONSORED LINK デザインやコーディング、プログラムができても、仕事ができないと評価される人がいます。

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