Làm cách nào tôi có thể làm cho văn bản Photoshop của mình xuất hiện giống như trên web?

Tôi có thực sự phải thiết kế mọi thứ trong Photoshop với chế độ khử răng cưa thành "không" không? Tôi chắc chắn có một cách tốt hơn.

Tôi muốn có một cài đặt để khi chọn một web-safe cơ bản (chẳng hạn như Tahoma) trong Photoshop để tôi có thể thấy nó thực sự trông như thế nào khi ở trên web.

Ví dụ: Sự khác biệt giữa Tahoma với khử răng cưa được đặt thành "sắc nét" trong Photoshop và cách nó hiển thị trong Firefox là chính. Nó trông đẹp và mượt mà trong Photoshop và trông giống như tào lao trên web.

Có lựa chọn chống răng cưa nào là tốt nhất để bắt đầu (có kết quả tương tự nhất) khi lập kế hoạch để có nội dung trực tiếp trên web không?

Hầu hết các hệ điều hành và trình duyệt kết xuất với khử răng cưa hoặc khử răng cưa pixel phụ. Khử răng cưa pixel phụ là phổ biến trên các nền tảng máy tính để bàn, như Windows (với ClearType) và OS X. Khử răng cưa đơn sắc tiêu chuẩn là phổ biến trên các nền tảng di động, trong đó thứ tự pixel phụ của thiết bị có thể thay đổi theo hướng thiết bị và trong đó hiển thị pixel phụ là ' t là rất quan trọng, bởi vì chúng thường có màn hình mật độ pixel cao hơn.

Hiển thị văn bản bí danh là phổ biến trên Windows XP, trong đó ClearType bị tắt theo mặc định. Windows Vista và mới hơn có ClearType được bật theo mặc định.

Kết xuất trong Photoshop vs Windows vs OS X vs iOS vs Android vs WebKit vs Firefox (Gecko) thường khác nhau. Vì vậy, hoàn toàn không có cách nào bạn có thể xây dựng một cái gì đó trong Photoshop và biết rằng kết xuất văn bản sẽ giống nhau, trừ khi bạn chụp ảnh màn hình và thêm nó vào tài liệu của bạn dưới dạng một lớp bitmap.

Không. Dòng suy nghĩ mới là tránh Photoshop để thiết kế bố cục và kiểu chữ và bắt đầu trong trình duyệt càng sớm càng tốt.

Bằng cách chuyển cho khách hàng một URL thực tế trái ngược với máy tính Photoshop, bạn sẽ tránh được những kỳ vọng của khách hàng khi sản phẩm cuối cùng có chút khác biệt trong trình duyệt họ chọn so với máy tính Photoshop.

Cuối cùng, trách nhiệm của chúng tôi là giáo dục khách hàng và khiến họ nhận thức được những khác biệt về kiểu chữ không thể tránh khỏi xảy ra giữa các trình duyệt và HĐH.

Trong Photoshop CC, chúng tôi đã thêm các chế độ răng cưa mới cho phông chữ của bạn. Thay vì "sắc nét" hoặc "mạnh mẽ", hãy thử "Mac LCD" mới. Bạn sẽ có được một thiết kế web an toàn 100%.

Câu trả lời ngắn: Bạn không thể.

Photoshop không chỉ không bao giờ lý tưởng để biết cách các kiểu chữ của bạn sẽ hiển thị bên ngoài nó, nó chỉ không lý tưởng để làm việc với các phông chữ nói chung. (Khi tôi làm việc tại Công ty thiết kế / Cửa hàng in, mọi thứ được thiết kế trong PS phải được xuất dưới dạng PDF vì lý do tương tự). Sau đó là vấn đề của web, đó là các trình duyệt và HĐH chạy các trình duyệt đó. Cho đến nay, theo như tôi biết, OS X là tốt nhất về mặt hiển thị phông chữ một cách phù hợp, trong khi Linux đứng thứ hai và Windows tất nhiên là cuối cùng. Thực tế là, tất cả đều sử dụng các thuật toán khác nhau để hiển thị phông chữ và bạn sẽ không nhận được kết quả giống nhau ở mọi nơi. Nếu có một giải pháp, tất cả chúng ta sẽ chuyển sang Linux, Mac hoặc đợi đến khi Microsoft thành công trong lần tới với Windows Metro (Xin lỗi, tôi ghét gọi nó là Windows 8) hoặc hoàn toàn thổi bay nó,

Chỉ 2 xu của tôi,

Vá

Trước mắt tôi, kết xuất trong trình duyệt nằm ở đâu đó giữa "Sắc nét" và "Sắc nét" của Photoshop trên máy Mac và giữa "Sắc nét" và "Mạnh mẽ" trên Windows. Tôi đề nghị sử dụng "Crisp" cho văn bản trực tiếp cho các nhà thiết kế đồ họa mà tôi làm việc cùng. "Mạnh" mặc định luôn khiến họ thất vọng. ;)