Illustrator, Save for Web: giữ tối ưu hóa Nghệ thuật và Loại trong một lần?


11

Khi xuất cho web trong Illustrator, có các lược đồ kết xuất Art Optimizedvà quen thuộc Type Optimized(ngoài None).

Cả hai chương trình đều có đặc quyền riêng về các loại yếu tố khác nhau. Không có gì đáng ngạc nhiên, Art Optimized vượt trội cho mọi thứ trừ văn bản, trong khi Type Optimized thường tốt hơn rất nhiều trong việc hiển thị văn bản / phông chữ. (Chà, tôi đoán đó có thể là một chủ đề chủ quan, nhưng nó không liên quan đến cuộc thảo luận - hãy cứ trung thực với thực tế; đôi khi bạn thích cái này hay cái khác, và thường (đây là ý chính của toàn bộ) đối xử với các yếu tố dự định của họ, tương ứng, phải không?

Tôi thường phải xuất hai phiên bản; một * _art_opt.png và một * _type_opt.png khi tạo ví dụ như một biểu trưng. Sau đó, tôi phải đặt cả hai hình ảnh được hiển thị lên hai lớp trong Photoshop, cắt bỏ phần Tối ưu hóa nghệ thuật khỏi khu vực Loại và ngược lại. Chỉ để có được thứ tôi đang tìm kiếm ở nơi đầu tiên: Tối ưu hóa nghệ thuật, nói cách khác, "nghệ thuật" kết xuất Nghệ thuật Tối ưu hóa và văn bản hiển thị Loại Tối ưu hóa.

Yếu tố trong đó tôi thường làm cho nhiều kích cỡ khác nhau; phiên bản trong suốt và phiên bản mờ đục; được lưu ở nhiều định dạng khác nhau và bạn có một số lãng phí thời gian SERIOUS ™ ngay tại đó.

Và vì vậy, câu hỏi

Tôi chỉ tự hỏi, có phương pháp nào có các yếu tố nghệ thuật được xử lý bằng biểu hiện Nghệ thuật tối ưu hóa và các yếu tố văn bản được xử lý như Kiểu Tối ưu hóa - tất cả đều giống nhau không?

Dưới đây là một ví dụ cho thấy cách đánh dấu logo xuất hiện tốt trong một tối ưu hóa (nghệ thuật) và văn bản logo xuất hiện tốt hơn trong loại tối ưu hóa khác, trong đó tôi phải lưu hai tệp và đưa chúng vào Photoshop để trộn thủ công phần tốt với nhau:

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

Câu trả lời:


11

Khi áp dụng khử răng cưa trong Save for Web & Devicesbảng điều khiển, toàn bộ quá trình xuất sẽ có cùng phương thức khử răng cưa nhưng bạn có thể áp dụng tính năng khử răng cưa ở cấp độ đối tượng.

Chọn một đối tượng và đi đến Effect > Rasterize.... Chọn ppi mong muốn của bạn, tốt hơn là luôn luôn chọn Use Document Raster Effects Resolutionvì sau đó sẽ dễ dàng chuyển đổi tất cả các đối tượng của bạn từ 72ppi sang 300ppi chẳng hạn bằng cách nhấp vào Effect > Document Raster Effects Settings.... Chọn phương pháp khử răng cưa mà bạn muốn áp dụng cho đối tượng của mình. Tôi luôn áp dụng Type Optimizedtrên các đối tượng văn bản nhưng bạn không cần phải làm gì trên đồ họa. Lần duy nhất tôi sử dụng Art Optimizedlà trên các hình ảnh PSD được liên kết, bạn sẽ có kết quả tốt hơn đặc biệt nếu bạn đánh giá thấp hình ảnh trong Ilustrator

Một ưu điểm khác của phương pháp này là những gì bạn nhìn thấy trên bản vẽ của mình (một khi tất cả các bộ lọc rasterize được áp dụng) sẽ chính xác là những gì bạn sẽ nhận được khi xuất để bạn thực sự có thể kiểm soát đầu ra cuối cùng.

Đối tượng sẽ được rasterized nhưng vì đó là một hiệu ứng bạn có thể bật / tắt nó trong Appareancebảng điều khiển - vì vậy nó không thực sự rasterized và không bị thay đổi. Sau đó, khi xuất, không áp dụng bất kỳ khử răng cưa nào trong Save for Web & Devicesbảng điều khiển.


3
dlmth: Đây là máu rực rỡ. Tôi không thể nói tôi biết ơn như thế nào về câu trả lời này. Một lưu ý cho những người chạy vào cùng một khoảng trống nhầm lẫn như tôi đã làm: Nếu đầu ra của bạn dành cho màn hình máy tính, hãy thay đổi Hiệu ứng> Cài đặt hiệu ứng raster tài liệu Cài đặt thành 'Màn hình (72 ppi). Của tôi ở mức 'Cao (300 ppi)', điều này thực sự gây rối cho việc khử răng cưa khi Lưu cho Web.
Henrik

3

Thành thật mà nói ... Tôi sao chép / dán vào Photoshop như một Đối tượng thông minh và Lưu cho Web bằng Photoshop trong những trường hợp này. Khử răng cưa SFW của AI không gây choáng khi các vật thể được trộn lẫn.


Hay đấy! Không bao giờ nghĩ về điều đó. Có vẻ như Photoshop xử lý văn bản tốt hơn một chút (trong khi vẫn duy trì tính toàn vẹn của nghệ thuật). Tuy nhiên, tôi đã gặp phải một sự cố màu khó chịu trong PS 'Save for Web, nhưng tôi nghĩ điều đó có liên quan đến thực tế là logo tôi hiện đang làm việc (không phải biểu tượng giả ở trên;) có độ mờ khá phức tạp (nhiều) mặt nạ và ánh sáng bên trong + hiệu ứng đổ bóng đang diễn ra, mà Photoshop không xử lý theo cùng một cách.
Henrik

1
Tôi không sử dụng hiệu ứng trên logo. Tôi thiết kế hình dạng phẳng cho logo. Tuy nhiên, để hỗ trợ tốt hơn, hãy chắc chắn chế độ màu tài liệu AI của bạn là RGB, sau đó sao chép / dán vào Photoshop.
Scott

Điểm tuyệt vời về tính nhất quán của chế độ màu, Scott. Tôi sẽ hỏi liệu bạn có quan tâm đến việc giải thích ngắn gọn về lý do tại sao bạn không sử dụng hiệu ứng trong logo không, nhưng vì đây là một chủ đề khác, tôi sẽ mở một chuỗi câu hỏi mới cho nó: Graphicsdesign.stackexchange.com/questions/ 5306 / Lọ
Henrik

Tất cả các hiệu ứng đóng hộp không làm gì khác hơn là "hạ giá" thương hiệu. Một logo rắn không cần bất kỳ bóng đổ hoặc phát sáng hoặc bất kỳ thứ gì khác. Chỉ là ý kiến ​​của tôi. Tôi đã hoàn toàn được biết là sai.
Scott

2

Những gì tôi đã làm sau khi đọc điều này là tạo ra bất kỳ văn bản nào thành các phác thảo.

Hộp chọn "Logo Text" Nhấp chuột phải và nói "Tạo Đề cương" hoặc Edit > Object > create outlines.

Điều này sẽ cho phép bất kỳ

Xuất tối ưu hóa cho Nghệ thuật.

Tuy nhiên tôi đã sử dụng điều này cho một logo sẽ được in, và không chỉ sử dụng web. Tuy nhiên tôi tưởng tượng nó sẽ giống nhiều.


-1

Về cơ bản, giống như trên, nhưng đối với AI 2017:

Chọn loại (w / con trỏ, không phải công cụ văn bản) Loại> Tạo đường viền. Voila. Văn bản của bạn là Nghệ thuật và bây giờ có thể được Tối ưu hóa Nghệ thuật. Hoàn hảo!


1
Đừng viết "giống như trên" vì câu trả lời thay đổi vị trí do upvote / downvote. Thay vào đó nếu bạn muốn tham khảo một câu trả lời khác hãy nói "như @user đã nói". Ngoài ra những gì bạn viết giống như một bình luận hơn là một câu trả lời cho câu hỏi.
Luciano
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.