Photoshop初心者におすすめの本タイプ別10冊

Photoshopの自由変形の使い方・レイヤーサイズの変更【初心者向け】

Photoshopの自由変形の使い方・レイヤーサイズの変更【初心者向け】 Photoshop基礎知識

<景品表示法に基づく表記>本サイトのコンテンツにはプロモーションが含まれる場合があります。

スポンサーリンク
この記事を書いた人

Photoshopと画像・動画アプリケーション情報を発信しています。
美術大学時代に絵画を専攻。独学でPhotoshopを学び、レタッチカンパニー数社を経て現在は東京でCG・動画アーティストをしています。
Adobe Japan Prerelease Adviser。
Mdn「デザインのネタ帳 プロ並みに使える写真加工 Photoshop」共著。

SNSやRSSでPhotoshop Bookをフォロー

Photoshopの画像の変形機能「自由変形」について見ていきます。Photoshopには主に下記の4つの変形機能があり、場合によって使い分ける形になります。

レイヤーをスマートオブジェクト化することで、各変形を元に戻すことが出来るので、なるべく変形前にスマートオブジェクト化しておくことをおすすめします。
https://photoshopbook.com/2021/07/29/smartobject/
画像全体のサイズ変更については画像解像度とカンバスサイズの記事をご覧ください。

Photoshopの自由変形とは – 図形の変形のツール

ほとんどの方にとって一番よく使う変形機能が自由変形だと思います。画像の周りにできる4点のハンドルの位置を変えて変形を行います。

単純な拡大・縮小、回転、平行四辺形変形、台形変形などの変形ができます。

Photoshopの自由変形の使い方

自由変形させたいレイヤーを選んでレイヤーをクリックしたら、編集メニューから自由変形を選びます。

レイヤーをスマートオブジェクトにしてから自由変形することで、自由変形を後からやり直すことができて便利です。
Photoshopの自由変形

ショートカットはCtrl(Command)を押しながらTキーです。

自由変形を起動させると、画像の周りを四角で囲んだ角にハンドルが現れて、ハンドルを動かすことで拡大縮小させます。

Photoshopの自由変形の操作画面

基準点は、下図「環境設定」の「ツール」→「変形ツールを使用するときに基準点を表示」にチェックを入れることで表示されます。基準点を表示することで、基準点を中心に拡大・縮小や回転をするときに操作がわかりやすくなります。

Photoshopの環境設定「変形ツールと使用するときに基準点を表示」

変形中にハンドルの上にカーソルを重ねると拡大・縮小する方向のカーソルが出てきます。

また、ハンドルの外側少し離れたところにカーソルを持っていくと、回転のカーソルに変わります。この状態でドラッグすると回転ができます。

思い通りの形になったらEnter(Return)を押して変形を確定します。

Enter(Return)を押すまでは変形が確定していないので他の操作を行うことができません。
Photoshopの自由変形のカーソル変更

初期設定では拡大・縮小の縦横比は固定されています。縦横比を変えて変形するにはShiftを押しながらハンドルを動かします。

Photoshopの自由変形のShift+ドラッグ

また、Alt(Option)を押しながらハンドルを動かすことで基準点を中心に対称に変形します。一つのハンドルを動かすと他も同時に動きます。

Photoshopの自由変形のAlt(Option)+ドラッグ

Ctrl(Command)を押しながらハンドルを動かすと各ハンドルを自由な位置に移動して変形できます。

Photoshopの自由変形のCtrl(Command)+ドラッグ
Photoshopの自由変形のCtrl(Command)+Shift+ドラッグ

Photoshopの自由変形ハンドルの台形変形

また、角以外のハンドルは Ctrl(Command)Alt(Option)Shift を押しながらドラッグすることで対称に平行移動します。

Photoshopの自由変形ハンドルの平行対称移動

数値による変形

自由変形時は拡大縮小の数値と角度が「オプションバー」に表示されていて、数値を変えることで変形することができます。

Photoshopの自由変形時のオプションバー

変形のすべてがここの数値を入力することで反映できるわけではなく、あくまで大きさと角度をコントロールすることができるのみです。

なので、枠(バウンディングボックスといいます)を正方形・長方形ではない形に変形した場合、オプションバーの数値をメモしておいても、行った変形を後で再現できるわけではないのでご注意ください。

変形の対象があってぴったり合わせたい場合、変形するレイヤーの不透明度を50%程度に下げて変形を行うと合わせやすいです。

自由変形の確定

思い通りの形にできたらEnter(Return)を押して自由変形を確定させます。

変形の再実行

今やった変形を再度適用するには「編集」メニュー→「変形」→「再実行」を選びます。ショートカットはCtrl(Command)Shiftを押しながらTキーです。

同じレイヤーにも別のレイヤーにも同じ変形をかけることができます。

変形をもとに戻すには

変形をもとに戻すには、Ctrl(Command)を押しながらZキーを押すか、「編集」メニューで「自由変形の取り消し」を選び、操作の取り消しをします。

またレイヤーをスマートオブジェクトにして自由変形していた場合は、取り消しでなくても変形をもとに戻すことができます。「レイヤー」メニューから「スマートオブジェクト」「変形を初期化」を選ぶことで変形をする前の状態に戻すことができます

Photoshopの自由変形の取り消し

これはPhotoshop2021からの新機能でPhotoshop2020まではありませんでした。今までなぜなかったのかと思うほど、元の形に戻すのが楽になりました。

まとめ

自由変形のやり方、理解できたでしょうか。

「~を押しながら」が多すぎて覚えにくいところも多いと思います。文字にすると複雑なキーの押し方ですが、なるべく回数をやってみることで手が覚えていくので、慣れるとスムーズにできるようになります。

自由変形は基礎的な変形で、多用することになるので是非覚えてみてください。

そのほかの変形機能についてはこちらをご覧ください。

Photoshopの基本的な使い方はこちらにまとめています。初心者の方にもわかりやすいようにまとめていますのでぜひご覧ください。

Photoshop基礎知識

この記事が役に立ったら
いいね!をお願いします
最新情報をお届けします。
この記事をSNSでシェア
SNSやRSSでPhotoshop Bookをフォロー
スポンサーリンク
Photoshop Book

コメント