撮影後、写真素材を確認してみると、思ったより綺麗に撮れていなかったり、ちょっとした修正が必要なことがあります。

画像加工というと初心者には難しい印象がありますが、プロも使うPhotoshopと便利なアクションがあれば、誰でも簡単に画像加工ができます。

一通り加工方法を身に付けておき、シーンに応じてアクションを取り入れるといいでしょう。

今回は、Photoshopを使ってできる写真素材の定番画像加工方法と、お役立ちアクションをあわせてご紹介します。

これらを使えば初心者でも簡単に画像加工ができますので、ぜひ実践してみてください。
  

明るさを調整する

ステップ1:画像を開く

1_1.png

明るさを補正したい画像を準備し、Photoshopで開きます。
今回は、写真素材を配布している「足成」様より画像をお借りしました。
  

ステップ2:レイヤーパネルを表示

1_2.png
メニューバー > ウィンドウ > レイヤーの手順で、レイヤーパネルを表示します。
※既に表示している場合には非表示になってしまいますので、注意しましょう
  

ステップ3:トーンカーブレイヤーを重ねる

1_3.png
レイヤーパネルの下部にある黒/白の円ボタンをクリックし「トーンカーブ」を選択します。
  
1_4.png
すると、トーンカーブレイヤーをかけることができました。
  

ステップ4:明るさを調整する

1_5.png
トーンカーブレイヤーの「色調補正」を操作し、明るくしていきます。
斜めのカーブの中央辺りを左上に引き上げると、画像が明るくなるのがわかります。
※CMYKの場合は逆で、左上に引き上げると暗く、右下に下げると明るくなります
  
1_6.png
これで、元画像よりも随分明るくなりました。
  

不要なものを消す

ステップ1:画像を開く

2_1.png
画像から不要なものを消してみましょう。
※ここでは画像右側の眼鏡を消していきます

まずは、加工したい画像をPhotoshopで開きます。
今回は、写真素材を配布している「pixabay」様より画像をお借りしました。
  

ステップ2:修復ブラシツールを選択する

2_2.png
修正ツールには様々なものがありますが、今回は「修復ブラシツール」を使用してみます。
画面左側のツールの中から「修復ブラシツール」を選択します。
  

ステップ3:サンプルを指定して消していく

2_3.png
Altキー(Macではoptionキー)でサンプルにしたい箇所を指定し、消したい箇所をなぞります。

今回は、画像の赤丸辺りの箇所をサンプルにしました。
  
2_4.png
眼鏡の上をなぞると、段々とサンプルで塗りつぶされていきます。
  
2_5.png
  
2_6.png
全体をなぞり終えると、眼鏡が消えました。

このほかにも以下のようなツールがありますので、画像に適したものを選択してみましょう。
  

スポット修正ブラシツール
対象箇所をなぞるだけで、簡単に修正できるツールです。ちょっとした汚れを隠したい場合に便利です。

修復ブラシツール
サンプル領域を指定し、不要物を消していきます。※今回使用したツールです

コピースタンプツール
その名のとおり、領域をコピーしスタンプのように押せるツールです。修正ブラシツールと似ているものの、こちらは周囲と馴染みません。

パッチツール
上記とは異なり、選択範囲を作成して修正を行うツールです。

  

背景をぼかし被写体を目立たせる

ステップ1:画像を開く

3_1.png
商品画像を目立たせたい時に使える、背景をぼかす方法です。
初めに加工したい画像をPhotoshopで開きます。
今回は、写真素材を配布している「足成」様より画像をお借りしました。
  

ステップ2:クイック選択ツールする

3_2.png
画面左のツールから「クイック選択ツール」を選択します。
  

ステップ3:選択範囲を行う

3_3.png
ぼかしたくない部分(被写体)を選択していきます。
  
3_4.png
選択し終えたら、選択範囲 > 選択範囲を反転をクリックします。
  
3_5.png
これで、背景部分を選択することができました。
  

ステップ4:背景をぼかす

3_6.png
フィルター > ぼかし > ぼかし(ガウス)をクリックし、プレビューを確認しながらぼかし具合を調整していきます。
  
3_7.png
  
3_8.png

調整が完了し「OK」をクリックすると、背景だけにぼかしがかかった状態になりました。
  

ピンポイントで色を変更する

ステップ1:画像を開く

