Làm cách nào tôi có thể đạt được hiệu ứng đột quỵ pixel hoàn hảo trong Photoshop?


16

Tôi đang làm việc trên nghệ thuật pixel theo phong cách retro cho một trò chơi video. Tôi muốn có thể thêm một đường viền xung quanh một sprite, nhưng tôi cần nó phải sắc nét và "pixel hoàn hảo". Sử dụng hiệu ứng Stroke của Photoshop có vẻ như là sự lựa chọn rõ ràng, nhưng thật không may, Photoshop thực hiện một số khử răng cưa lạ mắt và thêm các pixel mà tôi không muốn chúng:

nhập mô tả hình ảnh ở đây (Hình ảnh được phóng to lên 400%)

Đường viền hình ảnh trên cùng được tạo bằng Photoshop Stroke (kích thước: 1px, vị trí: Bên ngoài).

Đường viền hình ảnh phía dưới được vẽ thủ công bằng công cụ bút chì.

Hiệu ứng dưới cùng là hiệu ứng tôi đang theo đuổi, nhưng tôi đang cố gắng đạt được nó mà không cần phải tự vẽ bằng công cụ bút chì. Có cách nào để buộc hiệu ứng Stroke hành xử theo cách này không? Hoặc có một phương pháp khác mà tôi có thể sử dụng để tự động hóa hiệu ứng này?


Bạn có quyền truy cập vào pháo hoa? Đó là một công cụ tốt hơn cho loại công việc này. Chặn rằng, đối với độ phân giải công việc này, tôi không bận tâm đến nét vẽ và chỉ sử dụng công cụ bút chì để vẽ nó.
DA01

Sử dụng công cụ bút chì. @ DA01 Adobe đã giết Pháo hoa, thật đáng buồn.
Billy Kerr

@BillyKerr vâng, có vẻ như lời khuyên phần mềm không hợp tuổi. :)
DA01

Câu trả lời:


13

Một cách thực sự dễ dàng để đạt được một nét vẽ sắc nét là với kiểu lớp bóng đổ (vâng, bạn đọc chính xác).

Đột quỵ sắc nét trong Photoshop

Goomba hàng đầu là ví dụ của bạn. Goomba dưới cùng là cùng một bitmap, nhưng được che dấu bằng nét được thêm vào như một kiểu bóng đổ. Bí quyết để làm cho đúng là đường cong tùy chỉnh.

Đường cong tùy chỉnh

Điều tương tự có thể được thực hiện với phong cách lớp phát sáng bên ngoài. Và, bây giờ bạn có thể áp dụng điều này cho bất kỳ lớp nào một cách dễ dàng.


cài đặt góc có quan trọng không?
horatio

4
Khi khoảng cách bằng 0, góc không quan trọng.
Marc Edwards

Cách giải quyết khá thông minh để sử dụng Strokes! Điều này đang làm việc thực sự tốt, không bao giờ nghĩ về việc sử dụng đường viền!
bigp

Lời ..... Tôi sẽ không bao giờ nghĩ sử dụng bóng đổ. Điều này làm việc hoàn hảo cho tôi cũng cho cùng một ứng dụng.
Nungster

4

Để làm điều này, bạn có thể làm theo thủ tục này:

  1. Biến lớp của bạn thành một đối tượng thông minh, bằng cách này bạn có thể tạo nhiều bản sao của lớp sẽ tự động đồng bộ hóa với các nội dung liên quan
  2. Tạo bốn bản sao của đối tượng thông minh này ( không sử dụng chức năng "Đối tượng thông minh mới thông qua sao chép", điều này sẽ tạo ra các đối tượng thông minh riêng biệt, chúng tôi muốn chúng được kích hoạt ở đây)
  3. Điều chỉnh vị trí của mỗi trong số bốn bản sao, bằng cách đưa chúng vào từng pixel theo bốn hướng (ví dụ: một lên, một xuống, một trái và một phải)
  4. Nhóm bốn bản sao thành một nhóm trong bảng lớp
  5. Thêm một lớp màu rắn (màu đột quỵ), đặt nó lên trên nhóm
  6. Nhấp chuột phải vào đường phân cách giữa nhóm và lớp màu xanh để biến nhóm thành mặt nạ cắt cho lớp màu xanh

Kết quả:

Lớp Ma

Bạn có thể tải tập tin Photoshop CS6 tại đây .

Kỹ thuật này có thể dễ dàng được điều chỉnh để bao gồm các pixel theo cả 8 hướng bằng cách lặp lại các bước trên lần thứ hai (4 lớp khác) và đưa chúng một pixel theo đường chéo theo bốn đường chéo.


1

Câu trả lời của Lasse là tốt. Tuy nhiên, tùy thuộc vào thiết lập của bạn, lớp điều chỉnh Posterize được đặt thành 2 có thể đưa bạn đến đó trong một bước. Nó chắc chắn đáng để thử.

Phân lớp tệp của bạn, một màu trên mỗi lớp, chắc chắn sẽ đưa bạn đến đó bằng cách sử dụng Posterize.

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.