【Photoshopチュートリアル】自然に還る【#14】
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_70-1.jpg)
Photoshopのチュートリアルがやりたい。
無料でできるPhotoshopのチュートリアルないかな?
これからPhotoshopを使っていきたいので、楽しく学習したいな。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
目次
- 【Photoshopチュートリアル】自然に還る【#14】
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
【Photoshopチュートリアル】自然に還る【#14】
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_70-1.jpg)
今回はこんな感じのものを作っていくよ!
素材は全て無料なので気になる方はチャレンジしてみてね!
今回利用する素材
![](https://nexout.blog/wp-content/uploads/2022/04/forest-g366ffeda3_1920.jpg)
引用元:Pixabay
![](https://nexout.blog/wp-content/uploads/2022/04/people-g602fd6ef5_1920.jpg)
引用元:Pixabay
【Photoshopチュートリアル】自然に還る【#14】
ドキュメントを作成する
![](https://nexout.blog/wp-content/uploads/2021/04/210424_h2_01_01.jpg)
メニューバーの「ファイル」→「新規」を選択!
新規ドキュメントのショートカット
- Mac=Command+N
- Windows=Ctrl+N
新規ドキュメントのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2021/04/210424_h2_01_03-1.jpg)
今回はWebを選択して、サイズを幅1280px、高さ720px、方向を横、アートボードのチェックを外そう!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_01.jpg)
作成!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_02.jpg)
これでドキュメントを作ることができたね!
べた塗りを追加する
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_03.jpg)
メニューバーの「レイヤー」→「新規調整レイヤー」→「べた塗り」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_04.jpg)
レイヤー名を入力後、OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_05.jpg)
ここでは「f5f5f5」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_06.jpg)
こんな感じになったね!
男性を切り抜く
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_07.jpg)
メニューバーの「ファイル」→「開く」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_08.jpg)
男性の写真を選択後「開く」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_09.jpg)
男性の写真が開いたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_10.jpg)
続いて、ツールバーからズームツールを選択!
ズームツールのショートカット
- Z
ズームツールのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_11.jpg)
ワークスペース上でクリック!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_12.jpg)
拡大されたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_13.jpg)
続いて、ツールバーからペンツールを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_14.jpg)
続いて、オプションバーから「パス」をクリック!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_15.jpg)
男性に沿ってパスを作成、髪の毛のはみ出る部分は無視して少し内側に入れて進めるよ!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_16.jpg)
上半身しか使わないので、途中で区切って一番最初のアンカーをクリック!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_17.jpg)
こんな感じでパスが閉じたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_18.jpg)
メニューバーの「ウィンドウ」→「パス」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_19.jpg)
パスを右クリック後「選択範囲を作成」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_20.jpg)
ここではぼかしの半径を「0」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_21.jpg)
こんな感じで選択範囲が作成されたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_22.jpg)
メニューバーの「選択範囲」→「選択範囲を反転」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_23.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_24.jpg)
続いて、ツールバーからなげなわツールを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_25.jpg)
続いて、オプションバーから「選択とマスク」をクリック!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_26.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_27.jpg)
ズームツールを選択して、画面上で何度かクリック!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_28.jpg)
拡大して表示されたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_29.jpg)
境界線調整ブラシツールを選択後、すくえていない髪の毛の部分をドラッグ!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_30.jpg)
こんな感じで選択されていなかった髪の毛がすくいあげられたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_31.jpg)
続いて、ブラシツールを選択後、赤く表示されている部分をドラッグ!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_32.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_33.jpg)
続いて、ブラシの設定を+からマイナスに変更後、若干はみ出て選択されている部分をドラッグ!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_34.jpg)
こんな感じになるので、出力先を「レイヤーマスク」に変更!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_35.jpg)
OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_36.jpg)
こんな感じになったね!
レイヤーをコピー&ペーストする
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_37.jpg)
レイヤーを選択後、OS毎の下記のコマンドでコピー!
コピーのショートカット
- Mac=Command+C
- Windows=Ctrl+C
コピーのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_3.jpg)
最初のドキュメントを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_39.jpg)
ドキュメントが切り替えるので、OS毎の下記のコマンドでペースト!
ペーストのショートカット
- Mac=Command+V
- Windows=Ctrl+V
ペーストのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_40.jpg)
ペーストされたね!
男性を縮小する
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_41.jpg)
レイヤーから男性のレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_42.jpg)
メニューバーの「編集」→「自由変形」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_43-1.jpg)
W=「80%」H=「80%」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_44.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_45.jpg)
続いて移動ツールを選択!
移動ツールのショートカット
- V
移動ツールのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_46.jpg)
ドラッグして移動!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_47.jpg)
ここではこんな感じとしてOK!
画像を配置する
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_48.jpg)
メニューバーの「ファイル」→「埋め込みを配置」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_49.jpg)
画像を選択後、配置を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_50.jpg)
画像が配置されるので、Enterで確定!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_51.jpg)
これで画像が配置されたね!
クリッピングマスクする
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_52.jpg)
配置した画像を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_53.jpg)
メニューバーの「レイヤー」→「クリッピングマスクを作成」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_54.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_55.jpg)
画面はこんな感じ。
レイヤーマスクで徐々に非表示にする
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_56.jpg)
レイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_57.jpg)
レイヤーマスクのアイコンを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_58.jpg)
レイヤーマスクされたね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_59.jpg)
続いて、ツールバーからグラデーションツールを選択!
グラデーションツールのショートカット
- G
グラデーションツールのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_60.jpg)
続いて、オプションバーからグラデーションのアイコンをクリック!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_61.jpg)
白黒のグラデーションを選択後、OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_62.jpg)
下から上にShiftを押しながらドラッグ!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_63.jpg)
こんな感じになったね!
仕上げる
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_64.jpg)
メニューバーの「レイヤー」→「新規調整レイヤー」→「白黒」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_65.jpg)
レイヤー名を入力後、OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_66.jpg)
メニューバーの「ウィンドウ」→「プロパティ」を選択!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_67.jpg)
プリセットを「ブラック(最大)」に変更!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_68.jpg)
ここではこんな感じに調整してOK!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_69.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/04/220307_h2_01_70-1.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)