はじめてのフォトショップ使い方入門完全ガイド【動く図解付き】

フォトショップもまったく同じ。

ホーム画面では、最近作業したプロジェクトや素材が表示されます。

フォトショップと一緒に利用可能な、クラウドドキュメントにもアクセス可能です。

これまでに作成したファイルは、「自分のファイル」から簡単に探すことができます。

他のCreative Cloudユーザーが共有したファイルがあれば、わかりやすく一覧表示。これなら、共同でデザイン作業をするときにも、管理がとても楽ですよ。

左上にあるフォトショップアイコンをクリックするだけで、フォトショップのアプリケーションを開くことができます。

クリックすると、作業をするスペースに移動します。

これが「ワークスペース」です。

ホーム画面に戻るには、左上のホームボタンをクリックするだけ。

フォトショップを開く何度か練習をしてみて、慣れておきましょう。

筆や消しゴム、鉛筆などの道具があります。

すべての色を混ぜるパレットがあります。

そして最後に、絵を描くキャンバスがあります。

もしあなたのワークスペースの配置が違っていても、慌てずに大丈夫。

まずは同じワークスペースを表示するために、メインメニューより「ウィンドウ」>「ワークスペース」＞「初期設定」に進みましょう。

たとえばパネルがぐちゃぐちゃになってしまったときも、「初期設定をリセット」をクリックするだけで、いつでも初期設定に戻すことができます。

この他にも、「グラフィックとWeb」や「モーション」、「ペイント」、「写真」といったワークスペースが用意されており、用途に応じたパネルの配置に切り替えることが可能。

ワークスペースはあなたの使い方や、プロジェクトの種類に合わせてカスタマイズできます。

たとえば、ツールパネルを2行にするのもワンクリックです。

パネルグループを切り替えたり、不要なタブを消したり、好きな位置までドラッグして移動することもできます。

また、別のパネルとグループ化したいときは、目的のパネルの上に重ねて、水色にハイライトされたところでドロップすれば、ドッキング完了。

欲しいパネルが表示されていないときは、メインメニューより「ウィンドウ」から、パネル名を選択しましょう。

ここでは、よく利用するアクション素材のために「アクション」パネルを追加しました。

一つ目は「ステータスバー」です。

ステータスバーは、キャンバスの左下に表示されていて、画像の状態（ステータス）を表示できます。

たとえば、画像をズームするとパーセントが変化しているのが分かります。

その横に書かれた「2624px x 1856px」が、ドキュメントのサイズになります。

右隣にあるタブをクリックすると、表示したいパラメータから選ぶこともできます。

現在選択している「ドキュメントのサイズ」は、「2624px x 1856px」の300dpiの解像度ということになります。

px（ピクセル）と解像度については、後ほどのレッスンで詳しく解説します。

あまり利用しないけど、ユニークなものとしては「現在のツール」もおすすめ。

名前の通り、現在利用中のツール名を表示してくれます。

通常は、「ドキュメントのサイズ」で問題ないでしょう。

フォトショップのステータスバーを作業にうまく活用してみましょう。

たとえば、新しいファイルを作成したいときは…

メニューバーより「ファイル」＞「新規…」を選択すれば、新しいファイルを開くことができます。

写真に「ぼかし」を加えるときは…

メニューバーより「フィルター」＞「ぼかし」＞「ぼかし（ガウス）」で調整できます。

たとえばブラシツールを選ぶと、そのツールのオプション設定が表示されます。

ここでは、ブラシのサイズや硬さを調整したり、他の種類ブラシを一覧表示するなど、オプションバーにはブラシツールに関連する設定項目が並びます。

「グラデーションツール」を選択すると、グラデーションの種類や向きなど、グラデーションに関する項目へと、オプションバーも切り替わります。

フォトショップでファイルを開くには、メニューバーより「ファイル」＞「開く…」とし、表示されたポップアップから目的のファイルを選択しましょう。

ファイルを開くもうひとつの方法がこちら。

目的のファイルをドラッグ＆ドロップするだけで、フォトショップでファイルを開くことができます。

フォトショップで新しくファイルを作成するには、メニューバーより「ファイル」＞「新規…」をクリックしましょう。

タブの右側には、キーボードショートカットも表示されています、こちらも後ほど解説します。

ここでは、Ctrl/Command + N を押すと、新規ファイルを開くことができます。

前ステップで作成した、新規ファイルを開きます。

