Photoshop ile “zig zagged, jagged” efekti nasıl oluşturulur?

Dikdörtgenin alt kısmında (veya üstünde veya herhangi bir kenarında) zikzaklı bir çizgi efekti oluşturmak istiyorum. Bu görüntüyü bir web sayfasında da kullanmak istiyorum, bu yüzden bunu CSS üzerinden tekrarlayabileceğim şekilde yapmam gerektiğini düşünüyorum.

Doğru bir terim kullanıp kullanmadığımı bilmiyorum, bu yüzden lütfen beni düzeltin. Bu etki zig-zag olarak mı adlandırılır? Photoshop'ta nasıl oluşturabilirim (Illustrator değil)?

Büyük olasılıkla böyle yapardı:

1. Bir kare yapmak.

Etkin bir Rectangle tool ile al Shape layers.

ShiftMükemmel bir kare olduğundan emin olmak için düğmesini basılı tutarken bir kare yapın.

(Bu durumda boyutu önemli değil (hah ..). İstediğim testere dişi boyutundan biraz daha büyük yapacağım, ancak hemen tam boyut yapabilirsin. 4. Aşamada . Kes, çok iyi kes. )

2. Kareyi 45 derece döndürmek

Amerika Birleşik Devletleri Free transform ctrl+t

45 derecede Shiftyapışma sağlamak için düğmeyi basılı tutarken kareyi 45 derece döndürün .

3. Bir dikdörtgen yapın ve kareyi konumlandırın.

Yine Rectangle toolde, üstte büyük bir dikdörtgen yapın.

Bundan sonra kareyi Move toolyukarı veya aşağı hareket ettirerek konumlandırabilir ve daha az veya daha fazla göstererek boyutuna karar verebilirsiniz.

4. Kırp, gerçek iyi kırp.

Al Crop tool ve kırpma alanını seçin.

Testere dişlisini ve ek dolguyu yakınlaştırabilir Crop tool ve kırpabilirsiniz.

Şimdi, teknik olarak, gerçekten büyük bir kare yapabilir ve kırpabilirsiniz, ancak ek dikdörtgen, boyutunun nasıl görüneceğini daha kolay hale getirmekti.

5. Sonuç.

Ve bu şekilde tekrarlanacak.

6. Ek notlar.

Eğer koymak istiyorsanız Layer stylesbenzeri Bevel & embossveya Inner shadowbunun gibi ya da bir şey, bunu yapmadan önce tek tabaka haline Orada iki şekil birleştirmek isteyebilirsiniz.

Bunu, basılı tutarken her iki katmanı da seçip ctrlardından ctrl+ebir raster katmanında birleştirmek için kısayol tuşlarını kullanarak yapabilirsiniz .

Photoshop'ta kalem aracını kullanın ve dikey kazığa benzer bir şekil oluşturun. Dosyayı GIF / PNG / JPG olarak kaydedin. Tercihiniz. (Mine PNG'dir.) Resminizi tekrarlamak için CSS dosyanızı ayarlayın.

Yeni bir katmanda bir dikdörtgenle başlayabilir ve sonra zikzakınızın bir 'üçgenini' kesmek için çokgen kement aracını kullanabilirsiniz. Ardından, bu bölümü kesmek için dikdörtgen seçim çerçevesi aracını kullanın ve Photoshop'ta veya doğrudan web sayfasında tekrarlayın.

Photoshop burada en iyi araç olmayabilir. Gerçekten harika kenar yapma araçlarına sahip ucuz bir ek araç için SnagIt'a göz atın .