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. デザイン

    お店の顔!仕事の幅も広がる私流ロゴデザインマニュアル

    どんな商品やお店にも必ずロゴというものが存在します。グラフィックデザ…

  2. Photoshop

    Photoshopのウィンドウを見やすく!ワークスペースを工夫してみよう

    こんにちは、mayukouです。なんだかすっきりしない天気です。九…

  3. Photoshop

    かすれや濃淡が出る!かわいい手描き感のあるブラシのご紹介♩(有料)

    皆さんこんにちは、mayukou です。以前の記事に書きました通り、…

  4. Web Design

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

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

  5. photoshopでカンプ作成

    Photoshop

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

    みなさんこんにちは、mayukouです。最近、webデザインのカンプ…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. Mac

    仕事が早く終わる!集中力を持続して生産性アップできるPomodoroのアプリがオ…
  2. CSS

    レスポンシブ対応!CSSで二重線のボーダーボックスを作る方法
  3. Web Design

    今すぐできる!HTMLメールの作り方
  4. デザイン

    スターバックスに学ぶブランディング:デザインコンセプトとは
  5. iPad Pro

    iPad Proを液タブに♫Astropad Studioはイラストレーターには…
PAGE TOP