2019年10月に読んだWeb・デザイン関連の本2019年11月に読んだWeb・デザイン関連の本Webサイト制作やデザインのオンライン講座、WordPressのテーマ、名刺印刷などに使える、Webクリエイターボックス限定のWeb制作に関する最新情報やWebクリエイターボックスからのお知らせ等を配信中！ 鉛筆で描いたような手書き風のデザインいつも楕円形ツールやペンツール等で図形を描いていると、手書き風の温かみのある表現がしてみたい時があります。そんな時は、効果「ラフ」や、「ブラシツール」がとても簡単で、便利です。今回は、手書き風ののデザイン ヒマラヤで力強く生きる女性達によるハンドメイドブランド「ヒマラヤン・ブルームズ」から届いた特別なコットントートバッグ。© 2020
12 Free Wax Crayon Effect Brushes for Adobe Illustrator. IIllustrator（イラストレーター）でやわらかい手書き風の図形を簡単に描く方法をご紹介します。使うのは「ラフ」だけ。おすすめの設定順もご紹介します。喫茶店のメニュー、マルシェの看板、イベントのポスターなどなど、使い道はたくさんです。
ここ数年のデザイントレンド「手書き風フォント」「手書き文字」「ゆるいイラスト」。Adobeフォント（Typekit）やフリーフォントを使う方法もありますが、もう少しリアルな手書き文字を作りたいことってありますよね。たとえばペンタブを使ってまずは手書きフォントを探して、いいものがなければ自分で描く。これが一番いい方法かなと思います。目次日本語の手書きフォントはあまり種類がないですが、英語ならたくさんあります。英語の手書き文字のフリーフォントをお探しならdafont以外にもフリーフォントの有名サイトはたくさんあります。手書き風と言っても色んな種類のテイストがあるので、イラストレーターには、画像を自動でトレースしてくれる便利な「画像トレース」機能があります。リアルな手書き風文字を作るなら、紙にサインペンで書いた文字をトレースしてオブジェクト化してしまいましょう。自分で書いた文字のラフ感を残したまま印刷データに起こすことで、手ブレのあるリアルな手書き文字が作れます。トレースに使うサインペンは黒色の中太くらいがおすすめですが、仕上がりイメージの太さで作る方が後の作業が楽です。コントラストが大事なので、なるべく真っ白の紙を用意し、ペンで文字を書きます。書いた文字をスマホカメラなどで撮影し、画像データに変換します。なるべく真上から垂直に、明るい場所で撮影しましょう。少し暗くなったなと思ったら、Photoshopなどの画像補正機能で明るさレベルを上げると大丈夫です。文字だけをくっきりトレースするため、なるべくコントラストは強めにしておきます。（黒と白の境目をしっかり出す）撮影した画像をAirDropなどでPCへ送り、イラストレーターを立ち上げ、画像をアートボードに配置します。（画像の配置はドラッグ&ドロップでOK）画面上はこんな感じです。結構暗めですが、今のイラストレーターの性能は上がっているので、このくらいのコントラストでもきちんと認識してくれました。配置した画像を選択ツールで選択すると、上のコントロールバーに「画像トレース」というボタンが現れます。（なければ「ウインドウ > 画像トレース」で呼び出す）「画像トレース」ボタンを押すと、まずはデフォルトのモノクロ二階調に分けられます。この時点ではまだオブジェクト化されていません。トレース後の細かい設定は、コントロールバーの「プリセット」もしくは「画像トレースパネル」から設定できます。トレース後は文字と余白の部分も残るのですが、文字だけを残したい場合は「ホワイトを無視」にチェックを入れればOK。トレースした文字はパスの数が多くなりがちなので、ここでパスを少なく設定することもできますし、後から「パスの単純化」で少なくすることもできます。（パスが少ない方がデータは軽くなる）設定がOKなら、トレースした画像をオブジェクト（パス）化します。トレース結果の右横にある「拡張」ボタンをクリックして、白い部分と黒い部分を分離させます。拡張ボタンを押すと、トレースした画像がパスになります。これで画像の文字がオブジェクトに変換されました。「ホワイトを無視」にチェックが入っていると文字だけが残りますが、デフォルト設定では上の画像のように黒塗りの部分と白塗りの部分に分かれてトレースされます。デフォルトで残った白い余白部分は、自動選択ツールを使って一気に消すことができます。自動選択ツールは、ツールバーにあるキラキラした棒のようなアイコンです。ツールバーにない場合は、選択ツールやダイレクト選択ツールの後ろに隠れていることもあるので、アイコンを長押しして探してみましょう。※それでもなければツールバーの一番下にある「ツールバーを編集」アイコンをクリックし、呼び出しましょう。自動選択ツールアイコンを選択した状態で、白色の部分（どこでもOK）をクリックすると、白色の塗りオブジェクトが全選択されます。違う色が混じっていないか確認するため、左のカラーパネルでチェックします。左側の塗りパネルが白色で表示されていれば大丈夫ですが、ここに違う色が混ざっていると「？」マークに変わっています。白だけを選択できていたら、そのまま削除キーで消してしまいます。これで文字だけが残りました。イラストのトレースなどでは塗りの部分も活用したりするので、この自動選択ツールは重宝します。色分けしたいときに自動選択ツールを使ってグループ分けしていくんですね。同時にレイヤー分けも。画像をトレースした後、思ったより輪郭のパス（アンカーポイント）が多くてギザつきが目立つ時があります。そんなときは「パスの単純化」ツールを使い、パスの数を減らして滑らかにします。パスの単純化は「オブジェクト > パス > 単純化」から設定できます。文字がオブジェクトに変わったので、ここからは自分の好きなように調整していきましょう。色はカラーパレットで自由に変えることができます。例えばショッキングピンクにするとこんな感じ。トレース後は文字がグループ化されているので、文字の間隔を調整したい場合や、個々に変形したい場合はグループを解除してから作業をします。（グループ化の解除「command + shift + G」）文字の太さを変える場合、線を追加して太らせてもいいですが、綺麗な太文字を作ろうと思うなら「パスのオフセット」機能を使います。オフセットとは、オブジェクトの外側や内側に肉付けをする機能です。文字を選択した状態で、メニュー「オブジェクト > パス > パスのオフセット」へ移動します。次に、オフセットのオプション設定画面が現れるので、ここでオフセットの数値を変えて太さを調整します。1mmにすればオブジェクトの外側に1mm分太り、-1mmにすればオブジェクトの内側に1mm細くなります。オフセットのいいところは、元のオブジェクトを残したままオフセット後のオブジェクトが追加されること。失敗しても消せばいいので、結構便利に使えます。蛍光ペンや水性マーカーで書いたような透け感を出したい場合は、透明効果の「乗算」を使います。乗算とは、下の背景に馴染ませるために色を染み込ませる（乗じる）機能なので、透明フィルムの重なりや、テープを貼ったような質感なども作ることができます。乗算は透明パレットから選ぶことができます。（メニュー「ウインドウ > 透明 > 乗算」）乗算されているのがわかりやすいように、背景を多色のボーダーにしてみました。乗算した文字が後ろの背景の色の影響を受けているのが確認できると思います。透明にすると白いかすみが残りますが、乗算にすると色が重なります。応用すれば、セロテープで貼ったようなデザインも「グラデーション＋乗算＋透過」で作ることができます。イラストレーターの機能を使えば、少しの知恵で色んな表現ができるようになります。問題は作り方と組み立て方。自分が作りたいイラストやデザインは、どの機能を使えば綺麗に早く作れるのかを考えながら作業をすると、どんなデザインでも素早く作れるようになりますよ。オートトレース機能もそうですが、イラストレーターにはマイナーだけど覚えておくと便利な機能もたくさんあります。イラストレーターを使いこなしたい方のために、覚えておくと便利な機能や情報をまとめた記事を作ってみたので、色んな機能がありすぎてよくわからないという方はぜひご覧くださいね。
IIllustrator（イラストレーター）でやわらかい手書き風の図形を簡単に描く方法をご紹介します。使うのは「ラフ」だけ。おすすめの設定順もご紹介します。喫茶店のメニュー、マルシェの看板、イベントのポスターなどなど、使い道はたくさんです。
ダークモードベクター形式で描かれたイラストは、拡大・縮小しても画像が劣化せず、編集もらくちん。なので多くのイラストはベクター形式を採用しています。Illustratorではベクター形式のイラストを手描き風タッチにすることも可能ですよ。久しぶりにIllustratorでがっつりイラストを描く機会があったので、手描き風イラストの作成方法を紹介します！Illustratorに苦手意識を持っている方もいるでしょう。その多くの方が「Illustratorはペンツールでベジエ曲線を使いこなさなきゃいけない」と思っているからではないでしょうか？ベジエ曲線では、紙にペンで描くようにマウスの軌跡にそって線を引くのではなく、点と点をつないで線を描いていきます。次の点を描画する時にドラッグすることで方向線が現れ、線に角度をつけられます。Illustratorでイラストを描く時は、必ずしもこのベジエ曲線を使わなきゃいけないわけではありません。もちろん、使えたほうが描画が楽だったり、パスを簡略化できます。ただ、フリーハンドでも十分Illustratorの良さを実感できると思いますよ。特に手描き風イラストの場合はフリーハンドの方が描きやすいかもしれませんね。そこで活躍するのがペイントブラシツールと塗ブラシツールです。ブラシツールを使って好みのラインを自由に描けます。塗りつぶしの部分も、塗りブラシツールでドラッグするだけ！使い方はペイントブラシツールと同じですが、こちらでは描いた箇所が線ではなく「塗り」として作成されます。塗り残しには注意しましょう。さて、ここでようやく本題です。できあがったイラストにほんの少し手を加えて、手描きっぽく変えてみましょう。上部メニューから効果→パスの変形→ラフを選択。ポイントを「丸く」にして、サイズや詳細の値を調整してみてください！線の太さが均一だと、どこか無機質なイメージになってしまいますね。強弱をつけることさらに手描き感アップ！線パレットの「プロファイル」欄から好みのものを選択しましょう。この例では上から二番目のものを使っています。上記のラフ効果と合わせてみてもおもしろいですよ。さらに線の太さの微調整をしたい時はシェイプ形成ツールが使えます。線の上の太くしたいところや細くしたいところをクリック。ポイントが作成されるので、そこをドラッグすればOK！インクペンや鉛筆、水彩画風など、いろんな表情を持ったブラシで描画しましょう。ブラシによっては一筆書きのように一気に描画するのではなく、少しずつ描いていった方が美しく仕上がることもありますよ。塗りの部分にも使ってみるのもいいですね。記事後半で使い勝手のいいブラシを紹介します！水彩画でよく見られるふちの絵の具だまりのような表現もできます。メニューの効果→スタイライズ→光彩（内側）でオブジェクトの周囲に色をプラスしましょう。塗りの部分にブラシなどでざらざら感を加えておくとより美しく仕上がります。Illustratorではもともと様々な種類のブラシが用意されていますが、無料配布されているブラシを使うとより多くの表現が可能になります。ライセンスを確認し、利用してみてくださいね！2020年にはiPadでIllustratorのアプリが登場するそうですね。今から楽しみです！ Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。
恐れ入ります。ブックマークはプレミアム会員様専用の機能です。イラストをダウンロードするには会員登録後、※素材を「まとめてダウンロード」すると ZIP で圧縮されています。解凍ソフトがインストールされていない場合は、インストール後ダウンロードしてください。ポップな描き文字 セール・バーゲン手描きマークとふきだしポップな描き文字立て看板・スタンド看板の素材集マーカー描き風ふきだし手書き風地図素材セット02小さめラベル素材文房具 落書き風手書き風地図素材セット手描き風素材集 矢印ペン画風装飾素材セットふきだし 手描き風写真ACでの検索結果（グループサイトが開きます) シルエットACでの検索結果（グループサイトが開きます) このイラスト「 イラストACには、 たくさんのイラストレーターの方から投稿されたフリーイラスト素材・画像を掲載しております。このページのフリーイラスト素材・画像が気に入ったら、オリジナルイラストの作成を依頼したい場合は、「素材をダウンロードできるまで詳しくはこのボタンをクリック！＞＞詳しくはこのボタンをクリック！＞＞「プレミアム素材」をダウンロードするには、プレミアムサービスの登録が必要です。送信が完了しました。貴重なご意見をありがとうございました！あなたの言語で検索できます。フレーズで検索する場合は、単語を「+」でつなぎます。無料でお試し検索が「本日あと5回」できます。検索を実行しますか?検索はプレミアム会員様専用機能です。プレミアム会員になって、今すぐ検索回数の制限を解除するには?プレミアム会員様限定の機能です。買物カゴに素材を入れるようにこのフォルダに素材をどんどん入れてまとめてダウンロードしましょう! 線は鉛筆系・クレヨン系・水彩筆系になります。あなたのロゴもいれます！カラー・モノクロどちらでもOKです！illustratorで地図をつくります。★ai、pdf、jpgなど複数ファイルに納品対応します。【ご留意ください】知的財産について_こちらのサービスは依頼者様の使用に限らせていただきます。 無料で使える手描き風Illustratorブラシ . カテゴリータグ関連記事 Webデザイナー+WebデベロッパーのManaです。日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。さらに詳しく知りたいという方は 2018.5.9. イラストレーターで作ったイラストはエッジがシャープでパキッとした雰囲気になりがちですが、「線」にクレヨン風の手描き感を加えて、やわらかい印象にすることができます。 ããããããã ããï¼ © 2020 ã¢ã¼ãã³ãã¶ã¤ã³ç 究æãAll rights reserved. 手書き風（てがきふう）フォントは、名前の通り手書きのような書体のこと。こどもが書いたような文字や、女の子が書いたような文字などがあります。こちらのページでは、手書きっぽいフリーフォントがみつかります。 Illustratorではもともと様々な種類のブラシが用意されていますが、無料配布されているブラシを使うとより多くの表現が可能になります。ライセンスを確認し、利用してみてくださいね！ 30 Free Vintage Shading Brushes for Adobe Illustrator. イラストacは、手書き風地図素材セットイラスト（no: 770159）の無料イラスト・アート・年賀状・年賀・画像などの素材がフリー。ai・eps形式の素材も無料でダウンロードok！商用利用、編集もok。かわいいフリーイラストも豊富！ こんな風にペンがにじんだような効果も出せますし、もっと目が粗くてガクガクしたものも作れます(*´ω`*) ラフ機能の詳細. こんにちは。 今回は【商用利用可】手書き風の日本語フリーフォント55選です。 親しみや手作り感などを出したい時に手書き風の書体を使うことがありますよね。 そこで、今回は商用でも使える手書き風の日本語フリーフォントをまとめました。 【商用利用可】手書き風日本語フリーフォント たぬき油性マジック http
実際に地図を作成しながら、イラストレーターの操作を覚える講座です。操作手順は図を用い、分かり易く説明しています。また、制作の上で重要なポイントも纏めていますので、初心者から中級者まで幅広く使い方を学ぶことが出来る講座です。
Free Illustrator Brushes – Natural Sketch Doodle Lines set. ぜひご登録ください！もちろん無料です！ :)