Bỏ để qua phần nội dung Bỏ qua thanh bên Bỏ qua tới chân

Làm thế nào để tạo ra sự tuyệt vời Pixel Art cho trò chơi và ứng dụng của bạn

bạn bắt đầu bằng cách nào pixel art trên? May mắn thay là pixel art một trong những dịp hiếm hoi khi nó thực sự dễ dàng như vẻ ngoài của nó. Đây là nghệ thuật pixel ...

Pixel Art có một sức hấp dẫn cổ điển nhất định quay trở lại thời đại bảng điều khiển 8, 16 và 32-bit. Tuy nhiên, ngày nay, nó có nhiều khả năng được tìm thấy trong nhiều trò chơi indie và di động và hiện đang tận hưởng một điều gì đó hồi sinh. Đó là một cách tuyệt vời để vượt qua những giới hạn công nghệ đi kèm với việc trở thành một nhà phát triển độc lập và phần cứng di động. Bằng cách này, bạn có thể thực hiện ít công việc hơn và giảm kích thước tệp của mình — nhưng thay vì trông rẻ tiền, nó giống như một lựa chọn phong cách có ý thức. Thêm một số bản nhạc chiptune và một bảng màu độc đáo và bạn có khiếu thẩm mỹ tuyệt vời sẽ nổi bật trên Cửa hàng Play.

Một điểm hấp dẫn khác của pixel art là cách cô ấy thách thức bạn làm việc trong giới hạn của cô ấy. Vì những hình ảnh quá nhỏ, điều này buộc phải có một cách tiếp cận hơi ấn tượng. Làm cách nào để bạn có thể nhận ra ngay một hoặc hai pixel như một nụ cười lôi cuốn hoặc một con dao găm đang thò ra từ đối thủ? Đây là nghệ thuật thực sự của định dạng và đó là lý do tại sao một số thành tựu trong các trò chơi như Superbrothers: Sword & Sworcery hoặc cái mới hơn Hyper nhẹ Drifter  thật ấn tượng.

Làm thế nào để tạo ra sự tuyệt vời Pixel Art cho trò chơi và ứng dụng của bạn 1

Làm thế nào để bắt đầu

Với suy nghĩ đó, bạn có thể quyết định rằng pixel art sẽ là một hướng đi tốt cho dự án của riêng bạn. Trong trường hợp này, bạn phải bắt đầu như thế nào? May mắn thay là pixel art một trong những dịp hiếm hoi khi nó thực sự dễ dàng như vẻ ngoài của nó. Đây là nghệ thuật pixel ...

pixel art cho trò chơi và ứng dụng của bạn

Khi bắt đầu, bạn chỉ phải chọn một chương trình vẽ mà bạn lựa chọn. Tôi sử dụng GIMP vì nó miễn phí, nhưng bạn có thể dễ dàng sử dụng Photoshop hoặc thậm chí MS Paint. Tuy nhiên, tôi khuyên bạn nên sử dụng thứ gì đó phức tạp hơn MS Paint, vì nó có thể hữu ích khi có quyền truy cập vào các tính năng như lớp và độ trong suốt (như chúng ta sẽ thấy ở phần sau). Có một số chương trình nghệ thuật pixel chuyên dụng mà bạn cũng có thể làm việc, nhưng chúng thường không bắt buộc. Tuy nhiên, Aseprite là một lựa chọn tốt.

Bất kể lựa chọn phần mềm của bạn là gì, sau đó bạn sẽ chọn công cụ bút và đảm bảo nó được thiết lập để vẽ các pixel riêng lẻ ở độ mờ 100%. Bây giờ hãy phóng to hình ảnh của bạn đến mức bạn có thể nhìn thấy rõ ràng các pixel hình vuông khi bạn vẽ. Nó thực sự là dễ dàng!

Bây giờ bạn có thể bắt đầu vẽ tự do hoặc đặt từng pixel riêng lẻ. Lưu ý rằng khi vẽ những thứ như hình tròn, bạn có thể xem xét cẩn thận các mẫu pixel của mình (hai trên cùng, một ngang, ba trên đầu một ngang, bốn trên cùng một ngang, v.v.) vì điều này sẽ tạo ra một cái nhìn nhất quán và có kiểm soát hơn Hình ảnh. Tin tốt là rất dễ dàng để hoàn tác bất kỳ lỗi nào bạn mắc phải, vì vậy không có lý do gì để không thử nghiệm.

