Bagaimana cara membuat efek "zig zagged, jagged" dengan Photoshop?

Saya ingin membuat efek garis zig-zag di bagian bawah (atau atas, atau ujung apa pun) dari sebuah persegi panjang. Saya juga ingin menggunakan gambar ini di halaman web, jadi saya pikir saya harus melakukannya sehingga saya bisa mengulanginya melalui CSS.

Saya tidak tahu apakah saya sudah menggunakan istilah yang benar atau tidak, jadi tolong perbaiki saya. Apakah efek ini disebut zig-zag? Bagaimana saya bisa membuatnya di Photoshop (bukan Illustrator)?

Saya kemungkinan besar akan melakukannya seperti ini:

1. Membuat persegi.

Ambil Rectangle tool dengan Shape layersdiaktifkan.

Buat bujur sangkar sambil menahan Shifttombol untuk memastikan itu persegi yang sempurna.

(Dalam hal ini ukuran tidak masalah (hah ..). Saya akan membuat sedikit lebih besar dari ukuran gigi gergaji yang saya inginkan, tetapi, Anda dapat membuat ukuran yang tepat segera. Membantu dengan pemotongan jika Anda dapat snap ke tepi persegi. Pada tahap 4. Pangkas, Pangkas benar-benar bagus. )

2. Mengubah kuadrat 45 derajat

Amerika Serikat Free transform ctrl+t

Putar persegi 45 derajat sambil menahan Shifttombol untuk memungkinkan gertakan pada 45 derajat.

3. Buat persegi panjang dan posisikan persegi.

Masih dengan Rectangle tool, buat persegi panjang besar di bagian atas.

Setelah itu Anda dapat memposisikan kotak dengan Move toolmenggerakkannya ke atas atau ke bawah dan menentukan ukurannya dengan menunjukkan lebih sedikit atau lebih dari itu.

4. Pangkas, Pangkas benar-benar bagus.

Ambil Crop tool dan pilih area tanam.

Anda dapat memperbesar pilihan gigi gergaji dan tambahan dengan Crop tool dan memotong pergi.

Sekarang, secara teknis Anda bisa membuat kotak yang sangat besar dan memotongnya, tetapi persegi panjang tambahan itu membuatnya lebih mudah untuk melihat seperti apa ukurannya.

5. Hasil akhir.

Dan ini adalah bagaimana itu akan berulang.

6. Catatan tambahan.

Jika Anda ingin meletakkan Layer styleslike Bevel & embossatau Inner shadowatau sesuatu seperti itu, Anda mungkin ingin menggabungkan dua bentuk menjadi satu layer sebelum melakukannya.

Anda dapat melakukannya dengan memilih kedua layer sambil memegang ctrldan kemudian menggunakan tombol cepat ctrl+euntuk menggabungkan mereka menjadi satu layer raster.

Gunakan alat pena di Photoshop dan buat bentuk yang mirip dengan tiang vertikal. Simpan file sebagai GIF / PNG / JPG. Preferensi Anda. (Milik saya PNG.) Sesuaikan file CSS Anda untuk mengulang gambar Anda.

Anda bisa mulai dengan sebuah persegi panjang pada layer baru, dan kemudian gunakan alat las poligonal untuk memotong satu 'segitiga' zig-zag Anda. Kemudian gunakan alat tenda persegi panjang untuk memotong bagian itu dan ulangi di Photoshop atau langsung di halaman web.

Photoshop mungkin bukan alat terbaik di sini. Lihat SnagIt untuk alat tambahan murah yang memiliki alat pembuat tepi yang hebat.