Mẹo và Công cụ để tạo hoạt hình Spritesheet


23

Tôi đang tìm kiếm một công cụ mà tôi có thể sử dụng để tạo bảng sprite một cách dễ dàng.

Ngay bây giờ tôi đang sử dụng Illustrator, nhưng tôi không bao giờ có thể đặt trung tâm của nhân vật vào vị trí chính xác, vì vậy có vẻ như nó đang di chuyển xung quanh (mặc dù nó luôn ở một nơi), trong khi được lặp qua bảng sprite. Có công cụ nào tốt hơn mà tôi có thể sử dụng không?

Ngoài ra những loại lời khuyên nào bạn sẽ cung cấp cho làm việc với một tấm sprite? Tôi có nên tạo từng phần của nhân vật trong các lớp riêng lẻ (cánh tay trái, cánh tay phải, cơ thể, v.v.) hoặc mọi thứ cùng một lúc không? bất kỳ lời khuyên nào khác cũng sẽ hữu ích! cảm ơn bạn


Nơi bạn sử dụng một số tập lệnh để xuất bảng sprite từ Illustrator? Tôi đang sử dụng tập lệnh Photoshop của riêng mình nhưng tôi cũng muốn một cái gì đó cho Illustrator.
rraallvv

Câu trả lời:


13

Từ những vấn đề mà bạn đang gặp phải, tôi khuyên bạn nên làm như sau:

Đầu tiên, làm việc với các lớp và thư mục. Nó thực sự có ích, Nhóm các nhóm riêng lẻ cùng nhau trong các thư mục để bạn có thể di chuyển toàn bộ chúng xung quanh và các phần được sao chép sẽ tồn tại trên các lớp riêng biệt.

(Vì vậy, nếu có một thanh kiếm hoặc thứ gì đó nên ở trên một lớp, mắt phải ở trên một lớp, v.v.). Đó là nơi sức mạnh thực sự của các loại ứng dụng này là cho một nhiệm vụ như vậy. Nếu bạn làm hỏng thứ gì đó, bạn không làm hỏng tất cả chỉ trên lớp đó.

Sau đó, kích hoạt thước và kích hoạt lưới. (Cũng dành thời gian để thiết lập chúng chính xác trong menu tùy chọn). Nếu nhấp vào thước kẻ và kéo ra khỏi nó, bạn có thể tạo hướng dẫn. Thiết lập các giới hạn của riêng bạn bằng cách sử dụng các hướng dẫn sẽ cho phép bạn chụp các họa tiết (hiện có trong các thư mục) vào các đường lưới cho phép bạn định vị chúng tốt hơn nhiều.

Cuối cùng, nếu mọi thứ vẫn có vẻ hơi lệch pha khi hoạt hình đang phát. Nếu bạn phóng to hết cỡ (bạn có thể cần đảm bảo rằng tính năng này được bật trong menu tùy chọn), bạn có thể thấy lưới mỗi pixel riêng lẻ. Điều này sẽ cho phép bạn đặt mọi thứ chính xác nơi bạn cần đến.


Nhân tiện, bài viết này đang nói về cách sử dụng Photoshop cho trường hợp này.

4
@Sergio, không nhất thiết, PhotoShop không phải là phần mềm chỉnh sửa hình ảnh duy nhất có các lớp, hướng dẫn, quy tắc và mỗi lưới pixel.
Tấn côngHobo

@Sergio nghĩ rằng tôi đã đề cập rằng tôi muốn giới thiệu PS hơn họa sĩ minh họa trong trường hợp này. Nhưng vâng, IIRC nó vẫn nên sở hữu tất cả các tính năng đó trong cùng một bộ với Photoshop. Tôi chưa mở bất cứ thứ gì trừ Photoshop và After Effects trong một lúc.
Jesse Dorsey

@AttackingHobo - anh ấy đã đề cập đến các hướng dẫn chụp nhanh bằng cách nhấp vào lưới; hành động đó được sử dụng chủ yếu trong Photoshop và 99% các hướng dẫn mà mọi người sẽ tìm thấy bằng cách tìm kiếm sẽ trả về kết quả Photoshop.

@Sergio cảm ơn vì đã nhắc nhở tôi, bạn nên nhấp và kéo từ thước kẻ. Nhưng vâng, Illustrator có khả năng tạo hướng dẫn. Vì vậy, tôi không nghĩ rằng bất kỳ thông tin này là sai.
Jesse Dorsey

4

Nếu bạn có các mô hình 3D, có một chương trình được tạo bởi EnvyGames, SpriteWorks , sẽ tạo ra các tấm sprite 2D trong số các mô hình cho bạn. Cho phép bạn chơi hoạt hình và tùy chỉnh một loạt các công cụ.

Tôi nghĩ rằng nó hơi đắt cho những gì nó là, $ 49,99.

Đây là một hướng dẫn về cách sử dụng SpriteWorks

Tạo Sprites từ Mô hình 3D - EnvyGames



3

Câu hỏi của bạn nghe rất giống câu hỏi tôi đã trả lời ở đây: một công cụ tốt để sản xuất các họa tiết hoạt hình là gì?

Về cơ bản, bạn có thể tạo hoạt hình của mình trong bất kỳ chương trình nào bạn thích. Khi sử dụng Illustrator, tôi khuyên bạn nên tạo các bước hoạt hình trên các lớp hoặc thậm chí nhập tác phẩm nghệ thuật vào Flash để làm hoạt hình (vì Flash CS4 bạn cũng có thể tạo xương trong flash. Xem tại đây để xem hướng dẫn ).

Khi bạn đã hoàn thành hoạt hình của mình, chỉ cần xuất khung hình thành hình ảnh và sau đó sử dụng phương pháp được mô tả trong câu trả lời của tôi (ở trên) để tạo một tấm sprite.




2

http://www.darkfeft.com/editor/

Rất tiếc: Xin lỗi vì tự quảng cáo lén lút. Nhưng đây có thể chỉ là những gì bạn đang tìm kiếm.

EDIT: Chỉ là một bản cập nhật mà tôi đã làm cho công cụ này miễn phí và mã nguồn mở. https://github.com/darkFunction/darkFunction-Editor


Vì đây là sản phẩm của riêng bạn, xin vui lòng nói như vậy, nó nằm trong Câu hỏi thường gặp
John McDonald

đó là một công cụ tuyệt vời, sử dụng quy trình làm việc của riêng tôi bây giờ với các lớp, hoạt động tốt, mặc dù hơi chậm, có thể phải xem xét thêm một chút
Spooks

1

Phần mềm hoạt hình Sprite tự động tạo một bảng sprite chứa một chuỗi theo thứ tự của tất cả các khung của hoạt hình sprite. Phần mềm này không hoạt động với các tấm sprite đã được tạo - nó tạo ra một tấm sprite với hướng được quy định (dọc, ngang hoặc bảng) và kích thước quy định.

Hoạt hình Sprite được tạo bởi cùng một công cụ bằng cách sử dụng các mô hình và kết cấu xương 2d bản lề. xem video trên youtube


Câu hỏi thường gặp của chúng tôi đề xuất đối với các câu trả lời "hầu như không nhiều hơn một liên kết đến một trang web bên ngoài." Có thể thêm một số chi tiết giải thích những gì ở đó và tại sao nó hữu ích cho người hỏi này? :)
Cameron Fredman

0

Tôi đã sử dụng Texture Packer để tạo các họa tiết từ một thư mục hình ảnh PNG. Tôi đang chuyển một trò chơi ban đầu được phát triển bằng Flash, vì vậy tôi chỉ đơn giản là xuất từng khung của MovieClip sang png và sau đó nhập những hình ảnh đó vào Texture Packer.

Một công cụ tương tự khác là Zwoptex

(Phần sau là phần mềm Mac, nhưng TP cũng có phiên bản dành cho Windows.)

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.