Làm cách nào để tạo hiệu ứng zig zigged, lởm chởm với Photoshop?

Tôi muốn tạo hiệu ứng của một đường ngoằn ngoèo ở dưới cùng (hoặc trên cùng hoặc bất kỳ cạnh nào) của hình chữ nhật. Tôi cũng muốn sử dụng hình ảnh này trên một trang web, vì vậy tôi nghĩ rằng tôi nên làm điều đó để tôi có thể lặp lại nó thông qua CSS.

Tôi không biết liệu tôi đã sử dụng một thuật ngữ chính xác hay chưa, vì vậy hãy sửa cho tôi. Là hiệu ứng này được gọi là zig-zag? Làm cách nào để tạo nó trong Photoshop (không phải Illustrator)?

Tôi rất có thể sẽ làm điều đó như thế này:

1. Làm hình vuông.

Hãy Rectangle tool với Shape layerskích hoạt.

Tạo một hình vuông trong khi giữ Shiftnút để đảm bảo rằng đó là một hình vuông hoàn hảo.

(Trong trường hợp này kích thước không thành vấn đề (hah ..). Tôi sẽ làm lớn hơn một chút so với kích thước răng cưa mà tôi muốn, nhưng, bạn có thể tạo kích thước chính xác ngay lập tức. hình vuông. Trong giai đoạn 4. Cắt nó, Cắt nó thật tốt. )

2. Xoay hình vuông 45 độ

Hoa Kỳ Free transform ctrl+t

Xoay hình vuông 45 độ trong khi giữ Shiftnút để bật chụp ở góc 45 độ.

3. Tạo một hình chữ nhật và định vị hình vuông.

Vẫn với Rectangle tool, tạo một hình chữ nhật lớn ở trên cùng.

Sau đó, bạn có thể định vị hình vuông bằng Move toolcách di chuyển nó lên hoặc xuống và quyết định kích thước của nó bằng cách hiển thị ít hơn hoặc nhiều hơn hình vuông .

4. Cắt nó, Cắt nó thật tốt.

Lấy Crop tool và chọn vùng cắt.

Bạn có thể phóng to một răng cưa và điền vào Crop tool và cắt đi.

Bây giờ, về mặt kỹ thuật bạn chỉ có thể tạo ra hình vuông thực sự lớn và cắt hình đó, nhưng hình chữ nhật bổ sung là để dễ dàng hơn để xem kích thước của nó sẽ trông như thế nào.

5. Kết quả cuối cùng.

Và đây là cách nó sẽ lặp lại.

6. Ghi chú bổ sung.

Nếu bạn muốn đặt Layer styleslike Bevel & embosshoặc Inner shadowhoặc một cái gì đó tương tự, bạn có thể muốn hợp nhất hai hình dạng thành một lớp trước khi thực hiện.

Bạn có thể làm điều đó bằng cách chọn cả hai lớp trong khi giữ ctrlvà sau đó sử dụng các phím nóng ctrl+eđể hợp nhất chúng thành một lớp raster.

Sử dụng công cụ bút trong Photoshop và tạo một hình dạng tương tự như cọc dọc. Lưu tệp dưới dạng GIF / PNG / JPG. Sở thích của bạn. (Của tôi là PNG.) Điều chỉnh tệp CSS của bạn để lặp lại hình ảnh của bạn.

Bạn có thể bắt đầu với một hình chữ nhật trên một lớp mới, và sau đó sử dụng công cụ Lasso đa giác để cắt ra một 'tam giác' của zig-zag của bạn. Sau đó sử dụng công cụ marquee hình chữ nhật để cắt phần đó và lặp lại nó trong Photoshop hoặc trực tiếp trên trang web.

Photoshop có thể không phải là công cụ tốt nhất ở đây. Hãy xem SnagIt để biết một công cụ bổ sung rẻ tiền có các công cụ tạo cạnh thực sự tuyệt vời.