【Photoshopチュートリアル】タイル状の女性【#06】
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_57-1.jpg)
Photoshopのチュートリアルがやりたい。
無料でできるPhotoshopのチュートリアルないかな?
これからPhotoshopを使っていきたいので、楽しく学習したいな。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
目次
- 【Photoshopチュートリアル】タイル状の女性【#06】
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
【Photoshopチュートリアル】タイル状の女性【#06】
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_57-1.jpg)
今回はこんな感じのタイル状の女性を作っていくよ!
素材は全て無料なので気になる方はチャレンジしてみてね!
今回利用する素材
![](https://nexout.blog/wp-content/uploads/2022/03/woman-g82181433d_1920.jpg)
引用元:Pixabay
【Photoshopチュートリアル】タイル状の女性【#06】
ドキュメントを作成する
![](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/03/220307_h2_01_03.jpg)
続いてツールバーから長方形ツールを選択!
長方形ツールのショートカット
- U
長方形ツールのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_04.jpg)
続いてオプションバーから「塗り」を選択後、カラーピッカーのアイコンを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_05.jpg)
ここでは「000000」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_06.jpg)
続いて、「線」を選択後、「線無」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_07.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_08.jpg)
ドキュメント上でクリック!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_09.jpg)
ここでは幅=「615px」高さ=「335px」としてOK!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_10-1.jpg)
こんな感じになったね!
位置を調整する
![](https://nexout.blog/wp-content/uploads/2021/10/211006_h2_01_h3_01_03.jpg)
メニューバーの「ウィンドウ」から「プロパティ」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_11.jpg)
プロパティが表示されるので、X=「20px」Y=「20px」と入力!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_12.jpg)
こんな感じになったね!
長方形を複製する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_13.jpg)
レイヤーから長方形を右クリック後「レイヤーを複製」を選択!
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」から「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_14.jpg)
レイヤー名を入力後、OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_15.jpg)
長方形が複製されたね!
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ。
位置を調整する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_16.jpg)
複製したレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_17.jpg)
プロパティのY=「365px」と入力!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_18.jpg)
こんな感じになったね!
長方形を複製する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_19.jpg)
レイヤーから長方形を右クリック後「レイヤーを複製」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_20.jpg)
レイヤー名を入力後、OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_21.jpg)
長方形が複製されたね!
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ。
位置を調整する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_22.jpg)
複製したレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_23.jpg)
プロパティのX=「645px」Y=「20px」と入力!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_24.jpg)
こんな感じになったね!
長方形を複製する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_25.jpg)
レイヤーから長方形を右クリック後「レイヤーを複製」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_26.jpg)
レイヤー名を入力後、OKを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_27.jpg)
長方形が複製されたね!
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ。
位置を調整する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_28.jpg)
複製したレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_29.jpg)
プロパティのX=「645px」Y=「365px」と入力!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_30.jpg)
こんな感じになったね!
写真を配置する
![](https://nexout.blog/wp-content/uploads/2021/11/211128_h2_01_01-1.jpg)
メニューバーの「ファイル」→「埋め込みを配置」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_31.jpg)
女性の写真を選択後「配置」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_32.jpg)
女性が配置されるので、Enterで確定!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_33.jpg)
これで女性が配置されたね!
女性を拡大する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_34.jpg)
レイヤーから女性のレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_35.jpg)
メニューバーの「編集」→「自由変形」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_36.jpg)
カーソルを画像の隅に持っていくとカーソルのマークが変わるので、その位置で外側にドラッグ!
離れすぎると回転のカーソルになってしまうので、位置は画像の隅を摘まむイメージ!
比率を保ちながら拡大する場合
- Shiftを押しながらドラッグ
Shiftを押しながらドラッグすると、比率を保ちながら拡大できるよ!
中心を軸に拡大する場合
- Mac=optionを押しながらドラッグ
- Windows=Altを押しながらドラッグ
option、Altを押しながらドラッグすると、中央を軸に拡大できるよ!
比率を保ちながら中心を軸に拡大する場合
- Mac=Shift+optionを押しながらドラッグ
- Windows=Shift+Altを押しながらドラッグ
Shift+option、Shift+Altを押しながらドラッグすると、比率を保ちながら中央を軸に拡大できるよ!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_37.jpg)
ここでは、比率を保ちながら中心を軸に拡大をして、こんな感じでOK!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_38.jpg)
拡大の調整が終わったら、その位置でEnter!
女性を複製する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_39.jpg)
女性のレイヤーを選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_40.jpg)
女性のレイヤー上で右クリック後「レイヤーを複製」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_41.jpg)
レイヤー名を入力してOK!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_42.jpg)
これでレイヤーが複製されたね!
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ。
今と同じことを繰り返して、女性を合計で四枚にしよう!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_43.jpg)
こんな感じになったね!
女性のレイヤーを移動する
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_44.jpg)
女性のレイヤーを複数選択!
複製選択のショートカット
- Mac=Command+クリック
- Windows=Ctrl+クリック
複製選択のショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_45.jpg)
長方形レイヤーの下にドラッグして移動!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_46.jpg)
こんな感じになったね!
それぞれの長方形に女性をクリッピングマスクする
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_47.jpg)
一つの女性レイヤーを選択後、長方形の上にレイヤーをドラッグ!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_48.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_49.jpg)
メニューバーの「レイヤー」→「クリッピングマスクを作成」を選択!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_50.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_51.jpg)
画面はこんな感じ。
今と同じことを他の女性のレイヤーと長方形で繰り返すよ!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_52.jpg)
長方形の上に女性のレイヤーを移動して、クリッピングマスクを作成!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_53.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_54.jpg)
長方形の上に女性のレイヤーを移動して、クリッピングマスクを作成!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_55.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_56.jpg)
長方形の上に女性のレイヤーを移動して、クリッピングマスクを作成!
![](https://nexout.blog/wp-content/uploads/2022/03/220307_h2_01_57-1.jpg)
これで完成!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)