Photoshop（フォトショップ）のチュートリアルまとめ｜使い方やかっこいい加工の練習に！

*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。

そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう

Photoshop（フォトショップ）チュートリアル一覧

1.手軽にレトロな写真に加工する方法

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-photo-effect

写真をノスタルジックな雰囲気に加工するためのチュートリアルです。
複数のレイヤーを追加し描画モードで細かく色味を調整することにより、ヴィンテージ感のある写真に仕上げます。

2.写真の一部だけ色を変更する方法

https://designpanoply.com/blog/selective-color-photo-effect-in-photoshop

写真全体を白黒にし、クイック選択ツールを使って一部の箇所だけをカラーにするチュートリアルです。
わずか数ステップで自然に色を変更させることができます。対象のオブジェクトが淡い色でも綺麗に発色させることが可能です。

3.人物写真をポリゴンスタイルにする方法

https://fx-ray.com/tutorials/lowpoly/#

ポートレート写真を今流行のポリゴンスタイルに加工するためのチュートリアルです。
一見手が込んでいるように見えますが、少ない手順で簡単にポリゴン風の肖像画を作ることができます。

4.雷デザインのテキストを作る方法

http://www.psd-dude.com/tutorials/photoshop-light-text-using-the-lightning-creator.aspx

フォントとアクションを使うことで簡単に、まるで雷で描いたようなデザインのテキストを作成することが出来るチュートリアルです。
たった9のステップで、クールな雷テキストをデザインすることができます。

5.テキスト部分を綺麗に見やすくする方法

https://zurb.com/university/lessons/48

ホワイトボードに描いた手描きの文字を綺麗にはっきり見えるようにするチュートリアルです。
撮影前に出来るちょっとしたテクニックもあわせて紹介されています。会議などでメモ代わりに撮影した際に使える手法です。

6.写真とベクター素材を美しく合成する方法

https://www.digitalartsonline.co.uk/tutorials/photoshop/create-photo-vector-mash-up/

女性のポートレート写真に風景と素材を合成し、スタイリッシュでクールな写真に仕上げるチュートリアルです。
ベクターシェイプの不透明度、ブレンドモードを調整することで、自然に合成しています。

7.リアルな3Dテキストを風景画に合成する方法

https://fx-ray.com/tutorials/3d_text/#

単純なテキストをリアルな3Dに仕上げ、風景画に自然に合成するチュートリアルです。
基本のテクニックを駆使することで本物のような3Dテキストをデザインします。見るだけでも参考になるチュートリアルです。

8.ネオンの効果でおとぎ話のような写真に仕上げる方法

https://www.photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/turn-baby-photo-fairy-tale-queen-fungi-composite/

少女のポートレート写真を、まるで魔法にかかったかのような幻想的な写真に加工するチュートリアルです。
テクスチャ、キラキラのネオン効果を取り入れ、背景に合わせて選んだ素材を合成することで、雰囲気のある写真に仕上がります。

9.簡単な方法で写真をヴィンテージ風にする方法

https://designpanoply.com/blog/vintage-cross-processed-photo-effect-in-photoshop

基本的なテクニックだけで、簡単に写真をレトロ調にするチュートリアルです。
ブレンドモード、調整レイヤーを微調整することで、初心者でも手軽に今人気のヴィンテージ加工をすることが出来ます。

10.夜空にうまく雲を合成する方法

https://photoblogstop.com/photoshop/adding-a-moon-to-your-landscape-using-photoshop-blending-options

ブレンドオプションを使って、空のポートレート写真に月のオブジェクトを合成するチュートリアルです。
微調整を加えていくことで、まるで元々月があったかのような自然な仕上がりになります。基本のテクニックで出来ますので、初心者の方は是非試しておきたいチュートリアルです。

11.写真に取り入れたテキストの色を一部変更する方法

https://www.digitalartsonline.co.uk/tutorials/photoshop/how-change-text-colour-in-photoshop/

デザインに追加したテキストを、カラーピッカーを使い色変更するチュートリアルです。
初心者の方はまず見ておきたいテクニックです。

12.砂の上に文字をデザインする方法

https://design.tutsplus.com/tutorials/how-to-write-in-the-sand-in-adobe-photoshop--cms-21550

砂浜の写真に、リアルなテキストエフェクトを書き加えるチュートリアルです。
影や深さもまるで本物のように仕上がります。一通りやってみることで、Photoshopスキルをぐっと高めることが出来るテクニックです。

13.必要箇所にソフトフォーカスを使用する方法

https://photoblogstop.com/photoshop/selective-focus-in-photoshop-painting-in-focus-or-blur

