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で手書き風のデザインにするチュートリアル集 | こども写真館スタジオアミュ へ返信する コメントをキャンセル

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

関連記事

ラインが美しい196種類のSVGアイコン

SPONSORED LINK 210 Free line icons, PSD, PNG, SVG, Icon Font. きれいに作られた、ラインアイコン。色もいいですね。

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

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

暗記しておく!イラレでギザギザの丸(円)を作る方法

SPONSORED LINK よく使うこのギザギザの丸(円)。 今まで何度も使ってきましたし、使い映えするので、 絶対に暗記しておきたいです。

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

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

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

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

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