- ベストアンサー
フォトショップで様々な幅の斜線パターンを作成する方法
- フォトショップで斜線のパターンを複数登録する方法を教えてください。
- 1px幅や2px幅の斜線パターンの作成方法は他のデザインサイトでも紹介されていますが、様々な幅の斜線を作成する方法について教えてください。
- ピクセルを数えつつ試してみたが、斜線がうまくつながらない場合があります。効率的に様々な幅の斜線パターンを作成する方法を教えてください。
- applemangp
- お礼率25% (2/8)
- グラフィックソフト
- 回答数5
- ありがとう数6
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
何度もすいません。 ＃２は５pixelになってますね。 ＃２の回答は忘れてください。 ３pixelなら □が最低で２pixelないと駄目ですし □のpixel数で間隔を自由に出来ます。 ５pixel×５pixelのユニットで ■□□■■ □□■■■ □■■■□ ■■■□□ ■■□□■ ４pixelでは ■■□□■■ ■□□■■■ □□■■■■ □■■■■□ ■■■■□□ ■■■□□■ ５pixelでは ■■■□□■■ ■■□□■■■ ■□□■■■■ □□■■■■■ □■■■■■□ ■■■■■□□ ■■■■□□■ 一般の線幅で考えると 線幅pixelプラス２pixel以上のユニットであればいいです。 右下は一つのピクセルだけ塗りつぶして 左上は不足分のピクセル分だけ塗りつぶします。 なんとなくわかりますか？
その他の回答 (4)
- hase-gawa
- ベストアンサー率43% (50/116)
＃２，３，４です。 ５pixel幅なら次のようでもいいです。 ■■■■□□■ ■■■□□■■ ■■□□■■■ ■□□■■■■ □□■■■■■ □■■■■■□ ■■■■■□□ <--線幅--> 要するに縦と横の各列の■の合計が同じになるようにすればいいだけですね。 パズルみたいなものですね。
- hase-gawa
- ベストアンサー率43% (50/116)
＃２です。訂正です。 ＞このように右上と右下の部分も塗りつぶせば上手くいきます。 「右上と右下」ではなく 「左上と右下」です。 パターンを作成するパターンユニットは＃１さんの考えでいいと思います。
- hase-gawa
- ベストアンサー率43% (50/116)
例えば、3pixelなら １pixel×１pixelを□や■で表すと ■■□□□□□□□■■■ ■□□□□□□□■■■■ □□□□□□□■■■■■ □□□□□□■■■■■□ □□□□□■■■■■□□ □□□□■■■■■□□□ □□□■■■■■□□□□ □□■■■■■□□□□□ □■■■■■□□□□□□ ■■■■■□□□□□□□ ■■■■□□□□□□□■ ■■■□□□□□□□■■ このように右上と右下の部分も塗りつぶせば上手くいきます。 ４pixel以上はご自分で考えてみてください。
- ohg-jiya
- ベストアンサー率37% (354/940)
＞自分でもピクセルを数えつつ色々と試してみたのですが、うまくいくときと実際敷き詰めてみると斜線がうまくつながらないものがあり、 解説では１pixel幅の例で、作るパターンは（４）のように１pixelずつ斜に４コ並べてあります。 左下と右上がちゃんとつながるパターンを作るには、 １pixel幅で４pixelのパターンユニットですから、3pixel幅では3×４で12×12pixel、4pixelでは4×4で16×16pixelのパターンユニットにすれば左下と右上は連続できるようになります。
お礼
ohg-jiya様 回答ありがとうございました。1px幅の例からの応用という考え方、参考になりました。ご親切にありがとうございました。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_4_thumbnail_img_sm.png)
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_3_thumbnail_img_sm.png)
お礼
hase-gawa様 何度も丁寧に教えて頂き、ありがとうございました。hase-gawaさんの右下は１つのピクセルだけ塗りつぶし、左上は不足分のピクセル分だけ塗りつぶしてパターンを作成するという考え方で、色々と試してみて見事、斜線のパターンを作成することができました。どんなパターンでも右下１pxの塗りつぶしで固定ということで、とてもわかりやすかったです。 補足のようになってしまいますが、右下は１px塗りつぶし、左上は（作成したい線幅ー２px）で塗りつぶすとうまくいきました。 ＜5pixelパターンの場合＞ ↓5px-2px=3px分塗りつぶし ■■■□□■■ ■■□□■■■ ■□□■■■■ □□■■■■■ □■■■■■□ ■■■■■□□ ■■■■□□■←右下1px塗りつぶし 図も加えて頂き、大変わかりやすかったです。ありがとうございました。