Photoshopで「ジグザグ、ギザギザ」の効果を作成する方法

四角形の下部（または上部、または任意のエッジ）にジグザグ線の効果を作成したいと思います。また、この画像をWebページで使用したいので、CSSで繰り返すことができるようにする必要があると思います。

正しい用語を使用したかどうかわからないので、修正してください。この効果はジグザグと呼ばれますか？IllustratorではなくPhotoshopで作成するにはどうすればよいですか？

私はおそらく次のようにします：

1.正方形を作成します。

取るRectangle tool にShape layers有効。

Shiftボタンを押しながら正方形を作り、その完全な正方形であることを確認します。

（この場合、サイズは重要ではありません（hah ..）。必要なノコギリのサイズより少し大きくしますが、すぐに正確なサイズにすることができます。正方形のステージで4クロップそれ、それを本当の良いクロップ。）

2.正方形を45度回転

米国 Free transform ctrl+t

Shiftボタンを押しながら正方形を45度回転して、45度でスナップできるようにします。

3.長方形を作成し、正方形を配置します。

それでもRectangle tool、上部に大きな長方形を作ります。

その後、正方形をMove tool上下に移動して配置し、表示するサイズを増減します。

4.切り抜き、切り抜きます。

取るCrop tool とクロップエリアを選択します。

選択したノコギリと追加の塗りつぶしをズームインして切り取ることができますCrop tool 。

技術的には、本当に大きな正方形を作ってそれを切り取ることができますが、追加の長方形は、そのサイズがどのように見えるかを見やすくするためのものでした。

5.最終結果。

そして、これはそれが繰り返される方法です。

6.追加のメモ。

あなたが入れたい場合Layer stylesのようにBevel & embossかInner shadowまたはそのような何か、あなたはそうする前に、一つの層に存在2つの形状をマージしたい場合があります。

これを行うには、両方のレイヤーを押しながら選択し、ctrlホットキーctrl+eを使用してそれらを1つのラスターレイヤーにマージします。

Photoshopのペンツールを使用して、縦棒に似た形状を作成します。ファイルをGIF / PNG / JPGとして保存します。あなたの好み。（私のものはPNGです。）CSSファイルを調整して画像を繰り返します。

新しいレイヤーの四角形から始めて、多角形のなげなわツールを使用して、ジグザグの1つの「三角形」を切り取ることができます。次に、長方形のマーキーツールを使用してそのセクションを切り取り、PhotoshopまたはWebページで直接繰り返します。

ここでは、Photoshopが最適なツールではない場合があります。非常に優れたエッジ作成ツールを備えた安価な追加ツールについては、SnagItをご覧ください。