ブラシツールを使用して、思い通りにソフトフォーカスを適用するチュートリアルです。
簡単なステップで出来ますので、覚えておくと大変便利なテクニックです。

14.透明な素材を綺麗に切り抜く方法

http://planetphotoshop.com/extracting-transparent-elements.html

クイック選択ツールと境界線を調整を駆使して、白いバックから水を綺麗に切り抜くチュートリアルです。
背景部分を綺麗に除去して切り取ります。切り抜き加工は、デザインをする上で使用頻度が高いので、是非見ておきたいテクニックです。

15.簡単なテクニックで風景画に惑星を合成する方法

https://designpanoply.com/blog/how-to-composite-a-moon-or-planet-into-a-photo-with-photoshop

基本的なPhotoshopスキルのみを使って、風景写真に惑星オブジェクトを合成するチュートリアルです。
ブレンドモードを変更し、ブラシで調整することで、元々惑星があったかのように自然な仕上がりになります。応用が利くテクニックですので、一度見ておくことをオススメします。

16.ストロベリーパイでデザインされたようなテキストを作る方法

http://www.psd-dude.com/tutorials/strawberry-fruit-pie-text-effect-photoshop-tutorial.aspx

美味しそうなストロベリーパイで描かれたようなテキストを作成するチュートリアルです。
テクスチャやパターンを組み合わせることでリアルなパイのように仕上げています。複雑に見えますが、基本のスキルだけで出来るテクニックです。

17.リアルなタトゥー風デザインに仕上げる方法

http://www.psd-dude.com/tutorials/create-a-tattoo-in-photoshop.aspx

人物写真の上に、本物のようなタトゥーデザインを合成するチュートリアルです。
カラーバランス、ブレンドモードなどを調整することでナチュラルに皮膚に馴染ませます。あらゆるデザインで応用が利くテクニックです。

18.水だけで人物をデザインする方法

https://www.digitalartsonline.co.uk/tutorials/photoshop/painting-with-rain/

まるで水で人物を描いたようなデザインを作るチュートリアルです。
照明と影を調整することで、驚く程リアルに仕上げます。使用頻度はあまり高くありませんが、デザインスキルを一気にアップさせることができるので一度は試しておきたいテクニックです。

19.写真をレゴ風に変換する方法

https://design.tutsplus.com/tutorials/transform-a-photo-into-a-lego-block-piece-of-art-in-adobe-photoshop--cms-20568

基本のブロックパターンを作り、自由の女神の写真をレゴっぽく加工するチュートリアルです。
フィルタ、シャドウイング技術を用いますのでPhotoshopスキルの向上につながります。一度はデザインに使ってみたいテクニックです。

20.美しいレンズフレアを作る方法

https://www.digitalartsonline.co.uk/tutorials/photoshop/create-realistic-lens-flares/

簡単な方法で、レンズフレアフィルタを作成するチュートリアルです。
様々なデザインで活用できるので、覚えておきたいテクニックの一つです。

21.まるで水彩画のようなデザインエフェクトを作る方法

https://medialoot.com/blog/tutorial-easily-create-an-artistic-watercolor-painting-in-photoshop/

水彩効果と画像を組み合わせて、芸術的な水彩画風エフェクトを作るチュートリアルです。
既存の水彩テクスチャを使うことで、簡単に作ることが出来ます。最近人気の水彩画風ですので、是非見ておきたいテクニックです。

22.写真に雨のエフェクトを加える方法

https://designpanoply.com/blog/how-to-add-rain-to-a-photo-in-photoshop

ポートレート写真を、本当に雨が降っているかのうようにするチュートリアルです。
ノイズを加えモーションブラーを適用することで、まるで本物の雨のように仕上げます。デザインスキルを高める上で参考になるテクニックです。

23.ポートレートにグラデーションを加える方法

http://www.adobetutorialz.com/articles/30972255/1/how-to-turn-your-image-into-a-color-mixture-photo-in-photoshop-cs5

女性のポートレート写真にグラデーションオーバーレイを加え、印象的に加工するチュートリアルです。
ポスター、広告に使いたいテクニックです。手軽にお洒落な加工が出来ますので、是非見ておくことをオススメします。

24.基本のテクだけでポップな写真にする方法

https://digital-photography-school.com/3-easy-steps-using-photoshop-to-making-your-images-pop/

たったの3ステップで簡単に写真をポップな印象にするチュートリアルです。
基本の技術だけで垢抜けた写真を作ることができますので、是非覚えておきたいテクニックです。Photoshop操作に慣れていない、という方にもオススメです。

