【Photoshop】コンテンツに応じた移動ツールの使い方【新人デザイナー向け】
Creative21
NexOut
【Photoshop】長方形ツールの使い方【新人デザイナー向け】
Creative21
Photoshopの長方形ツールってどうやって使うのだろう？
サイズや色変更はどうやってやるんだろう？
こういった疑問に答えるよ！
Naoya
やぁ！みんな！元気？
デザイナーの@Naoyaです。
Youtube
※動画概要欄に目次があります
目次
- Photoshopの長方形ツールとは？
- 長方形ツールの使い方
- 長方形は角丸にできる
- 間違えたときはヒストリー
- よくある質問
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう？
使い方も分からないし、いくらかかるんだろうか、、、。
これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。
こういった疑問に答えます。...
スポンサーリンク
Contents
Photoshopの長方形ツールとは？
Photoshopの長方形ツールはツールバーにある図形ツールの一つだよ！
手軽に長方形を作ることが可能！
長方形ツールのショートカット
- U
長方形ツールのショートカットはこんな感じ。
長方形ツールの使い方
続いて長方形ツールの使い方！
- 長方形の作成
- 長方形のサイズ変更
- 長方形の削除
- 長方形の色変更
- 長方形の移動
Naoya
順番に見て行こう！
長方形の作成
まずは長方形の作成！
- クリックして作成
- ドラッグして作成
長方形の作成方法はこんな感じ！
クリックして作成
ドキュメントを作成する
まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ！
ドキュメントの作り方については下の記事を参考にしてみてね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
ツールバーから長方形ツールを選択！
長方形ツールのショートカット
- U
長方形ツールのショートカットはこんな感じ。
オプションバーからシェイプを選択！
塗りをクリック！
カラーピッカーのアイコンをクリック！
好きな色を選択、ここでは「00d3ff」としてOK！
線をクリック！
線無を選択！
ワークスペース上でクリック！
作りたい長方形のサイズを入力してOKを選択！
長方形を作ることができたね！
※長方形の移動方法についてはこの後解説
ドラッグして作成
ツールバーの長方形ツールを選択している状態で、ワークスペース上でドラッグ！
質問：正方形はどうやって作成するんですか？
Shiftを押しながらドラッグすると正方形を作れるよ！
ドラッグをしている最中に移動
ドラッグをしている最中に下記のキーを押すと作成中のサイズを保ったまま、移動ができるよ！
ドラッグ中の移動
- ドラッグ中にSpace
長方形のサイズ変更
続いて長方形のサイズ変更！
まずは何でもいいので、ドキュメントと長方形を用意するよ、今回はこのドキュメントを使っていくよ！
ドキュメントの作り方については下の記事を参考にしてみてね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
同じPSDデータを使いたい方は公式LINEで「長方形ツール」と入力するとPSDデータが届くよ！
QRコードは画面の右上にあるよ！※無料
レイヤーからサイズを変更したい長方形を選択！
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択！
メニューバーの「ウィンドウ」から「プロパティ」を選択！
好きなサイズを入力、ここでは縦横比のチェックを解除後、W=「600px」H＝「500」と入力！
こんな感じでサイズが変更できたね！
長方形の削除
続いて長方形の削除！
まずは何でもいいので、ドキュメントと長方形を用意するよ、今回はこのドキュメントを使っていくよ！
ドキュメントの作り方については下の記事を参考にしてみてね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
同じPSDデータを使いたい方は公式LINEで「長方形ツール」と入力するとPSDデータが届くよ！
QRコードは画面の右上にあるよ！※無料
レイヤーパネルから削除したい長方形を選択してゴミ箱をクリック！
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択！
長方形が削除できたね！
削除のショートカット
- BackSpace or Delete
削除のショートカットはこんな感じ。
長方形の色変更
長方形は作った後からでも色変更ができるよ！
まずは何でもいいので、ドキュメントと長方形を用意するよ、今回はこのドキュメントを使っていくよ！
ドキュメントの作り方については下の記事を参考にしてみてね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
同じPSDデータを使いたい方は公式LINEで「長方形ツール」と入力するとPSDデータが届くよ！
QRコードは画面の右上にあるよ！※無料
色を変更したいレイヤーのサムネイルをダブルクリック！
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択！
ここでは「ffffff」としてOK！
これで長方形の色が変更できたね！
長方形の移動
長方形の移動方法！
まずは何でもいいので、ドキュメントと長方形を用意するよ、今回はこのドキュメントを使っていくよ！
ドキュメントの作り方については下の記事を参考にしてみてね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
同じPSDデータを使いたい方は公式LINEで「長方形ツール」と入力するとPSDデータが届くよ！
QRコードは画面の右上にあるよ！※無料
まずはレイヤーから移動したい長方形を選択！
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択！
好きな方向にドラッグして移動できるよ！
ここでは右上にドラッグしてこんな感じとしたよ！
他にも細かい位置調整ができるので、気になる方は下の記事を参考にしてみてね！
【Photoshop】移動ツールの使い方【新人デザイナー向け】Photoshopの移動ツールってどうやって使うのだろう？
レイヤーが思うように選択できないのは何故だろう？
こういった疑問に答えるよ！...
長方形は角丸にできる
長方形は作成後に角を丸くできるよ！
まずは何でもいいので、ドキュメントと長方形を用意するよ、今回はこのドキュメントを使っていくよ！
ドキュメントの作り方については下の記事を参考にしてみてね！
【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。
ドキュメントのサイズ変更ってどうやってやるんだろう。
ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。
こういった疑問に答えます。...
同じPSDデータを使いたい方は公式LINEで「長方形ツール」と入力するとPSDデータが届くよ！
QRコードは画面の右上にあるよ！※無料
メニューバーの「ウィンドウ」から「プロパティ」を選択！
ここに好きな値を入力するよ、上の入力欄はそれぞれの角をそれぞれ個別に調整可能、下の入力欄は全てを一括で変更可能、左側のマークはリンクのマーク！
ここでは四つ角を全て50pxとするので、下の入力欄に「50」と入力してEnter！
これで角が丸くなったね！
間違えたときはヒストリー
一つ戻るショートカット
- Mac=Command+Z
- Windows=Ctrl+Z
一つ戻るショートカットはこんな感じ。
逆に一つ戻るショートカット
- Mac=Command+Shift+Z
- Windows=Ctrl+Shift+Z
逆に一つ戻るショートカットはこんな感じ。
【Photoshop】ヒストリーの使い方【新人デザイナー向け】Photoshopのヒストリーの使い方が分からない。
ヒストリーってそもそも何？
ヒストリーの便利な使い方が知りたい。
こういった疑問に答えるよ！...
よくある質問
図形の色を変えたい
【Photoshop】図形の色を変える方法【新人デザイナー向け】Photoshopで図形の色を変えるにはどうしたらいいんだろう…？
図形の色を変えることができない。
こういった疑問に答えるよ！...
図形にグラデーションをかけたい
【Photoshop】図形にグラデーションをかける方法【新人デザイナー向け】Photoshopで図形にグラデーションをかけるにはどうしたらいいんだろう…？
グラデーションのかけ方が分からない。
こういった疑問に答えるよ！
...
図形の枠線を消したい
【Photoshop】図形の枠線を消す方法【新人デザイナー向け】Photoshopで図形の枠線を消すにはどうしたらいいんだろう…？
枠線は今は使わないから消したい。
こういった疑問に答えるよ！...
図形を回転したい
【Photoshop】図形を回転する方法【新人デザイナー向け】Photoshopで図形を回転するにはどうしたらいいんだろう…？
図形って回転できるのかな？
こういった疑問に答えるよ！...
長方形の色を変更したい
【Photoshop】色変更する方法【長方形ツールで作った長方形】Photoshopの長方形ツールで作った長方形を色変更したい。
長方形は作れたけど、色変更するやり方が分からない。
こういった疑問に答えるよ！...
Naoya
今日も来てくれてありがとう、またね！
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。
調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう？
使い方も分からないし、いくらかかるんだろうか、、、。
これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。
こういった疑問に答えます。...
ABOUT ME
デジタルアーツ東京→デザインプレックス東京→デザイン制作会社→フリーランス
