Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ

Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ

LIGブログ編集部

LIGブログ編集部

こんにちは、LIGブログ編集部です。こちらは「Photoshopをはじめて使う人が、自分で撮った写真を加工できるようになる」ところまでを目標とした全5回の超初心者向けPhotoshop講座です。

第4回目となる今回は、「実践編」として、実際に写真を加工する過程を解説していきます。

初心者ではない方も、おさらいのつもりでぜひ確認してみてください。

※前回までの記事はこちら
独学でつまずいていませんか?
Photoshopの使い方をもっと効率的に学びたい誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。


編集部注:2022年7月に加筆・修正を行いました。

加工前と加工後の比較

うまく撮れたと思った写真でも、パソコンでよく確認してみたら「なんか暗いな」「曲がっているな」と思ってしまうことはありませんか。

そんなときのために、写真を見栄えよく加工する方法について紹介ていきます。

まず、加工前の写真はこちらです。

三人の男性がオフィスで談笑している写真

なんだか全体的に薄暗く、少し傾いていることも気になりますね。これらの点を、Photoshopで加工して改善してみましょう。

加工後の写真はこちらです。

三人の男性がオフィスで談笑している写真を加工した画像

加工前と比較し、明るくて楽しい雰囲気の写真になりましたね。比較するだけだとわかりにくいかもしれませんが、今回行ったことは以下の3つです。

  • 写真の傾きを調整
  • 画角の調整
  • 明るさ・色調の調整

どれも写真を加工する上では基本中の基本のやり方です。

具体的な写真の加工方法について、実際の手順を説明していきます。

基本的な加工の手順について

1. レイヤーを複製する

取り消しや戻る機能、ヒストリー機能で初期の状態に戻すことも可能ですが、念のため元の写真は保存しておくようにしましょう。加工するツールごとに複製したレイヤーを作っておいてもいいかもしれません。加工前の写真と加工後の写真を見比べて、画像を調整するのにも便利です。

レイヤー上で右クリックをして、「レイヤーを複製」を選択する

レイヤーの上で右クリックをして、「レイヤーを複製」を選択する動作の説明画像

複製したレイヤーの名称を変更する動作の説明画像

レイヤーが複製されたのを確認する

レイヤーが複製されたのを確認する動作の説明画像

これで複製の作業までは完了です。

2. サイズ・画角を調整する

この写真、実は微妙に傾いているということに気づいていましたか。

ここでは、アイキャッチサイズを655×437pxに変更しながら、この傾きを調整していきたいと思います。

画角が傾いているのを確認するためにガイドの線を引く

定規の部分からドラッグをすると、ガイド線が表示されます。

画角が傾いているのを確認するためにガイドの線を引く動作の説明画像

このガイド線のおかげで、大体どれぐらい傾いているかの度合いがわかるようになります。

写真の画角の傾きを示す画像

ツールバーの「切り抜きツール」を選択する

オプションバーの左のプルダウンメニューで「幅×高さ×解像度」を選択し、切り抜きたいサイズを入力します。

オプションバーの左のプルダウンメニューで「幅×高さ×解像度」にして、切り抜きたいサイズを入力します。

サイズを調整する

画像上で明るくなっている部分が切り抜かれる箇所になります。

角か上下左右にカーソルを合わせると、画像サイズの調整ができるようになります。

角から少し離すと、カーソルが“写真を回転させるマーク”に変更されます、そのカーソルになったら、最初に引いたガイド線を目安とし、斜めの度合いを修正していきます。

カーソルの説明画像

画像サイズ調整の説明画像

これで、サイズと画角の調整ができました。

サイズと画角の調整が完了した画像

3. 明るさを調整する

次は、全体的に暗い雰囲気を明るく変えてみたいと思います。

明るさの調整は、メニューバーの「イメージ」⇒「色調補正」⇒「明るさ・コントラスト」からおこないます。

「明るさ・コントラスト」を選択している様子のの説明画像

プレビューにチェックを入れる動作の説明画像

プレビューにチェックを入れておくと、調整した内容がリアルタイムで確認できるので便利です。

「明るさ」のつまみを移動して調整する

一番明るくした場合と一番暗くした場合とで、画像を比較してみます。

「明るさ」のつまみを移動して調整して一番明るくした画像と一番暗くした画像の比較画像

一番明るくした場合、画像が白飛びをしてしまいます。明るくするにも限界があるので、少しずつ調整するようにしましょう。また、画像を明るくすると、全体的には白く薄くなってしまいます。コントラストも一緒に調整するようにしましょう。

「コントラスト」のつまみを移動して調整する

一番強くした場合と一番弱くした場合とで、画像を比較してみます。

「コントラスト」のつまみを調整する動作の説明画像

コントラストを一番強くすると劇画調になってしまいます。コントラストも少しずつ調整するようにしましょう。

明るさとコントラストをバランスよく調整すると、このようになります。