ツールパネルよりブラシツールを選択し、お好みの色でペイントし、ファイルを保存してみましょう。

メニューバーより「ファイル」＞「保存」を選択します。

クラウドドキュメントとして保存することもできますが、今回はコンピュータにローカル保存してみましょう。

ファイル名には、あらかじめ先ほど決めた名前が入力されていますが、変更ももちろん可能です。

保存するファイルの種類には、フォトショップ用ファイル「PSD」の他、JPEGやPNGといったおなじみのものも。

一度キャンセルし、キャンバスに戻りましょう。

先ほどのファイルの編集を、さらに続けてみましょう。

レイヤーパネルの右下にある＋ボタンをクリックし、新規レイヤーを作成します。

再度ブラシツールを使い、他の色でペイント。

メニューバーより「ファイル」＞「保存」を選択し、「ファイルの種類」をもう一度確認すると、４種類しか表示されません。

理由はずばり、JPEGやPNGはレイヤー機能をサポートしていないから。

そのため、PSDなどレイヤーを保持できるファイルの種類のみが表示されている、という仕組みです。

一度ファイルは保存すると、編集内容が自動で更新、アップデートされます。

さらにもう一色別の色のブラシでペイントし、ファイルを保存してみましょう。

今度は、先ほど表示された保存用のダイアログボックスが表示されません。

ファイルを閉じて、もう一度開いてみると、デザインが追加され、更新されているのが分かります。

「元のファイルに手を加えずに修正したい」

そんなときは、「別名で保存」を選択しましょう。

ダイアログボックスが表示されるので、お好みの場所に保存したら完成です。

「SNS用に画像ファイルが欲しい」

そんなときに便利なのが、「コピーを保存」。

保存できるファイル形式も選び放題なので、「JPGでください」と言われたときは、ここから保存しましょう。

まずは「移動ツールV」。

その名の通り、パーツを移動させるツールです。

たとえば「HOLO」と書かれたテキストを、移動させてみましょう。

ツールパネルより「移動ツール V」を選択。

つづけてレイヤーパネルより特定のレイヤーを選択したら、自由に動かすことができます。

オプションバーの「自動選択」にチェックを入れ、キャンバスをクリックすると、直接レイヤーを選ぶこともできます。

レイヤーパネルから選択する必要はなくなりますが、レイヤー同士が近いときや、重なっているときは、「違うレイヤーを選択してしまう」「動かしたくないパーツが動いた」などの問題に直面することも。

おすすめの解決法はずばり、「自動選択をオフにして、キーボードショートカットを使う」方法。

「自動選択」のチェックを外したら、Ctrl/Commandを押しながら移動させたいパーツをクリックしてみましょう。

こうすることで一時的に自動選択をオンにすることができ、間違ったレイヤーを選択するミスも防ぐことができます。

次は「ブラシツール B」、ブラシでペイントするためのツールです。

上に重なった「描画色」をつかってペイントされ、オプションバーにはさまざまなブラシスタイルがあらかじめ用意されています。

お好みのフォトショップ無料ブラシをダウンロードし、インストールすることもできます。

ブラシサイズはオプションバーからも変更できますが、キーボードショートカットを活用すると、ストレスなく作業を進めることができます。

または、Altを押しながら右クリックした状態で、マウスを左右にドラッグすると、ブラシサイズを調整できます。

上下に動かすと、ブラシの硬さを調整できます。

「文字ツール T」はとてもシンプルで、ワードなどのプログラムをつかったことがある人は、機能がほぼ同じなので分かりやすいでしょう。

ツールパネルより「文字ツール」を選択し、キャンバスを一度クリックし、文字の入力をはじめましょう。

文字パネルでは、文字間や行間、すべての大文字にする「オールキャプス」など、文字の見た目を設定できます。

また、Photoshop バージョン24.5からは、「コンテキストタスクバー」が新登場。

ワークフローで最も関連性の高い次のステップを表示してくれ、文字ツールでは「フォントが選びやすいタスクバー」に切り替わります。

フォントや文字サイズ、色の変更などをよりスピーディーに行うことができるようになりました。

文字を入力するもうひとつの方法は、テキストツールを選択したまま、キャンバスをドラッグ＆ドロップで範囲を指定。

指定した範囲内に文字テキストを入力できるので、長い文章など文字組みが大変なときに便利な機能。

