Làm thế nào tôi có thể thiết kế gạch liên tục (liền mạch) tốt?

Tôi gặp khó khăn khi thiết kế gạch để khi lắp ráp, chúng không giống như gạch, nhưng trông giống như một thứ đồng nhất. Ví dụ, xem hình ảnh dưới đây:

Mặc dù phần chính của cỏ chỉ là một ô, bạn không "nhìn thấy" lưới; bạn biết nó ở đâu nếu bạn xem xét một chút cẩn thận, nhưng nó không rõ ràng. Trong khi tôi thiết kế gạch, bạn chỉ có thể thấy "oh, jeez, gấp 64 lần cùng một lát", như trong hình ảnh này:

(Tôi đã lấy câu hỏi này từ một câu hỏi GDSE khác, xin lỗi; không chỉ trích trò chơi, nhưng nó chứng minh quan điểm của tôi. Và thực sự có thiết kế gạch tốt hơn những gì tôi quản lý, dù sao đi nữa.)

Tôi nghĩ vấn đề chính là tôi thiết kế chúng sao cho chúng độc lập, không có mối nối giữa hai gạch nếu đặt sát nhau. Tôi nghĩ rằng việc gạch "liên tục" sẽ có hiệu ứng mượt mà hơn, nhưng không thể quản lý để làm điều đó, nó có vẻ quá phức tạp đối với tôi.

Tôi nghĩ rằng nó có thể đơn giản hơn tôi nghĩ một khi bạn biết cách thực hiện nó, nhưng không thể tìm thấy một hướng dẫn về điểm cụ thể đó. Có một phương pháp được biết đến để thiết kế gạch liên tục / đồng nhất? (Thuật ngữ của tôi có thể sai hoàn toàn, đừng ngần ngại sửa tôi.)

Tuyên bố miễn trừ trách nhiệm: Tôi không phải là một nghệ sĩ nên đây chỉ là kiến ​​thức nghệ thuật của lập trình viên.

Bạn đang có hiệu ứng lưới trong ví dụ của bạn chủ yếu là do mảng cỏ nhẹ hơn ở cạnh dưới của gạch:

Các chi tiết như thế có thể dễ dàng nhận ra ngay lập tức cho bạn biết rằng bạn chỉ đang lặp lại cùng một lát.

Kiểm tra bài viết này có rất nhiều lời khuyên hữu ích về chủ đề này. Cụ thể, sử dụng Photoshop:

• Sử dụng Công cụ Patch để loại bỏ các chi tiết rõ ràng.
• Sử dụng công cụ Doge hoặc Burn để có được độ sáng đồng đều ở mọi nơi.
• Làm cho các cạnh liền mạch bằng cách bù hình ảnh và sau đó sử dụng Công cụ Patch để trộn các cạnh lại với nhau. Tôi cũng đã thấy mọi người nhân đôi và phản chiếu hình ảnh bốn lần trước đây cho mục đích này.

Ngoài ra, trong hình ảnh bạn liên kết dường như cũng có một vấn đề triển khai vì khi phóng to hình ảnh bạn có thể thấy một số khoảng trống giữa các ô:

Tôi không phải là chuyên gia, nhưng xuất hiện từ việc có nhiều hơn một loại gạch cỏ (không hoàn toàn khác nhau để mọi người nhận ra, nhưng đủ khác nhau), một mẹo có thể là "gạch chuyển tiếp" giữa 2 loại gạch khác nhau. Sử dụng hình ảnh ví dụ mà bạn đã chỉ ra, có một lát gạch nửa xanh lục, nửa xám giữa gạch hoàn toàn xám và xanh lá cây hoàn toàn có thể giúp làm dịu quá trình chuyển đổi. Ngoài ra, nếu bạn thực hiện các hiệu ứng chuyển tiếp tròn và trông tự nhiên hơn (một kết cấu mờ dần sang phần tiếp theo), nó có thể giúp tạo hiệu ứng.

Lưu ý trong hình ảnh từ Chrono Trigger, ở trung tâm phía dưới, làm thế nào nó có một nửa màu nâu (bụi bẩn), một nửa màu xanh lá cây (cỏ), với những mảng cỏ sẫm màu hơn. Nó cũng sử dụng cỏ và đá nhẹ hơn để thêm biến thể tự nhiên (một viên gạch trong suốt với đá hoặc cỏ nhẹ trên đỉnh của cỏ, có thể?)