Anh chàng Android gimp

Những gì bạn nhận được là một phác thảo cơ bản cho bất cứ điều gì bạn đang cố gắng vẽ bằng các pixel khối. Đừng lo lắng về việc thêm nhiều chi tiết cho đến lúc sau — chỉ cần thử nghiệm với việc lấy đúng hình dạng và tỷ lệ. Đây là phần khó nhất, đặc biệt là với rất nhiều nhân vật.

Tôi thích sử dụng đường viền cho các bức tranh của mình, nhưng nhiều người không bận tâm và vẽ bằng màu khối. Làm những gì hiệu quả cho bạn, nhưng lưu ý rằng mỗi phương pháp đều có ưu và nhược điểm; Đường viền giúp bạn dễ dàng phân biệt các chi tiết hơn, nhưng có thể gây khó chịu khi hình ảnh của bạn nhỏ hơn và hết pixel!

nghệ thuật pixek cho trò chơi của bạn

Thêm chi tiết và tô bóng

Một khi bạn hài lòng với đường viền hoặc hình bóng của mình, bạn có thể thêm các chi tiết riêng lẻ cho đến khi bạn có một bức tranh hoàn chỉnh. Bạn càng thêm nhiều chi tiết, nhân vật của bạn sẽ trông càng ấn tượng. Tuy nhiên, đồng thời, bạn phải tránh làm cho hình ảnh của bạn có vẻ quá chật chội. Điều quan trọng là bạn phải bắt đầu với một đường viền có kích thước phù hợp - và hãy nhớ rằng các đối tượng khác trong thế giới trò chơi của bạn cũng phải tương đối.

Bây giờ bạn đã có thông tin chi tiết của mình, chỉ cần thêm màu sắc bạn muốn bằng công cụ tô màu. Tuy nhiên, điều này có thể trông hơi phẳng lúc đầu, vì vậy rất có thể bạn sẽ muốn thêm một số loại ánh sáng sau đó.

Để làm điều này, chỉ cần tưởng tượng một nguồn sáng cho nhân vật của bạn, sau đó chọn hai hoặc nhiều sắc thái bổ sung để thêm vào bảng màu của bạn. Bạn cần ít nhất một cái cho bóng đổ và một cái cho vùng sáng. Đảm bảo rằng tất cả bóng đổ xuất hiện trên cùng một trang và nghĩ về các đường viền sẽ được tạo ra một cách tự nhiên bởi các hình dạng bạn vẽ nếu chúng là XNUMXD. Tôi sử dụng nhiều bóng đổ ở một bên và sau đó chỉ một dải ánh sáng mỏng ở bên kia để tạo ra những điểm nổi bật, nhưng một lần nữa, điều quan trọng là hãy thử nghiệm và xem những gì phù hợp với phong cách cá nhân của bạn.

Gimp Android Anh chàng 2

Hãy nhớ rằng bạn đang vẽ các nhân vật và đồ vật cho trò chơi. Điều đó có nghĩa là bạn phải suy nghĩ kỹ về nguồn sáng của mình. Tạo hiệu ứng đổ bóng rất rõ ràng trên tay phải của sprite của bạn có thể trông kỳ quặc trong một số bối cảnh - đặc biệt nếu bạn lật sprite của mình trong khi nó đi theo hướng ngược lại! Hãy ghi nhớ điều này khi bạn tạo hình ảnh của mình và thay vào đó hãy cân nhắc việc làm cho ánh sáng tinh tế hơn hoặc truyền nó lên cao.

Xuất hình ảnh của bạn

Sau khi hoàn tất, bạn có thể lưu và xuất hình ảnh của mình. Tất nhiên chúng ta phải cẩn thận ở điểm này vì bức tranh thực sự là nhỏ bé sẽ là . Ngoài ra còn có một số điều khác cần lưu ý khi sử dụng nghệ thuật của bạn trong trò chơi của bạn.

Đầu tiên, hãy đảm bảo tự động cắt ảnh của bạn để không có vùng trắng xung quanh các cạnh. Điều này rất hữu ích cho việc phát hiện va chạm của bạn và cũng giúp bạn không làm cho hình ảnh của mình lớn không cần thiết. Tuy nhiên, bạn có thể muốn tạo một "sprite sheet" để thay thế, nghĩa là bạn sẽ thêm từng khung hoạt ảnh vào một tệp duy nhất. Điều này làm cho kích thước tệp tổng thể nhỏ hơn và dễ tổ chức hơn. Trong trường hợp này, việc cắt xén ít quan trọng hơn vì bạn sẽ thực hiện điều đó sau trong IDE đã chọn của mình.

