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です。みなさん、いかがお過ごしですか?…

  2. free font

    デザイン

    デザインの質が上がる!私が利用しているフリーフォントサイト

    こんにちは。mayukouです。遅くなりましたが、新年明けましてお…

  3. Illustrator

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

    みなさんこんにちは、mayukouです。デザインを作る上で、背景がシ…

  4. Illustrator

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

    こんにちは、mayukouです。九州は梅雨入りしました〜。今日は天…

  5. デザイン

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. Mac

    起きてしまった!MacOSのMarvericksの不具合
  2. iPad Pro

    今や欠かせない存在!iPad Pro “9.7を購入して、約3ヶ月が…
  3. Web Design

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

    発見!スキャンで取り込んだイラストをIllustratorで使えるベクターにする…
  5. CSSフレームワーク

    押さえておきたい!代表的なCSSフレームワークまとめ
PAGE TOP