Photoshop

イラストをスタンプにしよう!描いたイラストをphotoshopのカスタムシェイプにするプラグイン


みなさんこんにちは、mayukouです。
神速Photoshopなんていう本も出ていますし、
Photoshopでカンプ制作も場合によっては
必要かもしれないと感じている今日この頃です。
もっぱらイラレ派ですが…。

さて、今回は、pixel2vectorというプラグインで
自分で描いたイラストをPhotoshopで使えるカスタムシェイプに変換する方法をご紹介します。

スポンサードリンク

1.Pixel2vectorをPhotoshopにインストール

この流れは、
https://web-design-cafe.com/archives/703
にてご紹介しています。

2.Photoshopでイラストを開く

インストールを終えたら、

手描きかPhotoshopで描いた背景が透明のイラストを用意しましょう。
(背景が透明だと線画抽出できます。)

83-brush

3.Pixel2vectorを開く

ウィンドウ>エクステンション>pixel2vector
を選択し、pixel2vectorのパネルを表示します。

そして、イラストレイヤーを選択した状態で、
Custom Shape Toolをクリックしましょう。

84-panel

これで、カスタムシェイプに追加されていることが確認できます。

85-panel

実際に書いてみます。簡単に、大きさや色を変更できます。

86-jissai

こんな感じです。

最後に

いかがでしたか?カンプ制作に共通のイメージは、
できるだけカスタムシェイプなどを利用して
活用できるといいですね!ぜひ、お試しください!

投稿者プロフィール

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

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

関連記事

  1. Illustrator

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

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

  2. Photoshop

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

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

  3. デザイン

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

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

  4. Photoshop

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

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

  5. Photoshop

    ちょっと洒落てる!Photoshopで作る、白いシャドーが入った押したくなるボタンの簡単な作り方

    みなさんこんにちは、mayukouです。最近は暑すぎず、どちらかと…

  6. Photoshop

    点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)!

    みなさまこんにちは、mayukouです。以前の記事でphoto…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

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

  1. Illustrator

    面倒じゃない!簡単なIllustratorでシームレスなパターンの作り方
  2. jQuery

    軽量のスクリプトで簡単に!レスポンシブメニューを実装できるResponsive …
  3. Photoshop

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

    Adobe CCを導入しました。使ってみて感じたメリットとデメリットとは?
  5. Web Design

    CSS nite in FUKUOKA vol.6に行ってきました。
PAGE TOP