タグ付けされた質問 「tiles」


7
BGがタイルをPhotoshopで適切に繰り返すかどうかをテストしますか?
私はPhotoshopで背景テクスチャを作成してWebで使用するように頻繁に取り組んでいます。残念ながら、私は通常、推測するか、他のWebサイトの景品を使用する必要があります。 Photoshopで独自のテクスチャを作成し、画像をエクスポートする前にそれらが適切にタイリングされているかどうかを確認したいと思います。これをすばやく行う方法はありますか?オフセットを使った方法を覚えていますが、ツールに慣れていません。 以下は背景タイルの例ですので、私が話している内容を確認できます。

2
回転した要素からパターンまたはタイルを作成する方法
私は幾何学模様を持っています–例えば、十字架: 重ねて並べて繰り返したいのですが…簡単です: 青い正方形は、100×100 pxのユニットタイルを示しています。 ただし、ここで問題が発生します。画像を約30度回転させてから、タイリングします。これは驚くほど難しいことがわかりました。もちろん画像の回転は簡単ですが、垂直のユニットタイル(上の画像の青いブロック)を見つけるのは簡単ではありません。 明らかに、100×100ユニットタイルはそれをカットしません。正しいユニットタイルを選択するにはどうすればよいですか?位置はおそらく重要ではなく、サイズだけが重要ですが、それを計算する方法がわかりません。直感的に私は、回転角度とすることを期待して、ドット積が重く特色にするが、それははるかに私が得たようだとして、1。さらに悪いことに、ピクセルの固有の離散性のため、任意の角度の回転は正確ではないため、数学的に正しいサイズを計算しても、必ずしもシームレスなタイルになるとは限りません。 では、垂直ユニットセルのサイズ(ここでは100×100)とおおよその望ましい角度を考慮して、最適な角度とサイズの組み合わせを計算するにはどうすればよいですか? 1私の考えは(Wikipedia表記を使用して)、BへのAの投影をBと同じ長さにしたいので、| B | = | A |・cosϑ、つまり| A | = | B | / cosϑ 。私の場合、これは新しい長さ| A | = 115.470を生成しますが、単純な試みは、醜い非整数の数を生成することに加えて、ロングショットではこれが正しくないことを示しています。実際、上記の回転した画像を見るだけで、200×400の画像全体に繰り返し垂直単位が含まれていないことがわかります。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.