Photoshop

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


味のあるイラストを描きたい時に。
Illustratorでラインを描くのには慣れていますが、
Photoshopでラインを引くのはどうしたらいいのだろう?
と恥ずかしながらいつも困っていて、Photoshopでラインが必要なときは、
いつもIllustratorでラインを描いたものをコピーペーストしていました。

でもPhotoshopがあることを知ったので、その方法をご紹介したいと思います。

スポンサードリンク

Photoshopでパスでラインを引く方法

1.シェイプツールかペンツールで形を描きます

35-psline1

このとき、上部メニューで「パス」が選択されていることを確認してください。

39-psline5

 

 

2.ブラシツールを選択し、描きたいブラシを選ぶ

描きたいブラシの形状と、描きたい色を描画色に設定します
今回はクレヨンで緑を選びました。

41-psline

 

3.パスレイヤーを選択

新しいレイヤーを作成します。

パスパネルのパスレイヤーを選択し、
右クリックで「パスの境界線を描く•••」を選択します

36-psline2

37-psline3

ブラシを選択します

これで描けます。photoshopのブラシはたくさんあるので、

お好みの質感のブラシで表現することができますよ♫

38-psline4

最後に

いかがでしたか?
Photoshopでも好きなブラシで自由に線が描けると
表現の幅が広がりますね!
ぜひご活用ください。

投稿者プロフィール

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

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

関連記事

  1. Illustrator

    画像のベクター化が簡単に!Adobe Capture CCがおすすめ♩その使い方をご紹介。ダウンロー…

    みなさんこんにちは、mayukouです。画像をベクター化してイラスト…

  2. Photoshop

    アナログにも負けない水彩画風表現を!Photoshopで混色しながら色を塗る方法

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

  3. Photoshop

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

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

  4. Web Design

    今流行りのロングシャドウの簡単な作り方

    フラットデザインとともに、相性が良いとしてデザインに取り入れられている…

  5. Photoshop

    画像からフォントを探してくれる!Photoshopのマッチフォントが素敵。

    みなさんこんにちは、mayukouです。「このフォント何を使っている…

  6. Web Design

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. ブログ

    明けましておめでとうございます。今年の抱負
  2. ブログ

    色々宣言!?2016年の振り返りと来年の抱負
  3. ブログ

    webデザイナー4年目!その間に身につけたスキル
  4. iPad Pro

    今や欠かせない存在!iPad Pro “9.7を購入して、約3ヶ月が…
  5. photoshopでカンプ作成

    Photoshop

    photoshop CCでデザインカンプを作成。メリットとデメリット
PAGE TOP