4_1.png
写真の一部だけ色を変えたい、という時に有効なテクニックです。
今回は写真素材を配布している「pixabay」様より画像をお借りしました。
  

ステップ2:色を変えたい部分を選択

4_2.png
任意の方法で、色を変えたい範囲を選択します。
今回は「クイック選択ツール」を使いました。
  

ステップ3:置き換えたい箇所を選ぶ

4_3.png
イメージ > 色調補正 > 色の置き換え を選択します。
  
4_4.png
すると調整画面が出てくるので、色を置き換えたい部分をスポイトツールで選択しましょう。
  

ステップ4:色を調整する 

4_5.png
パネル上で許容量・色の調整を行いましょう。
今回は、青から赤に変化させました。
  
4_6.jpg
最後に選択を解除すれば、色の変更が完了します。
  

背景を透明にする

ステップ1:画像を開く

5_1.png
続いてご紹介するのは、商品写真などで背景を透明にしたい時に使えるテクニックです。

まずは、Photoshopで画像を開きます。

今回は写真素材を配布している「pixabay」様より画像をお借りしました。
  

ステップ2:背景をレイヤーに

5_2.png
画像が背景レイヤーになっていますので、レイヤーを右クリックし「背景からレイヤーへ」を選択、レイヤーに変更します。
  

ステップ3:残したい部分を選択する

5_3.png
画像の残したい部分を、クイック選択ツールで範囲選択します。
今回は、画像のメインである靴を選択しています。
  
5_4.png
選択を終えたら、画面上の「境界線を調整」を選択します。
  

ステップ4:境界線を調整

5_5.png
「境界線を調整」パネルで表示モードを「白黒」に切り替え、「エッジの検出」の「スマート半径」を選択し調整していきます。画像によって調整具合を変えていきましょう。
※今回の画像では、スマート半径の調整はしていません

調整が終わったら、パネルを閉じます。
  

ステップ5:選択範囲を反転し、選択範囲を消去

5_6.png
上部メニューの選択範囲 > 選択範囲を反転をクリックし、選択範囲を「対象物」から「背景」に変更します。
  
5_7.png
反転できたら、編集 > 消去とクリックします。
  
5_8.png
  
5_9.png

これで、背景部分を消すことができました。
  

傾きを補正する

ステップ1:画像を開く

6_1.png
綺麗に撮ったと思っても、後々確認すると傾いていたという経験はないでしょうか。
そういう時は、Photoshopで修正しましょう。

初めに、画像を開きます。
今回は写真素材を配布している「pixabay」様より画像をお借りしました。
  

ステップ2:ものさしツールを選択する

6_2.png
メニューから「スポイトツール」を選択、長押しし「ものさしツール」を選択します。
  

ステップ3:水平にしたい部分に線を引く

6_3.png
ものさしツールを使って、水平にしたい部分に線を引きます。
  

ステップ4:角度を調整する

6_4.png
イメージ > 画像の回転 > 角度入力をクリックします。
  
6_5.png
パネルを表示したら自動的に角度が入力してありますので、そのまま「OK」をクリックします。
  
6_6.png
これで、傾いた画像を水平にすることができました。
  

手軽に画像加工できるPhotoshopアクション15個

画像加工の作業はそう難しいものではありませんが、何枚もの画像を修正したいという時には正直面倒です。
そこで、たくさんの画像を加工したい時にはPhotoshopアクションを活用しましょう。

アクションとは、一連の作業を一瞬で行ってくれる自動作業機能のことです。
ここからは、写真を素敵にしてくれるアクションファイルをご紹介しますので、気になるものがあれば手元に置いておきましょう。
  

1. FREE PASTEL COLORS PHOTOSHOP ACTIONS

FREE PASTEL COLORS PHOTOSHOP ACTIONS
http://www.freebiespsd.com/2015/02/free-pastel-colors-photoshop-actions.html

様々なパステルカラーの写真エフェクト15種類を収録したセットです。
風景から人物まであらゆる写真に使え、魅力的に演出してくれます。
  

2. Photoshop Fairy action

Photoshop Fairy action
http://lieveheersbeestje.deviantart.com/art/Photoshop-Fairy-action-296314434

その名のとおり「妖精」のような可愛らしさ、幻想的な雰囲気を演出できるPhotoshopアクションです。
  

3. 10 Hipster Actions Photoshop

10 Hipster Actions Photoshop
https://www.behance.net/gallery/19734105/10-Hipster-Actions-Photoshop