最後の「ズームツール Z」は、キャンバスを拡大したり、縮小したいときに便利なツール。

ツールを選択したら、マウスを左右にドラッグすればズームイン・アウトできます。

さらに文字ツールなど他のツールを利用している最中でも、Ctrl/Command + Space + 左右ドラッグすると、一時的にズームツールを適用することができます。

ショートカットキーから指を離すと、それまで使っていたツールに自動で切り替わります。

Spaceを押したままにすると、キャンバス全体を動かすことも可能。

画面全体にファイルを表示したいときは、Ctrl/Command + 0で全体表示に戻すことができます。

たとえば画像をズームアップし、一部のみを表示している状態で、画像の他の範囲も確認したいとしましょう。

ズームツールを選択した状態で、Hを押しながらキャンバスをクリックすると、全体を俯瞰できる「バードアイビュー」機能を利用できます。

手動でキャンバスの位置を移動するのに比べ、作業がより楽になります。

フォトショップ重要パネルのひとつ、「レイヤーパネル」。

レイヤーパネルは、ビジュアルを構成するレイヤーを管理します。

レイヤーの左横の目アイコンをクリックすると、レイヤーの表示・非表示をできます。

レイヤーの重なり順を変更したいときも、レイヤーパネルから行います。

上部に表示したいレイヤーを、レイヤーパネルで上にドラッグすれば変更でき、レイヤー順を上下できるキーボードショートカットCtrl/Command + [/] も一緒に活用してみましょう。

レイヤーの不透明度を下げると、背景の要素が透けて見えるようになります。

ここでは、青のサークル円が少しずつ透けているのが分かるでしょう。

レイヤーパネルに関連するが、「ヒストリーパネル」です。

作業履歴（ヒストリー）を時系列で表示し、過去にさかのぼって取り消しや、やり直しができる、タイムマシーンのような機能です。

たとえばブラシツールで何度かペイントし、後からやり直すのもクリックするだけ。

もちろんキーボードショートカットも用意されており、フォトショップの中でも特によく利用するようになるでしょう。

ワークスペースの基本のさいごは、デザイン作業を行う「キャンバス」。

フォトショップでは、複数のファイルをまとめて一度に開くことができ、それぞれ独立したドキュメントタブで表示されます。

タブは切り離すことも可能。

再度タブに戻したいときは、メインメニューより「ウィンドウ」＞「アレンジ」＞「すべてをタブに統合」を選択するだけ。

「開いているすべてのファイルを並べて比較したい」

そんなときも大丈夫。

メインメニューより「ウィンドウ」＞「アレンジ」よりお好みの分割表示を選びましょう。ここでは「三分割表示 – 垂直方向」を利用しました。

ツールパネルより「ズームツール」を選択した状態で、オプションバーより「全ウィンドウをズーム」にチェックを入れると、すべての画像をまとめて拡大・縮小できます。

ShiftとSpaceを押しながらドラッグすれば、すべての画像を一緒に動かすこともできます。

「作成しているデザインに合わせて背景の色を変えたい」

「YouTubeでのサムネイルの見え方が気になる」

そんなときは、キャンバスの色を変更すれば解決です。

キャンバスの何もないところを右クリックし、ブラックやライトグレーなどのプリセットの他、お好みのカスタムカラーにすることも可能となっています。

変形ツールを適用するには、メインメニューの「編集」＞「変形」から自由に選びましょう。

通常時は縦横比サイズはそのままに拡大・縮小されますが、Shiftを押しながらドラッグすると、縮めたりつぶしたりすることができます。

よく利用するツールなので、キーボードショートカットを覚えておくと便利かも。

レイヤーの外側にカーソルを合わせると、曲がった矢印が表示されます。

クリックしながらドラッグすると、レイヤーを回転させることができます。

小技として、同時にShiftを押しながら回転すると、15度の角度でカクカクと回転します。

さらに変形ツールを適用した状態で右クリックを押すと、さまざまな変形オプションを選ぶことができます。

たとえば、垂直・水平方向に回転させ、レイヤーを裏返しにすることも可能。

変形ツールでは、レイヤーの中心にある小さな点「アンカーポイント」を元に、拡大・縮小や回転します。

アンカーポイントが表示されていないときは、変形ツールを適用した状態でオプションバーにチェックを入れましょう。

アンカーポイントをレイヤーの外側に配置することもでき、そこを起点に回転させることができます。