この記事は2分で読めます

【Illustrator】手描きイラストをパス化する方法

  • 投稿日
  • 更新日

あとで読む

【Illustrator】手描きイラストをパス化する方法

手描きのイラストをIllustratorでパス化すると、画像荒れを起こさずに拡大縮小することが出来ます。パス化することにより、WEB素材として自由なサイズにする事はもちろん、小さなサイズの名刺や大きなサイズのポスター等の印刷物にもイラストサイズを自由に対応させる事が出来ます。

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

準備

まずは手描きのイラストを用意しましょう。複雑なイラストだとパス化が上手く出来ない場合があるので、なるべくシンプルなイラストにします。

パス化がキレイに出来るように、白い紙に黒のペンを使ってはっきりしたイラストを描きましょう。

イラストはスキャナーもしくはスマホで撮影し、パソコンにデータを移します。今回は私が描いたメダカのイラストを用意しましたので、こちらのイラストで進めていきます。(メダカ・・・?)

Illustratorにイラスト画像を配置したら準備完了です。

画像のトレース

手描きイラストのパス化を行います。

元画像を残しておきたい場合は、別レイヤーに元画像をコピーして残しておきましょう。
パス化すると使用した画像は消えてしまいます。

選択ツールでイラスト画像をクリックした後、作業画面上部にある「画像トレース」をクリックします。
イラストのラインが少し滑らかな見た目に変わったのがわかるでしょうか?

次に、作業画面上部にある「拡張」をクリックします。イラスト画像のパス化が完成しました。

調整

パス化が出来ました。最後に少しだけ見た目を整えてあげます。

「ダイレクト選択ツール」で気になる箇所のアンカーを調整します。

背景(イラストの外側に残った四角いパス)もパス化されてしまっているので、削除しましょう。イラストを選択し、「オブジェクト」>「グループ解除」でグループを解除し、イラストの外側にある四角のパスを削除します。これでパスデータが完成です!

まとめ

手描きのイラストをIllustratorでパス化することによって、WEBサイトや印刷物などでマルチに活用できるデータになります。

是非、手順を覚えて活用してみて下さい!

この記事で使用したデータの
ダウンロードはこちら

利用規約 ※必ずお読みください

この記事を書いた人

Ke
Ke

webデザイナーになるべく勉強中!現在グラフィックデザインのお仕事をしています。お絵描きやものづくりなど、手を動かすことが好き。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須