【Photoshop】パータンを定義ができない時の対処法【新人デザイナー向け】
Photoshopでパターンを定義ができない。
どうやってパターンを定義するのか分からなくなってしまった。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
目次
- Photoshopでパータンを定義ができない時の対処法
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
Photoshopでパータンを定義ができない時の対処法
- ドキュメントを作成する
- パターンの元を作成する
- パターンを定義する
Photoshopでパータンを定義ができない時の対処法はこんな感じ。
順番に見て行こう!
ドキュメントを作成する
まずはパターンの元となるものを作っていくよ!
![](https://nexout.blog/wp-content/uploads/2021/09/211004_h2_01_h3_01_01.jpg)
メニューバーの「ファイル」から「新規」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/211004_h2_01_h3_01_02.jpg)
ここでは、幅=「100」、高さ=「100」、解像度=「72」、アートボードのチェックを外して「OK」を選択!
![](https://nexout.blog/wp-content/uploads/2021/09/211004_h2_01_h3_01_03.jpg)
ドキュメントが作成されたね!
パターンの元を作成する
![](https://nexout.blog/wp-content/uploads/2021/09/211004_h2_01_h3_01_04.jpg)
ツールバーのズームツールを選択後、ドキュメント上で何度かクリック!
ズームツールのショートカット
- Z
ズームツールのショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2021/09/211004_h2_01_h3_01_05.jpg)
ドキュメントが拡大されたね!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_01.jpg)
ツールバーから、楕円形ツールを選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_02.jpg)
ワークスペース上で、クリック!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_03.jpg)
ここでは幅=「30px」高さ=「30px」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_04.jpg)
正円が作成されたね!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_05.jpg)
レイヤーが表示されていない人はメニューバーの「ウィンドウ」→「レイヤー」を選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211205_h2_01_23.jpg)
ここでは「#00d3ff」としてOK!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_06.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2021/04/210415_h2_02_03.jpg)
メニューバーの選択範囲から「すべて選択」を選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_07-1.jpg)
カンバスの全体、すべての選択範囲を選択することができたね!
すべて選択のショートカット
- Mac=Command+A
- Windows=Ctrl+A
すべて選択のショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_08.jpg)
続いて、移動ツールを選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_09.jpg)
オプションバーの「左端揃え」を選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_10.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_11.jpg)
続けて、オプションバーの「上端揃え」を選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_12.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2021/11/211116_h2_01_02.jpg)
メニューバーの「選択範囲」→「選択を解除」を選択!
選択を解除のショートカット
- Mac=Command+D
- Windows=Ctrl+D
選択を解除のショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_13.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_14.jpg)
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_15.jpg)
右クリック後「レイヤーを複製」を選択!
複製のショートカット
- Mac=Command+J
- Windows=Ctrl+J
複製のショートカットはこんな感じ。
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_16.jpg)
レイヤーが複製できたね!
![](https://nexout.blog/wp-content/uploads/2021/10/211006_h2_01_h3_01_03.jpg)
メニューバーの「ウィンドウ」から「プロパティ」を選択!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_17.jpg)
X=「50px」y=「50px」と入力!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_18.jpg)
こんな感じになったね!
パターンを定義する
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_19.jpg)
背景のレイヤーを非表示に!
![](https://nexout.blog/wp-content/uploads/2021/12/211209_h2_20.jpg)
こんな感じになったね!
![](https://nexout.blog/wp-content/uploads/2021/09/211004_h2_01_h3_01_23.jpg)
メニューバーの「編集」から「パターンを定義」を選択!
これで、パターンの元の作成が完了!
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)