Photoshop

便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する方法!


みなさんこんにちは、mayukouです。
今回は、Photoshopで描いた絵をパスにするプラグインとその方法をご紹介します。
この使い方を知るまでは、Photoshopで描いたイラストをIllustratorで描き直してたりしましたから

時間が短縮できて効率もアップしそうです!

では、行ってみましょう!

スポンサードリンク

公式サイトからダウンロードしてプラグインをインストール!

ダウンロードサイト

64-pixel2vector

 

 

ここへアクセスして、Pixel2Vectorを見つけたら、
ダウンロードボタンをクリック★
画面が出てきますので、Free Downloadをクリックしてダウンロード開始します。

 

65-pixel2vector

 

ダウンロードできたら、
自分のPhotoshopのバージョンにあったファイルをダブルクリックして
開きましょう。

Adobe Extension Managerが開いたら、
承諾、OKボタンを押して、インストールは完了です。

Photoshopで開いたイラストを準備します

66-senga

透明レイヤーに、ブラシで描いたもの、
もしくは、線抽出した手書きのイラストを用意します。
手描きのイラストの抽出方法については、こちらをご覧ください。
https://web-design-cafe.com/archives/554

※背景が白などではなく、透明であることがポイントです。

また線も濃くないと認識しませんのでご注意ください。

 

ウィンドウ>エクステンション>pixel2vectorを選択

 

pixel2vectorパレットが出てきますので、
イラストレイヤーを選択した状態で、
下のVector Shapeをクリック

67-pallet

新しくパスとレイヤーができます。

68-vector

 

 

ファイル>書き出し>Illustratorへのパスを書き出し…

をクリックします。

69-layer

新しくできたレイヤーを選択してOKを押して名前を付けて保存します。

 

Illustratorで開いてみよう

Illustratorで保存したファイルを開きます。

70-blank

ここからは、私流のやり方です。

一見何もないように見えますが、
全選択するとパスが見えますね。

71-pas

ラインはパスになったものの、
色の塗った部分と透明の部分の認識はされていませんので、
あとは、自分でパスファインダーでシコシコとラインを出します。

72-pathfind

73-complete

そして完成です!

最後に

いかがでしたか?Photoshopの絵をIllustratorに書き出すプラグイン&方法をご紹介しました。
ぜひ、試されてください。

 

追記

2015.2.14の記事にて、もっと簡単な方法をご紹介していますので、そちらもご参照ください。

投稿者プロフィール

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

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

関連記事

  1. Illustrator

    簡単!Illustratorで写真の淵をぼかす方法

    みなさんこんにちは、mayukouです。まだまだ梅雨の時期ですが、…

  2. Illustrator

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

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

  3. Illustrator

    ロゴやイラストに!Illustratorでかすれ表現をする方法!

    みなさんこんにちは、mayukouです。当ブログでよく読まれている記…

  4. Illustrator

    自分で作れると便利!illustratorでチェック柄を描く方法

    みなさんこんにちは、mayukouです。※熊本・大分で地震の被害に…

  5. Photoshop

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

    こんにちは、mayukouです!今日は水彩画に最適なPhotosh…

  6. illustration

    簡単!Illustratorでキラキラ星を作る方法

    みなさんこんにちは。mayukouです。だいぶ秋らしくなってきまし…

コメント

  • コメント (1)

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

  1. mayukou
    • mayumi
    • 2015年 2月 14日

    test

CAPTCHA


スポンサー

instagramもやっています

最近の記事

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

facebook更新中!

  1. グッズ

    第二の脳になる?Kindle Paperwhite wifiを一週間使ってみての…
  2. 日記

    wordpressでコーギーブログ始めました♫
  3. Illustrator

    ロゴやイラストに!Illustratorでかすれ表現をする方法!
  4. ブログ

    webの最新情報を学べた!webデザインセミナー「CSS nite fukuok…
  5. Illustrator

    webデザインのトレンド!文字によって変形するゴーストボタンをイラレで作る方法
PAGE TOP