Các vectơ: Làm thế nào để bạn đối phó với 'tràn' nền trên các cạnh chồng chéo?


7

Khi che một hình dạng vector với hình khác; nếu các cạnh trùng nhau, màu của hình nền được sử dụng như hiệu ứng giả (nhìn xa trông rộng) trên cạnh của hình dạng nền trước, thay vì có màu của hình dạng nền trước hòa trộn với màu của bất cứ thứ gì nằm ngoài cả hai hình. (Wow, tôi không chắc liệu tôi có ý nghĩa gì khi mô tả điều này không.)

Tôi có thể đối phó với điều này xảy ra trong Illustrator, nhưng tại sao nó cũng phải xảy ra ở bất kỳ định dạng vector xuất khẩu nào? Chẳng hạn, khi kết xuất logo ở định dạng .EPS, làm thế nào để bạn đối phó với hiện tượng khó chịu này? Có cách nào để phá vỡ nó mà không phải bù thủ công (bẫy?) Cạnh của đối tượng nền để không có hiệu ứng không mong muốn này không?

Chọn "Save for Web" trong Illustratos dường như luôn mang lại kết quả hoàn hảo. Nhưng bằng cách nào đó (có thể ai đó có thể giải thích lý do kỹ thuật) các định dạng vectơ sẽ không coi đối tượng phía sau bị che phủ hoàn toàn bởi đối tượng phía trước (nghĩa là không quan tâm đến cạnh của đối tượng thấp hơn), mà thay vào đó nhấn mạnh vào việc "đổ" màu của nó lên cạnh của vật thể phía trước.

Để gói nó:

Tôi chủ yếu tìm kiếm lời khuyên / cách tiếp cận khi giải quyết vấn đề này, đặc biệt là trong bối cảnh chế tạo logo, trong đó các sản phẩm có thể được yêu cầu ở định dạng .EPS, ngoài các định dạng bitmap thông thường.

EDIT: một điều tôi thấy thú vị là khi thực hiện "Save for Web" và chuyển đổi giữa Art Optimized và Type Optimized, cái sau cũng sẽ thể hiện hiện tượng không mong muốn này.


nhập mô tả hình ảnh ở đây


nhập mô tả hình ảnh ở đây


nhập mô tả hình ảnh ở đây


Chính thức thừa nhận rằng tiêu đề cho mục này là khá khó hiểu. Vì vậy, bất cứ ai, cảm thấy hoan nghênh để hoàn thiện nó nếu bạn biết những từ tốt hơn để mô tả vấn đề này.
Henrik

Câu trả lời:


4

Đây thực sự không phải là một vấn đề Illustrator, nhưng là một vấn đề chung khi nghệ thuật vector được rasterized. Hiển thị nghệ thuật vector trên màn hình dựa trên pixel liên quan đến việc rasterizing giống như xuất nghệ thuật vector sang định dạng hình ảnh dựa trên pixel.

Tại sao "Save for Web" tốt hơn ở đây? Khó nói, nhưng nó có thể yêu cầu các phép tính tương đối chậm, phức tạp để cho kết quả tốt nhất, sẽ chậm đến mức không thể chấp nhận được nếu áp dụng trong thời gian thực trong khi bạn đang chỉnh sửa.

Tôi sẽ tưởng tượng có những bài báo học thuật về điều này nếu bạn muốn xem xét thêm.

Khi cung cấp logo vector, chắc chắn sẽ là cách tốt nhất để loại bỏ khả năng xảy ra sự cố.

Trong các ví dụ của bạn, bạn có thể đẩy đối tượng nền trước lên và sang trái hoặc trừ một bản sao của đối tượng nền trước khỏi đối tượng nền và đảm bảo rằng không còn dấu vết của đối tượng nền phía trên bên trái.


e100: cũng được. Phương pháp trừ là một lời khuyên tốt để đưa vào quy trình làm việc (cũng như ghi nhớ khi thiết kế). Đối với thuật toán hiển thị chậm của thuật toán "Lưu cho Web" trong tình huống thời gian thực, tôi sẽ giết theo tiêu chuẩn dựa trên vectơ (có thể là .eps, .svg hoặc những gì có bạn), trong đó có hai chế độ hiển thị khác nhau ; một cái phù hợp để hiển thị nhanh (bao gồm lỗ hổng hiển thị này) và một cái khác không phù hợp để hiển thị nhanh (trong đó các đối tượng chồng lấp hiển thị theo cách 'hoàn hảo về mặt trực quan').
Henrik

+1 Tôi sẽ tạo một bài đăng gợi ý bằng cách sử dụng tính năng trừ trong bảng Pathfinder. Sao chép hình dạng, trừ, dán ở phía trước với điền. Hình như bạn che nó lại.
ghoppe

3

Tôi đã thực hiện một vài thử nghiệm sao chép kịch bản của bạn trong AI CS5.1 và hiệu ứng viền là (hầu như không thấy được) trên màn hình Rạp chiếu phim lớn của tôi khi thu nhỏ, nhưng không thể nhìn thấy khi phóng to. Màn hình phụ của tôi có độ cao hơn so với Lớn Guy, và nó đã được nhìn thấy nhiều hơn ở đó. Điều này có xu hướng xác nhận những gì tôi nghi ngờ là vấn đề, và ít nhiều là những gì e100 đã chỉ ra: đây là một yếu tố khử răng cưa của ứng dụng ở độ phân giải tương đối thô của màn hình của bạn. Nó hơi giống với những đường chân tóc đẹp đôi khi xuất hiện trong các tệp PDF và khiến khách hàng gọi điện thoại điên cuồng cho nhà thiết kế.