25.写真にリアルな夕日を加える方法

https://www.psdbox.com/tutorials/create-a-realistic-sunset-effect-in-photoshop

レイヤースタイルを調整し、写真にロマンティックな夕日を加えるチュートリアルです。
完成までの作業は少し多いですが、丁寧な解説が参考になりますのでスキルアップのために見てみたいテクニックです。

26.たった10分で簡単にレタッチをおこなう方法

http://graphicdesignjunction.com/2014/06/photoshop-tutorial-retouching-photos-in-ten-minutes-or-less/

わずか10分のスピードで写真補正をするチュートリアルです。
彩度の調整、ノイズ除去、細かな点の修正といった基本の技術を一通り解説しています。Photoshop初心者・中級者におすすめしたいテクニックです。

27.水滴のついた窓ガラスに文字を描く方法

https://photoshoproadmap.com/create-text-foggy-rainy-window-photoshop/

窓ガラスの写真にテキストを追加するチュートリアルです。
一見すると難しそうな仕上がりですが、動画と文章で分かりやすく解説されていますので是非一度試したいテクニックです。

28.光の量を調節して色合いを整える方法

https://design.tutsplus.com/tutorials/how-to-color-correct-and-improve-white-balance-in-photoshop--cms-20534

ホワイトバランスを調整し自然な肌のトーンに加工する方法を解説したチュートリアルです。
流れに沿ってレタッチすれば、正しい色補正のテクニックと関連ツールの使用方法が身に付きます。Photoshop初心者に特にオススメです。

29.紙幣にプリントしたようなエフェクトの作成方法

https://blog.spoongraphics.co.uk/tutorials/create-realistic-money-effect-photoshop

まるでイラストを紙幣に印刷したような効果を作成するチュートリアルです。
波線のパターンを使って、ヴィンテージ感のある本物の紙幣のようなデザインに仕上げ、最後にハイライトを入れることでよりリアル感をアップさせています。デザインスキルをぐっと高めることができるテクニックです。

30.シェイプの形状に沿うように文字を配置する方法

https://designpanoply.com/blog/how-to-create-a-custom-text-box-shape-in-photoshop

雑誌広告やポスターによくある、人物写真に沿って文字を配置するチュートリアルです。
ペンツールを使い、シェイプに綺麗に沿わせます。使用頻度が高い技術ですので、是非身に付けておきたいテクニックです。

31.金属素材の容器に3D文字を加工する方法

https://textuts.com/3d-jar-with-embossed-text-in-photoshop-cc/

金属性の金色のジャーに、立体的なテキストを追加するチュートリアルです。
瓶も一から作成しますが、まるで本物のような仕上がりです。3D機能を使用する技術が学べ、Photoshopスキルをアップさせることができます。

32.写真から色を抽出する方法

https://design.tutsplus.com/tutorials/create-color-swatches-for-your-designs-from-a-photograph--cms-20696

お手持ちの写真からカラースウォッチを作成するチュートリアルです。
デザインに最適な色見本を作ることで、どのような色を使えばいいかの参考になります。Photoshopを使うなら是非知っておきたいテクニックです。

33.フィルター加工を施す方法

https://www.ucreative.com/design/

写真にフィルター加工を施し、お洒落で印象的なヴィジュアルに仕上げるチュートリアルです。
簡単な方法で手軽に写真のイメージを変えることができます。今トレンドのフィルター加工ですので、覚えておきたいテクニックです。

34.お洒落なモノクロ写真に加工する方法

https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-grainy-bw-high-fashion-photo-effect

デザイン性の高いファッショナブルな白黒写真を作るチュートリアルです。
簡単なステップで、女性誌や広告に見られるようなお洒落な加工が完成します。通常のモノクロ変換よりぐっとお洒落に仕上がりますので、是非見ておきたいテクニックです。

35.円の中に綺麗に文字を配置する方法

https://www.photoshoptutorials.ws/photoshop-tutorials/basics/quick-tip-correct-create-curved-text/

変形してしまいがちな、カーブにテキストを沿わせる方法を解説するチュートリアルです。
ワープテキストツールを使わないことで、綺麗に文字を配置します。非常によく使うので、一度は見て覚えておきたいテクニックです。

36.暗めの背景に人物をうまく馴染ませる合成方法

https://www.photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/add-mermaid-dark-bleak-landscape/?utm_source=feedly&utm_reader=feedly&utm_medium=rss&utm_campaign=add-mermaid-dark-bleak-landscape