明るさとコントラストを調整した後の画像

4. 色みを調整する

次は全体の色みの調整をしていきます。

色みの調整方法はいろいろありますが、今回は一番簡単でわかりやすい、メニューバーの「イメージ」⇒「色調補正」⇒「色相・彩度」を使います。

「色相・彩度」を選択している様子の説明画像

プレビューにチェックを入れる動作の説明画像

プレビューにチェックを入れておくと、調整した内容がリアルタイムで確認できるので便利です。

「色相」とは

赤、青、緑といった色みの違いを表す言葉です。「色相」のつまみを動かすと、下記のように変わります。

「色相」をそれぞれ「+50」「−50」した場合の比較画像

「彩度」とは

色の鮮やかさの違いを表している言葉です。「彩度」のつまみを動かすと、下記のように変わります。

「彩度」をそれぞれ「+50」「−50」した場合の比較画像

「明度」とは

明るさの違いを表している言葉です。「明度」のつまみを動かすと、下記のように変わります。

「明度」をそれぞれ「+50」「−50」した場合の比較画像

今回は「彩度」を上げ、鮮やかな色合に仕上げました。

「彩度」を調整した後の画像

Camera Rawについて

上記で紹介した機能のほかに「明るさ・コントラスト」「色相・彩度」が1つの画面で変更できるCamera Rawという画像補正機能があります。

Camera RawはPhotoshopのバージョンによって対応できる機能が異なりますが、今回はPhotoshopCC2021のCamera Raw バージョン13.2の画面にて紹介したいと思います。

メニューバーの「フィルター」⇒「Camera Raw フィルター…」を選択する

「Camera Raw フィルター…」を選択している様子の説明画像

「フィルター」⇒「Camera Raw フィルター…」を選択します。

つまみを動かして調整する

今回紹介した「明るさ・コントラスト」「色相・彩度」の2つは、下記画像の赤枠の2つになります。

「明るさ・コントラスト」「色相・彩度」の2つの調整ツールの位置を示した画像

他の項目についてもいろいろ試しつつ、画像補正をおこなってみてください。

今回の写真では、下記の設定にしました。

  • 露光量:+0.83
  • コントラスト:+4
  • ハイライト:-13
  • シャドウ:+13
  • 白レベル:+13
  • 黒レベル:+11
  • 彩度:+3

Camera Raw フィルターの設定後画面

さまざまな加工テクニック

ここまで基本的な写真加工の方法を紹介しましたが、Photoshopでは他にもこんなことができます。

人物の肌補正、レタッチの方法


写真の加工をする上で、人物写真のレタッチは必ず押さえておきたいテクニックです。

上記記事では、シミやそばかすを消したり、顔を小さくする方法、目を大きくする方などを紹介しています。

メタリックな写真に加工する方法

メタリックな写真にする方法

需要があるかはわかりませんが、メタリックな写真に加工する方法も紹介しています。

写真の一部を消す

写真の一部を消す方法

写真に余計なものが写り込んでしまった場合など、写真の一部を消したいときのテクニックを紹介しています。

写真をぼかす

写真をぼかす方法

背景をぼかすことで、一眼レフで撮ったような写真に加工することができます。

まとめ

いかがでしたでしょうか。

今回までの内容で、Photoshopについては一通りの設定・ツール選択・加工ができるようになったと思います。ここから先は、他のツールの操作性などもいろいろ自分で試しながら、Photoshopをマスターしていきましょう。

また、次回はシリーズの最終回として、せっかく基本を覚えたPhotoshopの効率的な使い方や初心者向け以外の機能についてもいろいろ紹介していきたいと思います。

それでは最後までお付き合いいただきありがとうございました。全5回のこのシリーズでPhotoshopの基本をマスターし、写真加工を自分で手軽にできるようになりましょう。

▼第5回はこちら!
第5回:Photoshopを使いこなすためのテクニック集「ショートカット」「カスタマイズ」など

デザインの世界に飛び込んでみませんか?

「プロから学びたい」「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。

Webクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴! ぜひ一度詳細をチェックしてみてください!

デジLIG 詳細へ

とりあえず資料を請求してみる

よくある質問

Photoshopで写真を加工するときに便利な機能は?

まずは写真の切り抜きや境界線を調整する機能、色調や傾きを調整する機能を覚えておくと便利です。

Photoshopで写真を加工するのは難しいですか?

複雑で難しい印象のあるPhotoshopですが、簡単な加工なら手順に沿って行えば誰でもすぐできるようになります。少しずつ機能を覚えていくことで、徐々に高度な加工もできるようになるでしょう。

LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

Webサイト制作の実績・料金を見る

この記事のシェア数

LIGブログの企画・執筆・編集をしています。マーケティング、SEO対策、デザインに強みを持ったメンバーが、最新情報やノウハウをわかりやすくお届けします。

このメンバーの記事をもっと読む
Photoshopの使い方 | 36 articles
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL