Vẽ địa hình cấp độ 2D bên lớn


12

Tôi là một lập trình viên tương đối giỏi nhưng bây giờ tôi đã thêm một số cấp độ cơ bản vào trò chơi 2D của mình.

Những gì tôi muốn làm: Mức thử nghiệm "đồi xanh" lớn, chấp nhận được (8000 * 1000 pixel) cho trò chơi của tôi.

  • Cách tốt nhất để tôi làm điều này là gì?

Nó không phải trông tuyệt vời, nó chỉ không giống như được tạo ra trong sơn MS với công cụ vẽ đường và thùng sơn.

Về cơ bản, nó chỉ là bùn với cỏ trên nó, được tạo hình ở một số dạng đồi.

Nhưng tôi nên vẽ nó như thế nào, tôi không thể lấy công cụ bút chì ra và bắt đầu vẽ pixel trên mỗi pixel, tôi có thể không?


Năm 2019, câu hỏi vẫn còn thực tế :)
éthalle

Câu trả lời:


20

Photoshop có các hiệu ứng lớp có thể được sử dụng để vẽ các mức độ ưa nhìn thực sự nhanh. Tôi không biết điều đó có hoạt động với GIMP không, nhưng đây là một số bước để có được thứ gì đó trên màn hình nhanh bằng Photoshop:

Hướng dẫn

  1. Nhận một số kết cấu bụi bẩn và cỏ. Cái tôi đang sử dụng trong ví dụ của tôi là từ bộ freetexture này .
  2. Mở một kết cấu bẩn trong Photoshop. Chọn tất cả Ctrl-Avà sao chép Ctrl-C. Sau đó chọn Edit > Define Pattern...từ Menu. Đặt tên cho mẫu của bạn là "Dirt".
  3. Làm tương tự cho kết cấu Grass, đặt tên là "Grass".
  4. Tạo một Layer mới trong Photoshop và áp dụng Pattern Overlayand StrokeEffect cho layer của bạn. Chọn mẫu "Bụi bẩn" cho lớp phủ và mẫu "Cỏ" cho Đột quỵ của bạn (xem hình ảnh bên dưới).
  5. Vẽ bằng bất kỳ cọ nào trên lớp của bạn ... thay vì có một màu đơn nhàm chán, nó sẽ hiển thị như một phong cảnh, nhờ các hiệu ứng lớp. Cái hay của việc này là, bạn có thể tự do thêm / xóa các phần của phong cảnh bằng cách sử dụng các công cụ vẽ thông thường như cọ hoặc tẩy.
  6. (tùy chọn) Vẽ một gradient từ màu xanh đậm (trên cùng) sang màu xanh nhạt (dưới cùng) trên lớp nền cho bầu trời của bạn (bạn cũng có thể sử dụng hiệu ứng lớp cho điều đó).
  7. (tùy chọn) Thêm một số hiệu ứng lớp khác như độ dốc và bóng đổ vào lớp "phong cảnh" của bạn để đạt được cái nhìn tốt hơn.

Hình ảnh

Cài đặt lớp phủ mẫu

Cài đặt lớp phủ mẫu Photoshop

Cài đặt đột quỵ

Cài đặt đột quỵ Photoshop

Kết quả cuối cùng

Với một số hiệu ứng lớp và nền.

hình ảnh cuối cùng

Bạn cũng có thể tải xuống tệp PSD tại đây để xem nó.


1
và bạn chỉ có một hình ảnh lớn cho toàn bộ cấp độ?
Spooks

1
Có, bạn có thể lưu trữ nó cho toàn bộ cấp độ; Tôi sẽ tách nền, đối tượng, vv từ những ngọn đồi thực tế. Để phát hiện va chạm, bạn có thể sử dụng lớp alpha. +1 cho nghệ thuật kỹ thuật tuyệt vời :)
tro999

4

Nhiều nền tảng và trò chơi các loại sử dụng một hệ thống cấp độ dựa trên gạch, trong đó mỗi cấp độ được tạo thành từ một lưới các ô, đôi khi trong nhiều lớp. Bạn có thể có một vài viên gạch "mặt cỏ", vài viên gạch bùn, vân vân. Sau đó, thay vì vẽ một hình ảnh khổng lồ, bạn đặt các viên gạch ra thành bản đồ. Nó có xu hướng tiết kiệm không gian kết cấu, trong số những thứ khác.

Các trò chơi 2D tiên tiến hơn có cách tiếp cận tương tự, nhưng với "tem" lớn có thể tự do di chuyển, xoay và / hoặc thu nhỏ để tạo thành một cấp độ và không bị mắc kẹt vào lưới như trong kỹ thuật dựa trên gạch. Aquaria sử dụng phương pháp này.


2

Nếu bạn không thấy nó trông hơi nhàm chán, bạn có thể vẽ một loạt các vòng tròn có kích cỡ khác nhau dọc theo một đường thẳng (mặt phẳng mặt đất của bạn) và lấp đầy chúng vào. Sau đó, bạn có thể quay lại và vẽ một hộp màu nâu bao phủ phần "ngầm" của bản đồ, và sau đó thêm một chút chạm đất để đáp ứng các đường cong trên cùng của vòng tròn. Sau đó, bạn có thể thực hiện một chi tiết để thêm cỏ hoặc bất cứ điều gì (rất dễ dàng nếu bạn có Photoshop với các cọ khác nhau).

Điều đó có giúp được không?


2

Tôi thực sự khuyên bạn nên lấy một bản sao của Paint.NET miễn phí và tốt hơn 100 lần so với MS Paint - nó có một số công cụ cơ bản để tạo điều kiện cho việc tạo ra nghệ thuật theo nghĩa bạn đang tìm kiếm.

Chẳng hạn, nó sẽ cho phép bạn thực hiện lựa chọn và điền vào toàn bộ lựa chọn bằng một màu / độ dốc nhất định, điều này sẽ giúp bạn không sử dụng công cụ bút và vẽ pixel theo pixel.

Nó thậm chí không gần với photoshop, nhưng nó tuyệt vời cho loại trường hợp sử dụng này, nơi bạn đang tìm kiếm phong cách nghệ thuật cơ bản.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.