【Photoshop】ズームツールで画面の拡大縮小と爆速ショートカットを徹底解説forフォトショ初心者

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）のズームツールを使った拡大・縮小の方法をフォトショ初心者の方にも分かりやすく徹底解説します。

ズームツールの基本操作から作業効率を爆速化できるショートカットまで、フォトショップ操作を効率化する上で欠かせない操作方法をマスターしましょう！

この記事の目次

ズームツールの基本操作

Photoshop（フォトショップ）のズームツールの基本操作を解説します。
基本を押さえておき、次に紹介するキーボードショートカットを使いこなせるようになりましょう！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,180円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

画像を読み込む

ズームツールが分かりやすい様にフォトショップにお好きな画像を読み込みます。
ドラッグ&ドロップで読み込み可能。

素材にこだわりたい方はAdobeStockが最強！3億点以上の商用利用可能で高品質な素材が制作を加速させてくれますよ。
詳しくはコチラで解説しています。

STEP.2

ズームツールを選択

画面左側のツールバーから [ ズームツール ] を選択します。
虫眼鏡アイコンがズームツールです。

※ショートカットは [ Z ]

FINISH

拡大・縮小の完了

右にドラッグ：拡大
左にドラッグ：縮小
ズームツール上をダブルクリック：100%表示

以上がツールバーにあるズームツールを使った基本操作です。

なお、ズームツールはPhotoshopでよく使う操作なので、次に紹介するショートカットによる操作をマスターされる事を強くオススメします。

スクラブズームがオススメ

ズームツールを選択すると画面上部にオプションが表示されます。
※オプション非表示の場合は [ ウィンドウ ] → [ オプション ] で表示可能。
[ スクラブズーム ] にチェックを入れておくとスムーズな拡大・縮小が可能になります。
なお、スクラブズームのチェックを外すと旧型フォトショップの挙動になりますよ。

爆速のショートカットを活用

ツールバーのズームツールを選択してから操作すると1ステップ動作が増えて作業効率が下がります。
しかしキーボードショートカットを活用すると他のツールを使用中でも一時的にズームツールに切り替えられるので作業を中断されません。

Photoshopを使った画面の拡大・縮小操作はキーボードショートカットを強く推奨します。

Ctrl + Space + ドラッグ

他のツール、例えばブラシツールの状態で [ Ctrl + Space ] を押すと一時的にズームツールにできます。
その状態で右にドラッグすると拡大、左にドラッグすると縮小可能。非常によく使います。

なお、Macの場合は [ Command + Space ] を押しながら左右にラッグで拡大・縮小できます。

Ctrl + Space + クリック

[ Ctrl + Space + クリック ] で拡大。
[ Ctrl + Space + Alt + クリック ] で縮小。

これは従来のPhotoshop（フォトショップ）のショートカットです。先に紹介した [ Ctrl + Space + ドラッグ ] を覚えておけば不要ですが、使用はお好みで。

キャンバスの横幅に合わせる

[ Ctrl + 0 ] (Mac：Command + 0) を押すと現在表示されているキャンバスサイズの横幅に合わせて拡縮表示でできます。

画面全体を現在の画面サイズ内で限界表示させたい時に使える便利ショートカットです。

100%の原寸大表示

[ Ctrl + 1 ] (Mac：Command + 1) を押すと100%の原寸大表示が可能です。

例えば300px x 250pxのバナー広告を拡大して編集し、原寸表示させて確認したい時など、フォトショップでよく使うショートカットの1つです。

ナビゲーターを活用

ナビゲーターパネルでも操作ができます。
※非表示の場合は [ ウィンドウ ] → [ ナビゲーター ] から表示可能。
パネル下部のズームスライダーを左右に動かすと、ズームイン・ズームアウトができます。

キャンバスのサムネイルをドラッグすると、手のひらツールと同様に画面を移動させられますよ。

環境設定を触ってみる

[ Ctrl + K ] (Mac：Command + K) を押すとPhotoshopの環境設定が開きます。
左メニューの [ ツール ] をクリックするとオプションが開き、ズームツールの環境設定を触れます。
お好みで追加・削除し、自身がより操作しやすいフォトショ環境を作れますよ。

スクロールホイールでズーム

右上にある [ スクロールホイールでズーム ] をクリックすると、マウスの中央にあるスクロールホイールで画面を拡大・縮小することができます。
キーボードを一切触らずに拡大・縮小したい方にオススメ。

アニメーションズーム

[ アニメーションズーム ] は初期設定で有効になっています。
無効化すると [ Ctrl + Space + クリック ] による拡大・縮小の際のアニメーションが無くなります。

PCの描画負荷を少し軽減できるので、フォトショップの動作を軽くしたい方はチェックを外しておくと良いでしょう。

ズームでウィンドウのサイズを変更

キャンバスを別ウィンドウ化した状態でズームすると、キャンバスとウィンドウの間に隙間が無くなります。
ウィンドウサイズ＝キャンバスサイズにしたい方にオススメの設定項目です。

クリックしたポイントを中心にズーム

[ Ctrl + Space + クリック ] をした際、クリックした箇所を中心にズームさせることができます。
お好みで有効化してください。

煙に変化する高品質なエフェクト

普通の写真や文字を煙のように変化させるモックアップです。
全て商用利用可能！
短時間で超高品質な作品に仕上げられますよ。

#01 Smoke Dispersion Effect

縦に範囲が広い煙が表現できるエフェクトです。
境界のボカシ方などが秀逸です。

ダウンロード

#02 Smoke Dispersion Photo Effect

他の煙と比べてややパキっとした表現ができるエフェクトです。
Photoshopと当PSDがあれば簡単に再現できます。

ダウンロード

#03 Smoke Text Effect Mockup

煙の質感が違うテキストエフェクトです。

ダウンロード

#04 Dispersion Photo Effect

対象画像の一部がバラバラの破片のように散らばる様子を再現できるエフェクトモックアップです。
非常に細かい所まで作り込まれたテンプレートです。

ダウンロード

#05 Pixel Dispersion Effect Mockup

ピクセル状になった写真がバラバラになるような様子が描けるエフェクトモックアップです。
ゲームキャラが消滅するようなシーンを高品質に再現できます。

ダウンロード

Photoshop用の高品質なエフェクト集

【Photoshop】商用可！人物が煙になるエフェクトモックアップPSD

商用利用可能で高品質な煙エフェクトばかりを49点ピックアップしました。
制作の品質向上とスピードアップを同時に行える優秀素材ばかりです。

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）のズームツールの使い方と応用操作についてでした。

ズームツールはツール単体に切り替えて操作するよりも、ショートカットで一時的に切り替えて操作する事を心掛ける事をオススメします。
一回一回の操作時間は短くても、よく使う操作なので積み重ねの時間はかなり膨大。
操作を最適化して制作時間の圧縮を図るのも良い手ですよ。

ではまた！

Photoshopの効率的な画面操作

Photoshopの画面操作をより効率的に行い、クリエイティブにかける時間を短縮化しませんか？