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. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜

    みなさんこんにちは、mayukouです。あっという間に土曜の半日が…

  2. Photoshop

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

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

  3. Photoshop

    あっという間に!Photoshopのブラシで写真を手描き風にする方法

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

  4. free font

    デザイン

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

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

  5. Photoshop

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

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

  6. デザイン

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

    みなさんこんにちは、mayukouです。Adobe CCが登場して、…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. ブログ

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

    デザイン

    Indesignを使って、冊子を作りました!
  3. デザイン

    webデザインのトレンドを取り入れよう!デザインの参考になるリソース 〜日本編〜…
  4. iPad Pro

    iPad Proを液タブに♫Astropad Studioはイラストレーターには…
  5. Web Design

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