Bạn phải thực hiện chuyển đổi, đối với mọi thành phần có thể có của nhiều loại gạch, bạn sẽ phải vẽ các ô hoàn thành ca làm việc. Bạn có thể muốn quyết định rằng rất nhiều sự kết hợp không thể có trong trò chơi của bạn vì số lần chuyển đổi bạn có thể thực hiện sẽ dễ dàng tăng lên một con số rất lớn.

Thông thường, điều này có nghĩa là pha trộn các phẩm chất của các loại bề mặt theo một cách nào đó, ví dụ, một loại cỏ đơn giản chuyển sang bụi bẩn thường có những mảng cỏ nhỏ mọc càng hiếm khi bạn càng đi sâu vào gạch bẩn. Nhưng để khắc phục nhanh, bạn có thể đơn giản làm mờ dần một họa tiết trong khi mờ dần trong một họa tiết khác hoặc tạo độ hoà sắc trong đó bạn chọn ngẫu nhiên các pixel từ một trong hai họa tiết bằng cơ hội có trọng số chuyển từ ưu tiên họa tiết này sang họa tiết khác.

Ngoài ra, tôi khuyên bạn nên chuyển từ nhìn vào gạch sang mẫu gạch phụ, hãy xem xét hình ảnh này của hai ô, nếu bạn thay vì tạo các ô đầy đủ tạo thành các hình tương ứng với hình màu đỏ, bạn sẽ không bao giờ cần nhiều hơn hai bề mặt khác nhau trong cùng một ô, do đó hạn chế rất nhiều số ô chuyển tiếp mà bạn phải tạo, sau đó bạn có thể tiến hành tạo các ô vuông từ các ô kim cương này để sử dụng trong trò chơi hoặc đơn giản là bạn có thể sử dụng trực tiếp các ô kim cương, máy tính không rất kén chọn về những điều này nữa.

Áp dụng bộ lọc thông cao cho gạch của bạn.

Xem bài viết xuất sắc này của Skaven để biết lý thuyết chi tiết, ví dụ và hướng dẫn.

Bắt đầu bằng cách làm một gạch thông thường. Sau đó chia gạch theo chiều ngang và chiều dọc, thành 4 mảnh bằng nhau, để lại cho bạn 4 "gạch".

Gạch bây giờ sẽ trông như thế này:

1 2
3 4

Đặt mảnh 2 ở bên trái của mảnh 1. Thực hiện tương tự với 3 và 4. Gạch bây giờ sẽ trông như thế này:

2 1
4 3

Bây giờ di chuyển cả hai phần dưới lên trên các phần trên cùng. Bạn còn lại với điều này:

4 3
2 1

Giả sử gạch của bạn là 32x32, mỗi mảnh sẽ là 16x16. Bây giờ bạn xóa phần giữa, giả sử 22x22 pixel (tùy thuộc vào bạn), để lại một khung hình xếp của bạn. Khung này bây giờ sẽ xếp hoàn hảo với chính nó và bạn còn lại để lấp vào khoảng trống ở giữa với sự độc đáo như sỏi, đá, một số loại cỏ cao hơn hoặc bất cứ thứ gì.

Bạn có thể phải lắc nhẹ các pixel một chút nhưng khi bạn có khung hình của mình, bạn sẽ có thể tạo ra nhiều gạch lát độc đáo nhưng hoàn hảo.

Cách tôi thiết kế gạch của tôi là như thế này:

1. Làm cho bản nháp của bạn
2. sao chép ô của bạn thành hình ảnh lớn hơn 3 lần theo hướng X và Y
3. sao chép ô của bạn để có 9 bản sao của ô của bạn trong hình ảnh
4. bạn sẽ có thể thấy nơi mỗi ô bắt đầu và kết thúc, điều bạn cần làm là sử dụng một công cụ làm mờ (tôi sử dụng GIMP cho việc này) và làm mờ các cạnh để nó trông giống như một ô lớn.
5. Sau đó sao chép ô giữa ra khỏi hình ảnh và sau đó bạn có ô cuối cùng

Kết quả sẽ trông khá tốt khi bạn đặt nhiều gạch cạnh nhau. Bạn luôn có thể lặp lại quá trình này để tinh chỉnh gạch của bạn.