実践！初心者でも簡単にできるPhotoshopのお役立ちアクション15種
- 2017年3月3日
- 435
ferret編集メンバーが不定期で更新します。
Webマーケティング界隈の最新ニュースからすぐ使えるノウハウまで、わかりやすく紹介します！
>> 著者詳細はこちら
撮影後、写真素材を確認してみると、思ったより綺麗に撮れていなかったり、ちょっとした修正が必要なことがあります。
画像加工というと初心者には難しい印象がありますが、プロも使うPhotoshopと便利なアクションがあれば、誰でも簡単に画像加工ができます。
一通り加工方法を身に付けておき、シーンに応じてアクションを取り入れるといいでしょう。
今回は、Photoshopを使ってできる写真素材の定番画像加工方法と、お役立ちアクションをあわせてご紹介します。
これらを使えば初心者でも簡単に画像加工ができますので、ぜひ実践してみてください。
明るさを調整する
ステップ1：画像を開く
明るさを補正したい画像を準備し、Photoshopで開きます。
今回は、写真素材を配布している「足成」様より画像をお借りしました。
ステップ2：レイヤーパネルを表示
メニューバー > ウィンドウ > レイヤーの手順で、レイヤーパネルを表示します。
※既に表示している場合には非表示になってしまいますので、注意しましょう
ステップ3：トーンカーブレイヤーを重ねる
レイヤーパネルの下部にある黒/白の円ボタンをクリックし「トーンカーブ」を選択します。
すると、トーンカーブレイヤーをかけることができました。
ステップ4：明るさを調整する
トーンカーブレイヤーの「色調補正」を操作し、明るくしていきます。
斜めのカーブの中央辺りを左上に引き上げると、画像が明るくなるのがわかります。
※CMYKの場合は逆で、左上に引き上げると暗く、右下に下げると明るくなります
これで、元画像よりも随分明るくなりました。
不要なものを消す
ステップ1：画像を開く
画像から不要なものを消してみましょう。
※ここでは画像右側の眼鏡を消していきます
まずは、加工したい画像をPhotoshopで開きます。
今回は、写真素材を配布している「pixabay」様より画像をお借りしました。
ステップ2：修復ブラシツールを選択する
修正ツールには様々なものがありますが、今回は「修復ブラシツール」を使用してみます。
画面左側のツールの中から「修復ブラシツール」を選択します。
ステップ3：サンプルを指定して消していく
Altキー（Macではoptionキー）でサンプルにしたい箇所を指定し、消したい箇所をなぞります。
今回は、画像の赤丸辺りの箇所をサンプルにしました。
眼鏡の上をなぞると、段々とサンプルで塗りつぶされていきます。
全体をなぞり終えると、眼鏡が消えました。
このほかにも以下のようなツールがありますので、画像に適したものを選択してみましょう。
スポット修正ブラシツール
対象箇所をなぞるだけで、簡単に修正できるツールです。ちょっとした汚れを隠したい場合に便利です。
修復ブラシツール
サンプル領域を指定し、不要物を消していきます。※今回使用したツールです
コピースタンプツール
その名のとおり、領域をコピーしスタンプのように押せるツールです。修正ブラシツールと似ているものの、こちらは周囲と馴染みません。
パッチツール
上記とは異なり、選択範囲を作成して修正を行うツールです。
背景をぼかし被写体を目立たせる
ステップ１：画像を開く
商品画像を目立たせたい時に使える、背景をぼかす方法です。
初めに加工したい画像をPhotoshopで開きます。
今回は、写真素材を配布している「足成」様より画像をお借りしました。
ステップ2：クイック選択ツールする
画面左のツールから「クイック選択ツール」を選択します。
ステップ3：選択範囲を行う
ぼかしたくない部分（被写体）を選択していきます。
選択し終えたら、選択範囲 > 選択範囲を反転をクリックします。
これで、背景部分を選択することができました。
ステップ4：背景をぼかす
フィルター > ぼかし > ぼかし(ガウス)をクリックし、プレビューを確認しながらぼかし具合を調整していきます。
調整が完了し「OK」をクリックすると、背景だけにぼかしがかかった状態になりました。
ピンポイントで色を変更する
ステップ1：画像を開く
写真の一部だけ色を変えたい、という時に有効なテクニックです。
今回は写真素材を配布している「pixabay」様より画像をお借りしました。
ステップ2：色を変えたい部分を選択
任意の方法で、色を変えたい範囲を選択します。
今回は「クイック選択ツール」を使いました。
ステップ3：置き換えたい箇所を選ぶ
イメージ > 色調補正 > 色の置き換え を選択します。
すると調整画面が出てくるので、色を置き換えたい部分をスポイトツールで選択しましょう。
ステップ4：色を調整する
パネル上で許容量・色の調整を行いましょう。
今回は、青から赤に変化させました。
最後に選択を解除すれば、色の変更が完了します。
背景を透明にする
ステップ1：画像を開く
続いてご紹介するのは、商品写真などで背景を透明にしたい時に使えるテクニックです。
まずは、Photoshopで画像を開きます。
今回は写真素材を配布している「pixabay」様より画像をお借りしました。
ステップ2：背景をレイヤーに
画像が背景レイヤーになっていますので、レイヤーを右クリックし「背景からレイヤーへ」を選択、レイヤーに変更します。
ステップ3：残したい部分を選択する
画像の残したい部分を、クイック選択ツールで範囲選択します。
今回は、画像のメインである靴を選択しています。
選択を終えたら、画面上の「境界線を調整」を選択します。
ステップ4：境界線を調整
「境界線を調整」パネルで表示モードを「白黒」に切り替え、「エッジの検出」の「スマート半径」を選択し調整していきます。画像によって調整具合を変えていきましょう。
※今回の画像では、スマート半径の調整はしていません
調整が終わったら、パネルを閉じます。
ステップ5：選択範囲を反転し、選択範囲を消去
上部メニューの選択範囲 > 選択範囲を反転をクリックし、選択範囲を「対象物」から「背景」に変更します。
反転できたら、編集 > 消去とクリックします。
これで、背景部分を消すことができました。
傾きを補正する
ステップ1：画像を開く
綺麗に撮ったと思っても、後々確認すると傾いていたという経験はないでしょうか。
そういう時は、Photoshopで修正しましょう。
初めに、画像を開きます。
今回は写真素材を配布している「pixabay」様より画像をお借りしました。
ステップ2：ものさしツールを選択する
メニューから「スポイトツール」を選択、長押しし「ものさしツール」を選択します。
ステップ3：水平にしたい部分に線を引く
ものさしツールを使って、水平にしたい部分に線を引きます。
ステップ4：角度を調整する
イメージ > 画像の回転 > 角度入力をクリックします。
パネルを表示したら自動的に角度が入力してありますので、そのまま「OK」をクリックします。
これで、傾いた画像を水平にすることができました。
手軽に画像加工できるPhotoshopアクション15個
画像加工の作業はそう難しいものではありませんが、何枚もの画像を修正したいという時には正直面倒です。
そこで、たくさんの画像を加工したい時にはPhotoshopアクションを活用しましょう。
アクションとは、一連の作業を一瞬で行ってくれる自動作業機能のことです。
ここからは、写真を素敵にしてくれるアクションファイルをご紹介しますので、気になるものがあれば手元に置いておきましょう。
1. FREE PASTEL COLORS PHOTOSHOP ACTIONS
http://www.freebiespsd.com/2015/02/free-pastel-colors-photoshop-actions.html
様々なパステルカラーの写真エフェクト15種類を収録したセットです。
風景から人物まであらゆる写真に使え、魅力的に演出してくれます。
2. Photoshop Fairy action
http://lieveheersbeestje.deviantart.com/art/Photoshop-Fairy-action-296314434
その名のとおり「妖精」のような可愛らしさ、幻想的な雰囲気を演出できるPhotoshopアクションです。
3. 10 Hipster Actions Photoshop
https://www.behance.net/gallery/19734105/10-Hipster-Actions-Photoshop
インスタグラムのフィルターに似た、オシャレなエフェクト10種類のセットです。
カッコいい雰囲気を演出したい時に重宝します。
4. 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
http://efeitophotoshop.blogspot.jp/2012/04/dramatic-sepia-free-action.html
写真をドラマチックなセピアカラーに変えてくれる、魅力的なPhotoshopアクションです。
6. Premium Looks Photoshop Action
http://pstutorialsws.deviantart.com/art/Premium-Looks-Photoshop-Actions-441454718
手持ちの写真をナチュラルに美しく仕上げてくれるエフェクトのセットです。
7. 69 Photoshop Action V9
http://lieveheersbeestje.deviantart.com/art/69-Photoshop-Action-V9-308702077
1個ずつダウンロードするのが面倒……という方にオススメしたい、便利なPhotoshopアクションのコレクションです。
8. Freebie: 10 Instagram Photoshop Actions
http://www.photoshoptutorials.ws/downloads/photoshop-actions/freebie-10-instagram-photoshop-actions/
レトロでオシャレな雰囲気のエフェクト10種類を収録したコレクションです。
9. Earthy tones Photoshop Action
http://lieveheersbeestje.deviantart.com/art/Earthy-tones-Photoshop-Action-411933041
赤みの強い、温かな写真に仕上げてくれるPhotoshopアクションです。
10. CoffeeShop Hazy Afternoon Photoshop
http://www.thecoffeeshopblog.com/2014/07/coffeeshop-hazy-afternoon-photoshoppse_10.html
こだわりのモノクロと渋いビンテージエフェクトを適用してくれる、素敵なPhotoshopアクションです。
11. Photoshop Blossom Actions
http://lieveheersbeestje.deviantart.com/art/Photoshop-Blossom-Actions-289600050
花の写真にもってこいな、華やかで美しいエフェクトです。
春のような温かみを演出してくれます。
12. My Last Summer - 2 Photoshop Actions
http://fashionvictim89.deviantart.com/art/My-Last-Summer-2-Photoshop-Actions-322289484
ノスタルジックな雰囲気を演出してくれる、ビンテージ系Photoshopアクションです。
13. Beach vintage
http://bokehlie.deviantart.com/art/Beach-vintage-322096080
色あせたような素敵なカラーに仕上げてくれるエフェクトで、ビーチなどの風景写真やオシャレなアイテムの写真にぴったりです。
14. Home Baked Photoshop Actionsby poplet
http://poplet.deviantart.com/art/Home-Baked-Photoshop-Actions-426297064
たくさんのPhotoshopアクションを収録した、豊富なエフェクトが楽しめるセットです。
15. Sun Kisses Photoshop Actions
http://whimsical-dreams.deviantart.com/art/Sun-Kissed-Photoshop-Actions-324643867
太陽をテーマにした、温かな雰囲気のPhotoshopアクションセットです。
まとめ
以上、Photoshopを使った画像加工方法とお役立ちアクションをご紹介しました。
いかがでしたでしょうか。
定番の画像加工方法は一通り覚えておいて損はありませんので、ステップに沿って実践してみましょう。アクションファイルも手持ちの画像に実際試してみると、いざという時に使えて便利です。
1枚ずつ確認しながら、こだわって修正したい時は自力で、たくさんの画像を手軽に処理したい時は「アクション」という風にシーンに応じて加工方法を選択してみてください。
なお、アクションを利用する際には必ず利用条件等を確認し、ルールを守って使いましょう。