【Photoshop】手のひらツールの使い方と便利な設定を徹底解説forフォトショ初心者

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

Photoshop（フォトショップ）で作業中にキャンバスを移動させる作業が発生します。
画面をズームさせてキャンバスを移動させて各種操作、頻繁に行う一連の作業ですね。

手のひらツールによる画面移動はフォトショップの基本中の基本操作なので、効率的な操作方法をマスターしましょう！

この記事の目次

手のひらツールの基本操作

手のひらツールの基本的な操作方法を解説します。
Photoshop（フォトショップ）の基本ツールの一つを効率的に使えるようにマスターしましょう！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

STEP.1

画像を読み込む

Photoshopに画像を読み込みます。
ドラッグ&ドロップで読み込み可能。

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

STEP.2

手のひらツールを選択

ツールバーから [ 手のひらツール ] をクリックします。

ショートカットは [ Space ] です。
Spaceを押している間だけ手のひらツールに切り替わります。

よく使うのでキーボード真ん中最下部の大きなキーが割り当てられていますよ。

FINISH

完成

画像がキャンバスからはみ出している状態でドラッグすると画面を移動させることができます。

手のひらツールはフォトショップでよく使う機能なので、次に紹介するショートカットでの操作をオススメします。

手のひらツールオプション

ツールバー選択時に画面上部を確認すると手のひらツールのオプションが表示されています。
[ 100% ] 、[ 画面サイズ ] 、[ 画面にフィット ] の3種の挙動が使えます。
次に紹介するショートカットで全て操作できますよ。

最強のショートカットを活用しよう

手のひらツールを使ったキャンバスの移動はフォトショップでよく使う操作！
ショートカットで行う事をオススメします。

手のひらツールはSpaceで

別のツールにした状態で [ Space ] を押している間だけ [ 手のひらツール ] に切り替えられます。

ブラシツールで作業し、キャンバスを移動させたい時に [ Space ] を押して手のひらツールにして移動など、よく使うPhotoshopの基本操作です。

100%のショートカット

[ Ctrl + 1 ] (Mac：Command + 1) を押すと画面表示を100%にできます。

フォトショップで原寸サイズで画面を表示させたい時に便利なショートカットです。

画面サイズのショートカット

[ Ctrl + 0 ] (Mac：Command + 0) を押すと画面サイズの横幅に対して100%表示にできます。

小さい画像でも [ Ctrl + 0 ] を押すと今開いているフォトショップの画面横幅いっぱいに拡大表示されます。

オーバースクロールが便利

[ Ctrl + K ] (Mac：Command + K) で環境設定を開きます。
画面左部から [ ツール ] → [ オプション ] → [ オーバースクロール ] のチェックを有効。

すると左図のような動きが可能になります。
従来の設定では画面サイズが大きい状態でないと画面のスクロールができませんが、オーバースクロールを有効にすると画面サイズに関係無く画面をスクロールできます。
すごく便利なので有効化を推奨。

好みが分かれるフリックパン

[ Ctrl + K ] (Mac：Command + K) で環境設定を開きます。
画面左部から [ ツール ] → [ オプション ] → [ フリックパンを有効にする ] のチェックを外す。

左図は [ フリックパンを有効にする ] をチェックした動きです。初期設定だと慣性移動のような、「ふわぁ～」とした動きになります。
解除すると先に紹介したようなドラッグした分だけ移動する従来のPhotoshopの挙動になります。
私は有効にしない方が好みですが、自身が使いやすい方式を選択してください。

ナビゲーターでも操作可能

ナビゲーターパネルでも操作ができます。
※非表示の場合は [ ウィンドウ ] → [ ナビゲーター ] から表示可能。
キャンバスのサムネイルをドラッグすると、手のひらツールと同様に画面を移動させられます。

パネル下部のズームスライダーを左右に動かすと、ズームイン・ズームアウトもできます。

高品質なヴィンテージエフェクト

ただの写真や文字をヴィンテージ風に加工できるエフェクトモックアップです。
全て商用利用可能！
短時間で超高品質な作品に仕上げられますよ。

#01 Vintage Photo Effect

写真をはじめとした画像をヴィンテージ風にできるエフェクトモックアップです。
仕上がりは見ての通り超高品質！
日焼け具合やしわの感じなど、見事な質感です。

ダウンロード

#02 Old Vintage Photo Effect

非常に古い質感に変える事ができるエフェクトモックアップです。
フォトショップがあれば誰でもサンプルのような仕上りにできます。

ダウンロード

#03 Vintage Texture Photo Overlay

味のあるヴィンテージ加工ができるフォトショップ用のエフェクトモックアップです。
紙のザラザラ感や汚れなどが見事に再現できます。

ダウンロード

#04 Retro Dust Texture Effects Mockup

レトロで汚れた白黒写真にできるエフェクトモックアップです。
質感・再現度が非常に高い高品質な仕上りです。
もちろん商用利用可能！

ダウンロード

#05 Old Vintage Hollywood Film Title Text Effect

レトロなハリウッド映画のタイトルのような表現ができるPhotoshop用のエフェクトモックアップです。
質感が非常にリアルですね。

ダウンロード

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

【Photoshop】商用可！画像をヴィンテージ風にできるエフェクトモックアップ50選

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

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

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

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

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

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

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

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

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

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

良質な素材をもっと見る

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

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

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

おわりに

以上、Photoshop（フォトショップ）の手のひらツールの使い方と便利なショートカットについてでした。

キャンバスを自在に移動させる際に手のひらツールを使います。
フォトショを使った作業の基本中の基本となる操作の一つですが、当記事で紹介している便利な使い方を知っている方は意外と少数派。

小さな操作ですが、何度も発生する作業を効率化する事で必要な作業時間が大幅に変わります。
同じ動作結果なら効率的な方法を取る方がお得ですよ。

ではまた！

Photoshopの効率的な画面操作

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