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デザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

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

関連記事

  1. Photoshop

    Photoshopでスタンプ表現が簡単に!PSD素材で一発表現!

    こんにちは、mayukouです。最近ランニングウェアを新調して、ち…

  2. デザイン

    デザインの引き出しを増やすために!スクラップがオススメ♪

    みなさまこんにちは、mayukouです。いかがお過ごしですか?…

  3. Photoshop

    アナログにも負けない水彩画風表現を!Photoshopで混色しながら色を塗る方法

    こんにちは、mayukouです。みなさん、いかがお過ごしですか?…

  4. デザイン

    脱自己流!上手くいくデザインの手順とは。

    みなさん、こんにちはmayukouです。先日デザイナーであることの自…

  5. illustration

    インスタ映えな挿絵が描ける!ステキな水彩画イラストの描き方本に出会いました。

    みなさんこんにちは、mayukou です。イラストを可愛く書いて、イ…

  6. デザイン

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

    みなさんこんにちは、mayukouです。10月も半ばを過ぎましたが…

コメント

  • コメント (2)

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

    • ヒロかん
    • 2017年 8月 17日

    mayukouさん

    このやり方を探しておりました!!本当に簡単で感激しております。助かりました!有難うございました!!!!!

    • mayukou
      • mayukou
      • 2017年 10月 06日

      >ヒロかんさん

      はじめまして。コメントありがとうございます!
      お役に立てて、嬉しいです。
      ぜひ、ご参考にされてください。

      また遊びに、来てくださいね♪

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. レポート

    CSS nite Fukuoka vol.5行ってきました。Illustrato…
  2. デザイン

    【随時更新】クリスマス&年賀状に使えるイラスト素材を無料配布します♩
  3. CSS

    レスポンシブ対応!CSSで二重線のボーダーボックスを作る方法
  4. illustration

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

    5ステップ!photoshopで水彩画をスキャンして切り抜く方法
PAGE TOP