基本操作

【Photoshop】線の使い方と種類【新人デザイナー向け】

Photoshopの線の使い方が知りたい。
種類が色々あるみたいだけどどうやって扱えば良いのだろう…。

Photoshopの線の種類や使い方について詳しく知りたいです。

こういった疑問に答えるよ!

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

目次

  • Photoshopの線の使い方
  • Photoshopの線の種類
Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

Photoshopの線の使い方

  • ブラシで線を引く
  • 図形で線を引く
  • パスで線を引く

線の引き方はこんな感じ。
順番に見て行こう!

ブラシで線を引く

ツールバーの「ブラシツール」を選択!


メニューバーの「ウィンドウ」から「ブラシ」と「ブラシ設定」を選択!

好きなブラシを選択!
今回は汎用ブラシの「ハード円ブラシ」を選択!


ブラシの細かい設定をするよ!
今回はブラシ設定を直径10px、硬さ100%、間隔1%として進めるよ!


レイヤーパネルの右下のアイコンを選択しレイヤーを作成!

レイヤーが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

レイヤーが追加されたね!

ツールバーの下の方にある描画色をクリック!


カラーピッカーが表示されるので、好きな色を選択!
今回は「#00d8ff」としてOK!

これでブラシの色を選択することができたよ!
では実際にさっき作ったレイヤーを選択した状態で線を引いていこう!

  • フリーハンドで線を引く
  • 直線を引く

線の引き方はこんな感じ。
順番に見て行こう!

フリーハンドで線を引く

クリックしながらマウスを動かすことで、フリーハンドで描画できるよ!

直線を引く

Shiftを押しながらドラッグすることで、直線を引くことができるよ!

図形で線を引く

線は図形ツールを使って引くこともできるよ!


ツールバー長方形ツールを選択!


ワークスペース上でクリックして長方形を作成するよ、今回は幅300px、高さ300pxとしてOK!


プロパティから線をクリック!

プロパティが表示されていない人はメニューバーの「ウィンドウ」から「プロパティ」を選択!

【Photoshop】 ワークスペースの使い方【新人デザイナー向け】ワークスペースってなんだろう? 自分の好きにカスタマイズとか出来るのかな? ワークスペースの保存方法はどうやってやるんだろう? こういった疑問に答えるよ!...


右下のアイコンをクリック!


カラーピッカーが表示されるので、好きな色を選択!
今回は「#00d8ff」としてOK!


塗りを選択!

一番左の塗りなしのアイコンを選択!

図形で線を引くことができたね!

パスで線を引く


ツールバーペンツールを選択!

オプションバーからシェイプを選択して塗りを選択!

塗りなしを選択!

ペンツールで線を描画することができたね!

Photoshopの線の種類

  • 実線
  • 破線
  • 点線

線の種類はこんな感じ。
順番に見て行こう!

この線の種類は図形ペンツールを使ってシェイプで線を引く場合のみ!
ブラシツールで線を引く場合はブラシの種類を変更するよ!

実線


ペンツール図形ツールを選択している状態でオプションバーの線の横にある線のアイコンを選択して、一番上の実線を選択!

破線


ペンツール図形ツールを選択している状態でオプションバーの線の横にある線のアイコンを選択して、中央の破線を選択!

点線


ペンツール図形ツールを選択している状態でオプションバーの線の横にある線のアイコンを選択して、一番下の点線を選択!

線のオプション

  • 整列
  • 線端

線のオプションはこんな感じ。
順番に見て行こう!

オプションバーの線の横にある線のアイコンを選択して「詳細オプション」を選択!

整列

  • 内側
  • 中央
  • 外側

整列の種類はこんな感じ。

内側


整列から内側を選択!


内側はパスに対して内側に線が発生するよ!

中央

整列から中央を選択!


中央はパスを中央にして線が発生するよ!

外側

整列から外側を選択!


外側はパスに対して外側に線が発生するよ!

線端

  • 線端なし
  • 丸型線端
  • 角型線端

線端の種類はこんな感じ。

線端なし

線端から線端なしを選択します。


線端なしは線端がないよ!

丸型線端

線端から丸型線端を選択!


丸型線端は線端が丸型になるよ!

角型線端

線端から角型線端を選択!


角型線端は線端が角型になるよ!

  • マイター
  • ラウンド
  • ベベル

角の種類はこんな感じ。
それぞれ順番に解説するよ!

マイター

角からマイターを選択!

マイターは角が角ばるよ!

ラウンド

角からラウンドを選択!

ラウンドは角が丸くなるよ!

ベベル

角からベベルを選択!

ベベルは角がへこむよ!

Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

COMMENT

メールアドレスが公開されることはありません。