Xuất hình ảnh nghệ thuật pixel của bạn

Bạn cũng cần đảm bảo nền trong suốt để các nhân vật di chuyển xung quanh trong thế giới trò chơi của bạn, chứ không phải là các hình vuông lớn màu trắng với các nhân vật được vẽ trên đó. Trong Gimp, bạn thực hiện việc này bằng cách chọn "Lớp" từ menu, sau đó chọn "Độ trong suốt" và "Thêm kênh Alpha". Từ đó, bạn có thể xóa nền trắng của mình và để hình ảnh của bạn lơ lửng trên không.

Nếu bạn xuất hình ảnh của mình, bạn có thể làm như vậy ở kích thước tệp thực tế nếu bạn định sử dụng nó trong trò chơi. Trong Unity, bạn có thể chọn 'Pixels Per Unit' cho từng sprite riêng lẻ, giúp dễ dàng phóng to hình ảnh của bạn theo ý muốn trong khi vẫn thu được lợi ích từ kích thước tệp nhỏ.

Tuy nhiên, ngược lại, nếu bạn định chia sẻ hình ảnh của mình trực tuyến, bạn muốn chúng xuất hiện lớn hơn. Vì vậy, hãy chuyển đến 'hình ảnh', sau đó đến 'kích thước hình ảnh' và tăng kích thước. Đảm bảo rằng bạn đã chọn Nội suy hoặc Bảo tồn các cạnh cứng (tùy thuộc vào phần mềm của bạn). Nếu không, hình ảnh sẽ bị mờ.

7 mẹo nghệ thuật pixel

Cuối cùng, một số mẹo để giúp bạn làm chủ pixel art nên giúp...

1. Hãy ghi nhớ bức tranh lớn

Khi bạn phóng to và chỉnh sửa cẩn thận từng pixel, có thể khó hình dung hình ảnh của bạn sẽ như thế nào khi hoàn thành. Do đó, điều quan trọng là phải thu nhỏ theo thời gian. Hoặc tốt hơn, hãy thử công cụ điều hướng (có sẵn với hầu hết các chương trình nghệ thuật) cho phép bạn xem phối cảnh thu nhỏ trên canvas của mình và cũng có thể chuyển đến các điểm cụ thể.

Hãy ghi nhớ bức tranh lớn

2. Sử dụng công cụ Magic Wand Tool

Bạn có thể chọn toàn bộ một vùng hoặc màu bằng công cụ Magic Wand hoặc Color Selection. Bằng cách này, bạn chỉ có thể vẽ trên khu vực đó  lần lượt, đảm bảo bạn có thể vẽ tự do mà không lo lắng về việc vượt qua các đường kẻ. Alpha Lock là một công cụ khác mà bạn có thể sử dụng để thực hiện việc này.

3. Thêm khử răng cưa

Khử răng cưa là một thuật ngữ đồ họa máy tính nhằm mục đích làm mềm sự xuất hiện của các pixel, thường bằng cách giảm độ tương phản và thêm nhiều màu chuyển tiếp hơn. Các game thủ PC sẽ nhận ra đây là một tùy chọn đồ họa có thể được bật và tắt để cải thiện hiệu suất.

Trong trường hợp của chúng tôi, khử răng cưa là một hiệu ứng mà chúng tôi có thể bắt chước để làm cho hình ảnh của chúng tôi trông chân thực hơn một chút. Để tạo hiệu ứng, chỉ cần tìm các điểm mà bạn có độ tương phản đột ngột, sau đó giới thiệu các màu chuyển tiếp đó dọc theo các cạnh. Ý tưởng ở đây không phải là tạo ra một gradient mịn, chỉ làm cho quá trình chuyển đổi có vẻ ít mạnh mẽ hơn một chút. Tôi đã thêm một số khử răng cưa vào Liên kết ở đây để bạn có thể thấy sự khác biệt:

Tại đây bạn cũng sẽ học được điều gì đó về Pixel Art: Nó đòi hỏi rất nhiều kiên nhẫn!

