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. Photoshop

    Photoshopでパターンを作ろう!斜めストライプを作る方法とは?

    こんにちは、mayukouです。先日仕事でIllustratorで斜…

  2. Photoshop

    必見!Photoshopでスタンプ風のかすれた表現をする方法まとめ

    こんにちは、mayukouです。だいぶ、暖かな気候になってきて、過…

  3. Photoshop

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

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

  4. illustration

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

    みなさん、こんにちは!mayukouです!先日アップしたブログに、P…

  5. illustration

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

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

  6. Illustrator

    メリハリがつく!Illustratorでドロップキャップを作る方法

    みなさんこんにちは、mayukouです。先日、雑誌広告のデザインを担…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. Web Design

    クライアントに喜ばれる!集客用ホームページを作る手順
  2. jQuery

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

    wordpress初期化してしまいました。
  4. Web Design

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

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