Web制作、Webサービスに関する技術やノウハウを発信するコラムサイト

【Illustrator】手書きのスキャン画像をパスデータにする

  • このエントリーをはてなブックマークに追加

Illustratorの「画像トレース」という機能を使用すれば、パスデータを作成することができます。
簡単に使えるので、ぜひロゴやイラストを作る時に活用してください。

「画像トレース」機能の使い方

画像トレースパネルを開く

まず、メニューから画像トレースパネルを開きます。
[ウィンドウ]>[画像トレース]


スキャンしたデータをトレースする

スキャンしたデータをIllustratorで画像オブジェクトとして開きます。
配置した画像を選択ツールで選択すると、画像トレースパネルがアクティブの状態になります。

パネルの[トレース]にチェックを入れます。

画像がトレースされました。
結果を確認しながら、[しきい値]を増減させて、微調整します。カラーでトレースしたい場合は、カラーモードを変更してください。

調整ができたら[拡張]を押すと、画像がパスデータになります。


不要な部分を削除する

画像トレースは、余白の部分もパスになるため、不要な部分を選択して、削除します。(画像では分かりやすいようにグレーにしました)

これで完成です。
パスデータなので、色なども自由に編集できます。

コントラストのハッキリした画像などは、ワンクリックで簡単にトレースすることができます。
とっても便利ですね。


YoutubeChannelのご紹介

同様の内容を、動画でご覧になれます。

https://youtu.be/98RX0YS4DDc


執筆者:森島 [ WEBデザイナー ]

8bit デザイナーです。 デザイン・マークアップ・映像制作など幅広く担当しています。

関連記事

マークアップ

SharePoint クラシックUIの通知機能をPower Automateで再現する

SharePoint サイトをモダンUIへ移行すると、よく耳にするのが「クラシックUIにあった通知機能を使いたい」という声です。しかし、モダンUIにはクラシック時代のような「標準の通知機能」が用意されていません。 そこで活躍するのが「Power Automate」です。クラシック通知の代わりとして、リストの変更を自動で検知し、メールで知らせる仕組みを簡単に構築できます。 本記事では、クラシックUIの通知に近い形で、Power Automate を使ったメール通知フローを作成す […]

Webサイト制作

制作会社が考える、WordPressとオリジナルCMSの選定ポイント

弊社では「WordPress」を使った制作と、弊社のオリジナルCMSツール「ProG(プログ)」を使った制作の、いずれについても多くのご相談をいただいています。 それぞれにメリットがある一方で、運用時に気を付けるべき点もあり、サイトの目的や運用方法によって向き・不向きがあります。 この記事ではそれぞれの特徴を整理しながら、WordPressとオリジナルCMSを併用できるケースについてもご紹介します! 目次1 WordPressを使用するメリット1.1 多機能で自由度が高い1. […]

WordPress

本当に使う機能だけを残した、シンプルなWordPressのSEOプラグインを作成しました

WordPressでSEO周りの設定が簡単にできる、SEOプラグイン。 SEO対策には便利ですが、設定項目が多すぎて「どこを触ればいいのか分からない」と感じることはないでしょうか? そこで今回、社内の案件用にシンプルなSEOプラグインを作成してみました。 『最低限の設定のみでシンプルに』というのが今回のテーマです。 今回の記事では「どんな考え方で設計したのか」といった、制作背景などを紹介していきます。 ※本記事ではコードの全公開やダウンロードは行いません 追記:無事リリースで […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。