5 cách làm nổi bật chữ trên ảnh

Với xu hướng gần đây của việc sử dụng hình ảnh chất lượng cao như hình nền trên các trang web , điều quan trọng là phải đảm bảo có sự tương phản cao giữa chữ và nền. Để cho người sử dụng để có thể nhận được các thông điệp được chuyển tải bởi trang web, mức độ dễ đọc là rất quan trọng. Dưới đây là năm cách mà Draw VN hướng dẩn các bạn cải thiện độ tương phản khi đặt văn bản trên hình ảnh.

1. Color Overlay

Như chúng ta có thể thấy trong hình ảnh Before, văn bản khá khó đọc vì mất tập trung giửa nền và chữ. Có vô số chi tiết, đặc biệt là xung quanh khu vực menu. Các kết cấu đẹp của font “Buffalo Wings” là hoàn toàn bị mất vì cách lộn xộn nền. Và chắc chắn có cách để cải thiện độ tương phản trong hình ảnh này.

Bước đầu tiên là tạo một layer mới và đổi tên nó thành “color-overlay”. Chọn công cụ chọn màu (Keystroke I) . Chọn màu từ áo của người đàn ông, fill layer mới với màu sắc này.

Cuối cùng, thiết lập Opacity của layer xuống 50% và kéo layer này xuốn bên dưới văn bản.

Như chúng ta có thể thấy, sự tương phản được cải thiện rất nhiều. Các kết cấu của các font “Buffalo Wings” được đẩy lên nổi bật hơn nhiều và nhiều hơn nữa có thể nhìn thấy.

2. Drop shadown

Rõ ràng, trong trường hợp này, chúng ta muốn có một phông chữ màu sáng hơn, tốt nhất là màu trắng.

Bước tiếp theo là thêm một phong cách layer mới và chọn drop shadow. Thiết lập Opacity đến 52%. Điều chỉnh Spread đến 16% và Size 10px. Nhập angle nên gần -144 độ.

3. Các đường kẻ

Đây là một trong những cách dễ nhất để cải thiện độ tương phản. Đơn giản chỉ cần thêm hai lòng trắng dòng trên và bên dưới thư cho một sự cách điệu giữa nền và văn bản.

Thêm hai dòng …

4. Hình dạng khối

Một cách khác để cải thiện độ tương phản là thêm một hình mờ-ra phía sau văn bản. Hơi có một chút khó khăn để mô tả, vì vậy tôi sẽ chỉ cho bạn thấy.

Như chúng ta có thể thấy ở đây, những hình ảnh ban đầu có ít hoặc không có độ tương phản. Các văn bản là rất khó để nhận ra và gần như bị mất chi tiết của tòa nhà.