インスタグラムのフィルターに似た、オシャレなエフェクト10種類のセットです。
カッコいい雰囲気を演出したい時に重宝します。
  

4. 10 Retro Style Actions

10 Retro Style Actions
http://blog.spoongraphics.co.uk/freebies/10-free-retro-style-photo-effect-photoshop-actions

写真加工の中でも人気の高い、レトロなスタイルだけを集めたPhotoshopアクションセットです。
全部で10種類が揃っています。
  

5. DRAMATIC SEPIA FREE ACTION

DRAMATIC SEPIA FREE ACTION
http://efeitophotoshop.blogspot.jp/2012/04/dramatic-sepia-free-action.html

写真をドラマチックなセピアカラーに変えてくれる、魅力的なPhotoshopアクションです。
  

6. Premium Looks Photoshop Action

Premium Looks Photoshop Action
http://pstutorialsws.deviantart.com/art/Premium-Looks-Photoshop-Actions-441454718

手持ちの写真をナチュラルに美しく仕上げてくれるエフェクトのセットです。
  

7. 69 Photoshop Action V9

69 Photoshop Action V9
http://lieveheersbeestje.deviantart.com/art/69-Photoshop-Action-V9-308702077

1個ずつダウンロードするのが面倒……という方にオススメしたい、便利なPhotoshopアクションのコレクションです。
  

8. Freebie: 10 Instagram Photoshop Actions

Freebie: 10 Instagram Photoshop Actions
http://www.photoshoptutorials.ws/downloads/photoshop-actions/freebie-10-instagram-photoshop-actions/

レトロでオシャレな雰囲気のエフェクト10種類を収録したコレクションです。
  

9. Earthy tones Photoshop Action

Earthy tones Photoshop Action
http://lieveheersbeestje.deviantart.com/art/Earthy-tones-Photoshop-Action-411933041

赤みの強い、温かな写真に仕上げてくれるPhotoshopアクションです。
  

10. CoffeeShop Hazy Afternoon Photoshop

CoffeeShop Hazy Afternoon Photoshop
http://www.thecoffeeshopblog.com/2014/07/coffeeshop-hazy-afternoon-photoshoppse_10.html

こだわりのモノクロと渋いビンテージエフェクトを適用してくれる、素敵なPhotoshopアクションです。
  

11. Photoshop Blossom Actions

Photoshop Blossom Actions
http://lieveheersbeestje.deviantart.com/art/Photoshop-Blossom-Actions-289600050

花の写真にもってこいな、華やかで美しいエフェクトです。
春のような温かみを演出してくれます。
  

12. My Last Summer - 2 Photoshop Actions

My Last Summer - 2 Photoshop Actions
http://fashionvictim89.deviantart.com/art/My-Last-Summer-2-Photoshop-Actions-322289484

ノスタルジックな雰囲気を演出してくれる、ビンテージ系Photoshopアクションです。
  

13. Beach vintage

Beach vintage
http://bokehlie.deviantart.com/art/Beach-vintage-322096080

色あせたような素敵なカラーに仕上げてくれるエフェクトで、ビーチなどの風景写真やオシャレなアイテムの写真にぴったりです。
  

14. Home Baked Photoshop Actionsby poplet

Home Baked Photoshop Actionsby poplet
http://poplet.deviantart.com/art/Home-Baked-Photoshop-Actions-426297064

たくさんのPhotoshopアクションを収録した、豊富なエフェクトが楽しめるセットです。
  

15. Sun Kisses Photoshop Actions

Sun Kisses Photoshop Actions
http://whimsical-dreams.deviantart.com/art/Sun-Kissed-Photoshop-Actions-324643867

太陽をテーマにした、温かな雰囲気のPhotoshopアクションセットです。
  

まとめ

以上、Photoshopを使った画像加工方法とお役立ちアクションをご紹介しました。
いかがでしたでしょうか。

定番の画像加工方法は一通り覚えておいて損はありませんので、ステップに沿って実践してみましょう。アクションファイルも手持ちの画像に実際試してみると、いざという時に使えて便利です。

1枚ずつ確認しながら、こだわって修正したい時は自力で、たくさんの画像を手軽に処理したい時は「アクション」という風にシーンに応じて加工方法を選択してみてください。

なお、アクションを利用する際には必ず利用条件等を確認し、ルールを守って使いましょう。