2021.05.04 2023.04.23

【Photoshop】切り抜きツールの使い方【新人デザイナー向け】

Creative21

Photoshopの切り抜きツールってどうやって使うのだろう？
切り抜きツールの使い方が知りたいです。

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

Naoya

やぁ！みんな！元気？

デザイナーの@Naoyaです。

Youtube

Photoshopの切り抜きツールとは？
切り抜きツールの使い方
間違えたときはヒストリー
よくある質問

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

Contents

Photoshopの切り抜きツールとは？
切り抜きツールの使い方
間違えたときはヒストリー
よくある質問
- テキストテキストテキストテキストテキストテキスト

Photoshopの切り抜きツールとは？

Photoshopの切り抜きツールとはその名の通り、切り抜きをするツールだよ！

サイズを固定して切り抜いたり、ドラッグして切り抜いたりなど指定のサイズがある時などに便利！

切り抜きツールのショートカット

切り抜きツールのショートカットはこんな感じ。

切り抜きの解除のショートカット

切り抜きの解除のショートカットはこんな感じ。

切り抜きツールの使い方

ドラッグして切り抜く
サイズを指定して切り抜く
比率を固定して切り抜く

切り抜きツールの使い方はこんな感じ。

Naoya

順番に解説するよ！

ドラッグして切り抜く

今回はこの画像を使って進めていくよ、画像は何でもいいので用意しておいてね！

画像の開き方が分からない人は下の記事を参考にしてみてね！

【Photoshop】画像の開き方【新人デザイナー向け】Photoshopの画像の開き方が分からない。こういった疑問に答えます。...

切り抜きツールを選択する
ドラッグする
サイズの微調整をする
位置を微調整する
変更を確定する

ドラッグして切り抜く流れはこんな感じ！
順番に見て行こう！

切り抜きツールを選択する

まずはツールバーの切り抜きツールを選択！

すると切り抜きの編集モードに切り替わるよ！
これで切り抜きの準備完了！

ドラッグする

続いてドラッグ！

切り抜きたい位置でドラッグ！

ここではこんな感じにドラッグ！

ドラッグを離すとこんな感じになるよ！
これで大まかに切り抜きたいサイズを作ることができたね！

因みにドラッグしてドラッグを離す前にスペースを押しながら移動することで、ドラッグの位置を変更可能！

ドラッグ中にドラッグした位置を変更したい場合

ドラッグした後にドラッグを離す前にスペースを押しながら移動

サイズの微調整をする

次はサイズの微調整！

この状態でそれぞれの場所を摘まんで引っ張ると自由に幅や高さの調整が可能！

画角を変えずに範囲を広げたい場合

Shift+角をドラッグ

ここではこんな感じにサイズを調整したよ！

位置を微調整する

続いて位置の微調整！

今回は右に移動するよ！

今回はShiftを押しながらカーソルキーの右(→)でこんな感じの位置でOKとするね！

1pxずつ移動

Mac＝カーソルキー(↑↓→←)
Windows=カーソルキー(↑↓→←)

10pxずつ移動

Mac＝Shift+カーソルキー(↑↓→←)
Windows=Shift+カーソルキー(↑↓→←)

移動の仕方は移動ツールと同じ！

【Photoshop】移動ツールの使い方【新人デザイナー向け】Photoshopの移動ツールってどうやって使うのだろう？レイヤーが思うように選択できないのは何故だろう？こういった疑問に答えるよ！...

変更を確定する

最後に変更の確定！
サイズを変更することを確定させるよ！

サイズや位置の微調整が終わったら、その位置でEnter！

変更の確定のショートカット

Enter

これで切り抜き完了！