Blog

Kiến thức, cảm hứng và tin tức thiết kế do đội ngũ ColorME chọn lọc.

COLOR ME trong Tutorial

Tạo thang màu 50–950 từ một màu thương hiệu (Tailwind, CSS)

Cách tạo thang màu 50–950 từ một mã màu thương hiệu bằng công cụ Thang màu & design token của ColorME: nhập màu, đặt tên biến, đọc nhãn tương phản từng bậc, xuất biến CSS, cấu hình Tailwind, SCSS, JSON hoặc PNG, kèm bảng 12 màu đã thử và các giới hạn nên biết.

1

COLOR ME trong Tutorial

Ghép ảnh trước và sau (before/after) cạnh nhau trong 1 phút

Cách ghép ảnh trước và sau (before/after) vào một khung bằng công cụ Ghép ảnh online của ColorME: chọn hai ảnh, chọn khung 16:9 hoặc 4:5 theo chiều ảnh, đổi chỗ, căn hai ô, chỉnh đường ngăn rồi tải JPG. Có cách thêm chữ Trước, Sau và ghép hai cặp trong một ảnh.

5

COLOR ME trong Tutorial

Ghép ảnh chụp màn hình thành một ảnh dài, tự bỏ đoạn trùng

Cách ghép nhiều ảnh chụp màn hình thành một ảnh dài bằng công cụ Ghép ảnh chụp màn hình dài của ColorME: chọn tất cả ảnh, để công cụ tự tìm và cắt đoạn trùng, tải PNG hoặc JPG. Kèm phép thử ba mức chồng ảnh trên hai trang cho thấy nên cuộn bao nhiêu mỗi lần chụp, cách đọc nhãn chỗ nối và cách xử lý khi ảnh bị lặp.

5

COLOR ME trong Tutorial

Tạo hiệu ứng halftone, duotone cho ảnh online (kiểu poster retro)

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.

4

COLOR ME trong Tutorial

Thêm grain, nhiễu hạt film và texture giấy cho ảnh online

Cách thêm hiệu ứng grain, nhiễu hạt film và texture giấy, vải bố, bụi xước, riso cho ảnh bằng công cụ Thêm hạt & texture của ColorME. Kèm bảng thông số của năm kiểu, các mức độ nhiễu đặt cạnh nhau ở tỉ lệ 100%, số đo mức thay đổi của ảnh và gợi ý chọn mức cho ảnh chân dung, poster, ảnh sản phẩm.

2

COLOR ME trong Tutorial

Cắt ảnh hình tròn online để làm avatar, logo (PNG nền trong suốt)

Cách cắt ảnh hình tròn online bằng công cụ Cắt & xoay ảnh của ColorME: bấm Tròn, kéo khung tới khuôn mặt hoặc logo, tải PNG hoặc WebP hình tròn có nền trong suốt. Kèm phần mở file tải về để kiểm tra kênh alpha, bảng so dung lượng PNG và WebP, cách làm trên điện thoại và các giới hạn của công cụ.

4

COLOR ME trong Tutorial

Ghép font tiếng Việt đẹp: 20 cặp font Google dùng được ngay

20 cặp font Google đủ dấu tiếng Việt để ghép tiêu đề và nội dung, kèm ảnh xem thử từng cặp bằng một câu tiếng Việt nhiều dấu, kết quả kiểm tra dấu của từng font, và cách dùng công cụ Gợi ý ghép font của ColorME để tìm font đi cùng một font bạn đã chọn, lọc theo phong cách và sao chép CSS.

8