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のブラシで写真を手描き風にする方法

    みなさんこんにちは、mayukouです。今回は、Photoshop…

  2. デザイン

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

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

  3. Illustrator

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

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

  4. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

  5. Web Design

    今後のデザインのトレンドとして注目!コンテンツファーストのサイトをまとめてみた

    みなさんこんにちは、mayukouです。ウェブデザインのトレンドであ…

  6. Photoshop

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

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

コメント

  • コメント (2)

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

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

    mayukouさん

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

    • mayukou
      • mayukou
      • 2017年 10月 06日

      >ヒロかんさん

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

  1. photoshopでカンプ作成

instagramもやっています

facebook更新中!

スポンサー

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

  1. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法
  2. Web Design

    メニューアイコンに最適!webフォント、Font Awesomeの簡単な使い方
  3. レポート

    CSS nite Fukuoka vol.5行ってきました。Illustrato…
  4. Web Design

    WordPressでポートフォリオサイトをリニューアルしました。wordpres…
  5. CSS

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