浮いてしまいがちな暗めの背景に、画像を綺麗に合成するチュートリアルです。
まずは明るい写真をダークにするところから始めますので、一通り覚えればPhotoshopのスキルが格段に上がること間違いなしです。

37.まるでチョークで描いたようなテキストに加工する方法

https://design.tutsplus.com/tutorials/how-to-create-a-chalk-logo-effect-in-photoshop--psd-35402

チョークボードのテクスチャに、リアルなチョークロゴを作成するチュートリアルです。
手描きのロゴをスキャンしたものをチョーク風に仕上げます。POP、ホームページデザインに使ってみたいテクニックです。

38.ツヤ質感のあるリボンを作成する方法

https://crayonify.com/learn-to-create-simple-vertical-social-ribbons/

ホームページ、デザインに使える高級感あるリボンを作成するチュートリアルです。
使用頻度が高いので是非とも覚えておきたいテクニックです。

39.多重露光の手法を用いた写真加工の方法

https://www.psdbox.com/tutorials/double-exposure-effect-in-photoshop

ブレンドモード、レイヤーを組み合わせた写真加工のチュートリアルです。
ポートレートをぐっとお洒落に変身させることができますので、覚えておきたいテクニックです。

40.リアルな影を加える方法

http://abduzeedo.com/dramatic-shadows-photoshop-cc

テキストに本物のような影を加え、立体的に仕上げるチュートリアルです。
紙のテクスチャを用いることでより本物のような見た目になります。一度は見ておきたいテクニックです。

41.夜空にキラキラ輝く星を再現する方法

https://www.photoshopessentials.com/photo-effects/starry-night-sky-effect-photoshop-cs6/

夜景の写真にリアルな星を加えるチュートリアルです。
ノイズフィルタを適用し、ぼかして調整することで本物の星のようなデザインを再現しています。

42.異なる質感の素材を自然に合成する方法

https://webneel.com/video/blending-images-together-seamlessly-photoshop-tutorial

複数の画像をナチュラルに馴染ませる合成のチュートリアルです。
質感の異なる素材でも、このテクニックを使えば自然にブレンドさせることができます。見ておくとスキルがアップするテクニックです。

43.ポートレートを簡単にレタッチする方法

https://designpanoply.com/blog/six-ways-to-create-a-vignette-in-photoshop

人物写真をレタッチする方法を6つ紹介しているチュートリアルです。
基本的な内容ですので是非チェックしておきたいテクニックです。

44.写真に光のエフェクトを適用する方法

https://blog.spoongraphics.co.uk/tutorials/how-to-enhance-a-photo-with-color-lighting-effects

写真にリアルな光を追加するチュートリアルです。
調整レイヤー、コントラストの微調整に加えレンズフレアを追加し、リアルな光を表現します。他にも応用が利くテクニックですので、一度チェックしておきたいです。

45.ピアノの鍵盤に人物が乗っているような合成写真を作る方法

https://photography.tutsplus.com/tutorials/create-a-surreal-miniature-portrait-post-production--psd-37007

非現実的なミニチュアポートレートを作る、Photoshopならではのチュートリアルです。
影の当たりかたなどに配慮し、まるで本当に人物が乗っているかのように合成します。その他の合成デザインに応用できるので是非一度試しておきたい手法です。

46.水中に文字が浮かぶようなデザインエフェクトを作成する方法

http://abduzeedo.com/beautiful-water-effect-photoshop-cc

水のテクスチャに、ロゴを溶け込ませるチュートリアルです。
波形に合わせてロゴを変形させることでリアル感を演出しています。これを知っていればデザイン力がぐっと高まるテクニックです。

47.本物のようなコラージュ写真を作る方法

https://www.digitalartsonline.co.uk/tutorials/photoshop/advanced-collage-techniques/

リアルで違和感のないコラージュ写真を作るチュートリアルです。
沢山のバラバラに用意したモチーフを、細かな調整を加え一つのデザインにまとめます。一度やってみればスキルが格段に上がること間違い無しです。

48.写真を違和感無くつなげパノラマ写真を作る方法

https://design.tutsplus.com/tutorials/how-to-create-a-panorama-using-photoshop-and-lightroom--psd-25869

Lightroomを使ってパノラマ写真を作成するためのチュートリアルです。
いくつかの写真を自然に繋げることで、綺麗なパノラマ写真が出来上がります。一度は見ておきたいテクニックです。

49.疾走感のある写真エフェクトを作成する方法

https://phlearn.com/tutorial/create-blur-photoshop/

写真にモーションブラーを追加して動きを出すチュートリアルです。
基本のツールを使うだけで簡単に作成出来ますので、是非一度試したいテクニックです。