Vì các lý do rõ ràng, hiệu ứng có thể nhìn thấy chủ yếu ở các cạnh cong và chéo, không tồn tại trên các chiều dọc và ngang nằm trên ranh giới pixel và phần nào ở đó khi một cạnh rơi giữa các pixel, buộc khử răng cưa.

Bạn có thể giảm thiểu sự cố bằng cách kiểm tra "Căn chỉnh đối tượng mới vào lưới pixel" trong phần "Nâng cao" của hộp thoại Tệp mới, nhưng tôi thấy hiệu ứng đã biến mất hoàn toàn khi tôi tắt "Tác phẩm nghệ thuật chống bí danh" trong Preferences > Generalphần. Bạn kết thúc với "jaggies", nhưng không có tạo tác màu giả.

Nó không hiển thị trong SfW vì nó không thực sự ở đó. Nó cũng không có trong PDF nếu bạn phóng to . PDF "biết" có hình dạng phía sau và cố gắng khử răng cưa ở độ phân giải của màn hình, để nó hiển thị ở kích thước hình ảnh nhỏ và biến mất khi bạn phóng to. Nó cũng sẽ không hiển thị trên Xuất sang jpeg nếu bạn thay đổi "Tối ưu hóa văn bản (Gợi ý)" trong hộp thoại xuất thành "Tối ưu hóa nghệ thuật".

SVG là niềm vui của công cụ kết xuất của trình duyệt. Không ai trong số họ (IE9, Chrome, FF, Opera và Safari) hoàn thành nhiệm vụ, dựa trên các thử nghiệm của tôi. Tương tự, EPS, hiển thị theo ứng dụng nhưng sẽ in hoặc xuất sang các định dạng raster mà không gặp vấn đề gì.


Alan, cảm ơn bạn đã phân tích kỹ lưỡng. Tôi tự hỏi nếu có bất kỳ cơ hội để xem một số loại plugin để giảm thiểu các hiệu ứng này; tốt nhất là nơi bạn có thể chỉ định các bộ phận để loại trừ chảy máu chống bí danh. Tức là phát hiện và bù đắp các phác thảo của các khu vực thủ phạm. Hừm, tự hỏi liệu điều này bằng cách nào đó có thể mơ hồ liên quan đến bẫy? Có lẽ không phải là Nhưng Nhưng tôi đã nghĩ, có lẽ thứ gì đó như PowerTrapper của Esko (chính thức là Bẫy-X?) Có thể tỏ ra tiện dụng (mặc dù nó không được thiết kế riêng để khắc phục vấn đề cụ thể này). esko.com/en/Sản phẩm / tổng quan / deskpack / mô
Henrik

Vì đây là một tạo phẩm chống răng cưa và chỉ ảnh hưởng đến quá trình raster hóa độ phân giải thấp cho mục đích hiển thị, nên có vẻ như một trình cắm thêm bẫy sẽ có giá trị. Bẫy là đặc thù để in, và bản chất là độ phân giải cao.
Alan Gilbertson

Tôi dường như đã hạ thấp điều này do nhầm lẫn, nhưng không thể nâng cấp trừ khi bạn chỉnh sửa ...
e100

Dang, nơi đó "Rất tiếc!" liên kết khi bạn cần nó. :-)
Alan Gilbertson

0

Tôi sẽ đề nghị thử một vài điều:

  • Nhích đối tượng trên cùng vừa đủ để che đi dòng thừa đó
  • Thêm một đường viền cho đối tượng trên cùng màu với màu tô.

Sử dụng Illustrator cũng giống như việc tạo ra ảo ảnh về hình dạng giống như việc tạo ra chính hình dạng đó và điều đó đòi hỏi một chút chiến lược để có thể hoạt động tốt.

Hỏi lý do tại sao Illustrator làm điều này là không thể trả lời.


Thêm viền thường không phải là một ý tưởng hay trong logo, để ngăn chặn sự cố khi bên thứ ba chia tỷ lệ với "đường viền và hiệu ứng" bị tắt.
e100

Đúng. Vấn đề duy nhất là trong một thiết kế chính xác / phức tạp, đây sẽ là một hoạt động điểm và đường dẫn thay vì làm lu mờ toàn bộ các đối tượng để bù đắp cho lỗ hổng này (nếu tôi có thể gọi nó là như vậy). Người ta mong đợi - ít nhất là trong miền kỹ thuật số - rằng các chương trình đủ thông minh để đảm bảo rằng khi một đối tượng được sao chép carbon và đặt chính xác lên trên một đối tượng khác, thì các chương trình bên dưới sẽ hoàn toàn vô hình. Tôi nghi ngờ thủ phạm thực tế là cách chống răng cưa hoạt động. Nếu chỉ có một người có thể ngăn chặn bất kỳ bề mặt nào nhưng trên cùng từ kết xuất chống răng cưa.
Henrik
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.