illustration

発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする方法


みなさん、こんにちは!mayukouです!
先日アップしたブログに、Photoshopの画像をIllustratorのパスにする方法を書きましたが、
もっと簡単な方法を発見してしまいました!…なのでご紹介したいと思います。

またまたこんなことも知らなかったの?的な感じですが
記事にしたいと思います。

スポンサードリンク

1.イラストを用意する

手描きのイラストもしくはPhotoshopのイラストを準備します。
このとき、できるだけイラストの線ははっきりしたものにしておきましょう。
また、紙は真っ白で汚れてないものが好ましいです。

うっすらでも汚れなどがあると、
反映されてしまいますので・・・

 

2.イラストをIllustratorで開く

イラストをIllustratorで開きましょう。
そして、イラストを選択します。

76-illust

3.上のバーの画像トレース部分からシルエットを選択

75-menubar

77-illust

イラストを選択すると、上に画像トレースのメニューが出てきます。

画像トレース機能の中にある、シルエットをクリックしましょう!!

そうすると、ご覧の通り、ベクター化されます。
そして、拡張ボタンを押せば、
パスに変換されて、編集が可能になります。

なんとまあ、こんなに簡単なんです!これまでやってたのは、なんだったのでしょうか。

79-menubar

 

78-chamomille

 

80-path

 

グループ解除して、色をつけてみましょう。

こんな感じにもなります。

81-illust

最後に

いかがでしたか?より簡単にイラストをパス(ベクター)にする方法を
ご紹介しました。
ぜひ、ご活用ください!

追記

さらに細かくベクターにできる方法がわかりました!
スキャンした画像をIllustratorでベクターにする方法2 (追記)

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。口下手ですが、webデザインのお仕事を始めてなんとか約5年が経ちました。続けられているのが不思議です。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Photoshop

    ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法

    みなさん、こんにちはmayukouです。今回は、ランディングページ…

  2. デザイン

    スターバックスに学ぶブランディング:デザインコンセプトとは

    みなさんこんにちは、mayukouです。最近、webデザインの…

  3. Photoshop

    表現の幅が広がる!photoshopのパスでラインを引く方法

    味のあるイラストを描きたい時に。Illustratorでラインを描…

  4. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜

    みなさんこんにちは、mayukouです。あっという間に土曜の半日が…

  5. illustration

    photoshopでモコモコの線を描くには?

    こんにちは。mayukouです。今回は、photoshopでモ…

  6. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法

    みなさんこんにちは、mayukouです。今回は、アピアランスに関す…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. 現像で素人感からプロっぽく!Macの写真アプリが素敵
  2. 売り上げ不振の悩みを解決!「どうすれば売れるのか」を読んで
  3. 購入して半年♪iPad Proで描いたイラストをご紹介。(主…
  4. ブロガーの味方?高級コンデジ、Panasonic LX9を買…
  5. デザインが成功するテンプレがここに。「なるほどデザイン」を読…

facebook更新中!

  1. Photoshop

    ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法
  2. CSSフレームワーク

    簡単にBootstrapで!100%表示のレスポンシブ対応のカルーセルスライダー…
  3. ブログ

    [書評]サラリーマンだけが知らない好きなことだけ食っていくための29の方法
  4. Photoshop

    いい味が出る!リアルな水彩画風タッチに最適なPhotoshopのブラシ(有料)
  5. Web Design

    丸からスライドして出てくる検索ボックスの作り方
PAGE TOP