Tạo hiệu ứng halftone, duotone cho ảnh online (kiểu poster retro)
Mục lục
Cách tạo hiệu ứng halftone chấm tròn, chấm vuông, sọc và ảnh duotone hai màu bằng công cụ Halftone & duotone của ColorME. Kèm so sánh bốn kiểu trên cùng một ảnh chân dung, các cỡ ô ở tỉ lệ 100%, cách dùng tương phản và độ sáng để ảnh không bị bệt, tám cặp màu dựng sẵn và các giới hạn khi mang đi in.
Trả lời nhanh: để tạo hiệu ứng halftone cho ảnh, mở công cụ Halftone & duotone của ColorME, tải ảnh lên, chọn Chấm tròn, Chấm vuông, Sọc hoặc Duotone, bấm Tuỳ chỉnh để đổi kích thước ô, góc lưới, tương phản, độ sáng và cặp màu, rồi bấm Tải PNG. Theo trang công cụ, công cụ miễn phí, không cần đăng nhập và không gắn watermark; mọi phép thử trong bài làm khi chưa đăng nhập.
Xem nhanh: bốn kiểu trên cùng một ảnh. Ảnh chân dung: Phước Sang / Unsplash. Ảnh chụp màn hình: ColorME.
Bài này thử cả bốn kiểu trên một ảnh chân dung, so các cỡ ô ở tỉ lệ 100% và chỉ ra hai thanh trượt quyết định ảnh đẹp hay bệt: tương phản và độ sáng.
Halftone và duotone là gì?
Halftone là cách in ảnh bằng các chấm mực to nhỏ khác nhau. Máy in chỉ có mực và giấy, không có "màu xám", nên vùng tối được tạo bằng chấm to, vùng sáng bằng chấm nhỏ. Nhìn xa, mắt tự trộn thành sắc độ. Đây là vẻ ngoài quen thuộc của báo in cũ, truyện tranh và pop art.
Duotone thì giữ ảnh mượt nhưng chỉ dùng hai màu: một màu cho vùng tối, một màu cho vùng sáng, các sắc độ ở giữa là pha trộn của hai màu đó.
Ảnh gốc và ba file PNG tải về từ công cụ với thiết lập mặc định: Chấm tròn, Chấm vuông, Sọc. Ảnh gốc: Phước Sang / Unsplash.
Video quay màn hình (27 giây, không tiếng): mở ảnh, tăng độ sáng, thử Chấm vuông và Sọc, đổi kích thước ô, chuyển sang Duotone, thử hai cặp màu và tải PNG. Ảnh chụp màn hình: ColorME.
Cách tạo hiệu ứng halftone, từng bước
Bước 1: tải ảnh lên
Bấm Tải ảnh lên. Ảnh thử là một ảnh chân dung JPG 3200 × 4800 px. Công cụ xử lý ảnh với cạnh dài tối đa 2000 px, nên ảnh được đưa về 1333 × 2000 px. Kết quả hiện ngay với kiểu Chấm tròn, kèm thanh so sánh ở giữa: bên trái Ảnh gốc, bên phải Halftone.
Trang mở đầu của công cụ. Ảnh chụp màn hình: ColorME.
Bước 2: chọn kiểu
- Chấm tròn: kiểu in báo, pop art kinh điển.
- Chấm vuông: cứng hơn, gợi cảm giác pixel, kỹ thuật số.
- Sọc: các vạch dày mỏng khác nhau, giống bản khắc.
- Duotone: không có chấm; ảnh mượt, hai màu.
Dòng chữ trên ảnh cho biết số chấm đang vẽ. Với ảnh thử ở ô 10 px, công cụ ghi "25.146 chấm · 1333×2000px".
Bước 3: mở Tuỳ chỉnh
Bảng Tuỳ chỉnh: bốn thanh trượt, tám cặp màu dựng sẵn, ô Màu mực và Màu giấy. Ảnh chụp màn hình: ColorME.
- Kích thước ô: 4 đến 40 px. Ô càng lớn, chấm càng to và càng ít chi tiết.
- Góc lưới: 0° đến 90°, mặc định 45°.
- Tương phản: −50 đến 80, mặc định 10.
- Độ sáng: −50 đến 50, mặc định 0.
- Màu mực và Màu giấy: chọn tự do, hoặc bấm một trong tám cặp dựng sẵn.
Bước 4: tải PNG
Bấm Tải PNG. File có tên chan-dung-halftone-colorme.png (hoặc …-duotone-colorme.png), kích thước 1333 × 2000 px. Dung lượng trong phép thử: Chấm tròn 828 KB, Chấm vuông 971 KB, Sọc 1,73 MB, Duotone 3,77 MB.
Nên chọn kích thước ô bao nhiêu?
Đây là thông số đổi diện mạo nhiều nhất. Chúng tôi giữ nguyên mọi thứ, chỉ đổi cỡ ô, rồi cắt cùng một vùng quanh trán và chân mày ở tỉ lệ 100%:
Cùng một vùng ảnh ở tỉ lệ 100% với ô 4, 10, 20, 40 px. Ảnh gốc: Phước Sang / Unsplash.
| Kích thước ô | Số chấm (ảnh 1333 × 2000 px) | Hợp với |
|---|---|---|
| 4 px | 156.576 | Giữ chi tiết khuôn mặt; nhìn xa gần như ảnh thường |
| 10 px (mặc định) | 25.146 | Ảnh đăng mạng xã hội, thấy rõ chất in |
| 20 px | 6.393 | Poster, ảnh bìa, cần nhìn từ xa |
| 40 px | 1.677 | Hoạ tiết nền trừu tượng; không còn nhận ra mặt |
Mẹo của trang công cụ: "chọn cỡ ô vừa với kích thước hiển thị cuối". Ảnh sẽ bị thu nhỏ khi đăng, nên nếu đăng ở cỡ nhỏ, hãy chọn ô lớn hơn bạn nghĩ để chấm còn nhìn thấy.
Kéo Kích thước ô và Góc lưới. Ảnh chụp màn hình: ColorME.
Tương phản và độ sáng: vì sao ảnh halftone bị bệt?
Ảnh thử có nhiều vùng tối: mái tóc đen dài và khoảng nền phía sau. Với thiết lập mặc định, chúng tôi đếm điểm ảnh trong file kết quả và thấy khoảng 56% diện tích là màu mực, 33% là màu giấy; phần tóc và nền thành một mảng đặc. Hai thanh trượt sửa việc này:
- Độ sáng +50: phần mực giảm còn khoảng 19%, phần giấy tăng lên 67%. Ngược lại, độ sáng −50 đẩy mực lên 78%.
- Tương phản −50: mực giảm còn 43% vì vùng tối được kéo về xám, hiện lại chi tiết trong bóng. Tương phản 80 làm vùng sáng trắng hẳn và vùng tối đặc hẳn, hợp kiểu poster mạnh.
Góc lưới 0° và 45°; độ sáng −50 và +50. Ảnh gốc: Phước Sang / Unsplash.
Về góc lưới, trang công cụ viết: "Góc 45 độ là góc in truyền thống, nhìn tự nhiên nhất với mắt người. Góc 0 hoặc 90 độ cho cảm giác kỹ thuật số, đồ hoạ hơn." Ở kiểu Sọc, góc lưới quyết định hướng của vạch.
Thứ tự chỉnh chúng tôi thấy hiệu quả: chọn cỡ ô trước, rồi kéo độ sáng tới khi khuôn mặt tách khỏi nền, cuối cùng mới tăng tương phản.
Cách tạo ảnh duotone hai màu
Bấm Duotone. Hai thanh Kích thước ô và Góc lưới biến mất vì không còn chấm; hai ô màu đổi tên thành Màu tối và Màu sáng. Bấm một trong tám cặp màu dựng sẵn hoặc tự chọn màu thương hiệu.
Thử các cặp màu ở Duotone, rồi dùng cặp đỏ cho Chấm tròn. Ảnh chụp màn hình: ColorME.
Bốn file PNG tải về: ba cặp màu duotone và một bản Chấm tròn mực đỏ. Ảnh gốc: Phước Sang / Unsplash.
Duotone đen và vàng: bảng chỉ còn Tương phản và Độ sáng. Ảnh chụp màn hình: ColorME.
Chọn cặp màu thế nào: màu tối phải đủ đậm để giữ hình khối, màu sáng đủ nhạt để vùng da không bị đục. Nếu cần lấy màu từ một ảnh hoặc logo có sẵn, dùng công cụ trích xuất bảng màu.
Tạo halftone trên điện thoại
Ở màn hình rộng 390 px (chế độ giả lập), trang không có thanh cuộn ngang. Chúng tôi mở cùng ảnh và tải PNG kiểu Chấm tròn: file 1333 × 2000 px, 828 KB, đúng bằng file tạo trên máy tính. Chúng tôi chưa thử trên điện thoại thật.
Màn hình 390 px: vừa mở ảnh, và kiểu Duotone. Ảnh chụp màn hình: ColorME.
Những giới hạn nên biết
- Ảnh được xử lý với cạnh dài tối đa 2000 px và chỉ tải về dạng PNG.
- Halftone ở đây là một lớp mực trên một màu giấy. Công cụ không tách bốn kênh CMYK chồng nhau như in thật; trang công cụ cũng ghi rằng việc đó hợp với Photoshop hơn.
- Không xuất SVG hay vector; phóng to quá cỡ gốc thì chấm sẽ vỡ.
- Không có vùng chọn: hiệu ứng phủ cả ảnh.
- Nền PNG trong suốt của ảnh gốc được đổ trắng trước khi xử lý (theo mã của trang; chúng tôi chưa thử ảnh trong suốt).
Muốn thêm chất giấy và hạt cho bản halftone, tải PNG về rồi đưa qua công cụ thêm hạt; cách làm ở bài thêm grain và texture giấy cho ảnh.
Câu hỏi thường gặp
Ảnh có bị tải lên máy chủ không?
Trang công cụ trả lời: "Không. Ảnh được xử lý ngay trên trình duyệt của bạn, không gửi lên máy chủ. Nếu bạn đã đăng nhập, file bạn tải về được lưu riêng vào mục Lịch sử của bạn và tự xoá sau 180 ngày."
Ảnh nào làm halftone thì đẹp?
Theo trang công cụ: ảnh "có chủ thể rõ và tương phản cao". Phép thử của chúng tôi cho thấy thêm một điều: ảnh có vùng tối lớn sẽ ra mảng mực đặc, cần tăng độ sáng. Ảnh chân dung có nền sáng, ảnh sản phẩm trên nền trơn là dễ đẹp nhất.
Halftone có in áo, in poster được không?
Dùng làm hình trong bản thiết kế thì được. Nhưng file là ảnh PNG 2000 px, không phải bản tách màu cho xưởng in. Nếu in lụa hoặc in số lượng lớn, hãy hỏi xưởng in về yêu cầu file trước.
Vì sao ảnh halftone đăng lên mạng bị loá, nổi vân lạ?
Khi một lưới chấm đều bị thu nhỏ, các chấm chồng lệch với lưới điểm ảnh của màn hình và tạo vân (gọi là moiré). Hãy chọn ô lớn hơn, hoặc tự thu ảnh về đúng cỡ sẽ đăng rồi mới làm halftone. Chúng tôi không thử đăng ảnh lên các nền tảng trong bài này.
Duotone khác gì ảnh trắng đen phủ màu?
Ảnh trắng đen phủ một màu chỉ đổi tông chung. Duotone gán riêng màu cho vùng tối và vùng sáng, nên bạn có thể để bóng màu xanh đậm và vùng sáng màu vàng, tạo tương phản màu rõ hơn nhiều.
Thử nghiệm ngày 13/10/2026 trên Chrome máy Mac, chưa đăng nhập, cửa sổ 1280 × 880 px và giả lập màn hình 390 px, với một ảnh chân dung JPG của Phước Sang (Unsplash, đăng năm 2026). Tỉ lệ mực và giấy là do chúng tôi đếm điểm ảnh trên kết quả của công cụ. Chưa thử: điện thoại thật, ảnh PNG trong suốt, dán và kéo thả ảnh, in ra giấy hoặc vải, đăng lên mạng xã hội. Thuật ngữ trong bài: halftone, duotone, tương phản, pop art.