4. Mức độ sử dụng

Hầu hết các chương trình nghệ thuật đều cho phép bạn sử dụng các lớp, có nghĩa là bạn có thể làm cho hình ảnh xuất hiện trong nền và vẽ lên chúng mà không ảnh hưởng đến lớp đó. Bạn cũng có thể thay đổi độ trong suốt của các lớp riêng lẻ, v.v.

Điều này cho phép chúng tôi chụp một hình ảnh mà chúng tôi muốn làm việc, chia tỷ lệ nó xuống (giữ tỷ lệ khung hình chính xác), và sau đó theo dõi nó bằng công cụ bút. Đó là cách tôi làm bức chân dung này của Gary ...

Gary pixel art

5. Thử các bộ lọc

trong khi tốt nhất pixel art Được chỉnh sửa 99% bằng tay, có một vài bộ lọc có thể giúp cuộc sống của bạn dễ dàng hơn một chút tùy thuộc vào tham vọng của bạn. Ví dụ: Gimp có một bộ lọc làm mờ được gọi là "Pixelize" thực hiện chính xác những gì nó nói trên hộp thiếc. Bạn có thể sử dụng điều này để thêm khử răng cưa cho hình ảnh hiện có của mình hoặc bạn có thể sử dụng nó để "ăn gian" và biến một hình ảnh thông thường thành một hình ảnh giống hơn một chút pixel art nhìn. Công cụ mài cũng có thể là một nguồn hữu ích.

Thử các bộ lọc pixel art

6. Tìm kiếm nguồn cảm hứng

Cách tốt nhất để ở pixel art Trở nên tốt hơn, giống như hầu hết mọi thứ, là tiếp tục cố gắng. Tuy nhiên, thực hiện một số nghiên cứu và tìm kiếm cảm hứng trực tuyến cũng có thể rất hữu ích. Đặc biệt, việc xem xét các ví dụ hiện có về "khuôn mẫu tham chiếu" có thể hữu ích, đặc biệt nếu bạn muốn nhanh chóng tạo các vật phẩm như rương, cây cối và những thứ tương tự. 'The Spriter's Resource' là một trang web tuyệt vời để tìm các trang tính từ tất cả các trò chơi cũ yêu thích của bạn. Nhìn vào các tờ sprite cũng có thể rất hữu ích khi cố gắng tạo hoạt ảnh cho các nhân vật của bạn, vì nó cung cấp cho bạn tài liệu tham khảo về cơ sinh học của việc đi bộ, chạy và nhảy (cơ sinh học đề cập đến cách chúng ta di chuyển tay và chân trong khi chúng ta di chuyển) ).

Và tất nhiên có rất nhiều nguồn cảm hứng trên Deviant Art và Pinterest, cũng như rất nhiều trò chơi tuyệt vời ngay trên Cửa hàng Play. Một số ví dụ điển hình là: Superbrothers: Sword & Sworcery, Pewdiepie: Legend of the Brofist, VVVVVV (có thể nói như vậy), Nhím Sonic 1, 2 & CD và hồ cạn.

7. Hãy là bản gốc

Trong khi pixel art trông tuyệt vời thường xuyên và tiềm năng thử nghiệm là vô tận, điều quan trọng là bạn phải đảm bảo rằng bạn làm việc để đảm bảo hình ảnh của bạn trông không giống như cũ. Có một cái vào lúc này rất nhiều pixel art, vì vậy, thật dễ dàng nếu chỉ sử dụng một cái chung chung pixel art-Tạo một cái nhìn và gọi nó là một thẻ. Nếu bạn muốn trò chơi của mình trông độc đáo, bạn cần phải suy nghĩ bên ngoài và cố gắng đưa ra phong cách của riêng bạn. Làm thế nào về, pixel art để kết hợp với một phong cách khác, chẳng hạn như cyberpunk? Thử nghiệm, thử những điều mới và sáng tạo pixel artđiều đó bằng cách nào đó là duy nhất đối với bạn. sử dụng pixel art như một phương tiện để thể hiện bản thân và làm cho trí tưởng tượng của bạn trở nên sống động - sau cùng, đó là tất cả những gì nghệ thuật hướng đến!

Chia sẻ suy nghĩ của bạn với chúng tôi!

Phản ứng của bạn là gì?
1Nụ cười0lol00Yêu0Sad0Angry