質問: ### 前提・実現したいこと グリッドにスナップさせて、マス目の作成を試みたのですが、線が均一でないものになってしまいました。 線自体もグリッドの中央を通っていないように見えます。 グリッドの中央に線を引く方法と線の幅が均一なマス目を作成する方法のご教授をお願いいたします。 ### 試したこと 100×100ピクセルを1つのマス目とする、3×5のマス目を作成する。 13×5のマス目を作成したいので、カンバスのサイズを300×500ピクセルにする。 2100ピクセル間隔のグリッドにして、グリッドにスナップさせて線が引けるようにする。 100ピクセル間隔のグリッドにする為に、[編集]メニュー → [環境設定] → [ガイド・グリッド・スライス] を選ぶ。 現れたウィンドウの[グリッド]の欄の[グリッド線]の項目を[100][pixel]に設定する。 グリッドにスナップさせて線が引けるようにする為に、[表示]メニュー → [スナップ]にチェックを入れる。 また、[表示]メニュー → [スナップ先] → [グリッド]にもチェックを入れる。 3[鉛筆]ツールを選択して、直径を10pxに設定し、 [Shift]キーを押しながら、直線でグリッドの上に線を引いてマス目を作成していく。 そして、できあがったのが下図です。 問題点1:外側の線が明らかにはみ出て、細くなってしまっている。 問題点2:よく見ると、中央の線もグリッドの中央から少しズレた位置になっているように見える。 ご教授のほどよろしくお願いします。 ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/887dd5ea2bfc0e2054ac61dd9cdd9060.png)
回答: 10pxで300pxを3等分する時 縦線は4本必要となります ですので縦の3カ所の透明部分の合計は 300-4×10 = 260 となります 260を3で割ると 86.666...となり半端な値になります きっちり3等分するためには 縦線の線幅は3の倍数である必要があります 同様に横線の線幅は5の倍数である必要があります (数学的な話しなので細かいことは省略します 補足が必要ならリクエストしてください) つまり300×500で作成する場合 線幅は最低でも15pxないと きっちりとしたマス割は出来ません 逆に10pxで作成したいのであれば 画像のサイズを Aを白い部分の長さとして 横幅→40px+(3×A)px 縦幅→60px+(5×A)px で作成する必要があります 具体的な作成方法ですが 縦横にそれぞれ200pxセルづつ足して 5×7のグリッドをとりあえず作成し グリッドを解除した上で 真ん中を切り抜きツールで切り出すという方法が 手っ取り早いと思います !作業イメージ