Nôi dung chính
Màu Tint, Shade và Tone là gì ?
Thật ra 3 thuật ngữ này đều rất đơn giản và dễ hiểu nhưng lại thường bị dùng sai nghĩa. Hiểu nôm na nếu cho thêm màu trắng vào màu gốc bạn sẽ có những màu sáng hơn gọi là Tint, thêm màu đen vào màu gốc sẽ có những màu tối hơn gọi là Shade. Và nếu bạn thêm màu xám thay vì màu trắng hay đen thì sẽ thu được một Tone mới.
Tint – thêm dần màu trắng
Shade – thêm dần màu đen
Tone – thêm dần màu xám
Trong bài đăng này, chúng ta sẽ xem xét cách sử dụng các Tints và Shapes và minh chứng các hiệu ứng khác nhau mà bạn có thể đạt được bằng cách kết hợp chúng vào các thiết kế của bạn.
01 – Các Tints và Shades là gì?
Như đã nói ở trên, 1 Tint được tạo ra khi màu trắng được thêm vào một màu sắc, và 1 Shape được tạo ra khi màu đen được thêm vào một màu sắc. Các Tints và Shapes có thể có nhiều cách sử dụng trong một bảng màu, nhưng chủ yếu được sử dụng để hoàn thành giao diện 3D bên trong các phần tử của bạn.
02 – Nguồn ánh sáng
Các Tints và Shapes có thể biến đổi một nhóm các hình dạng thành đối tượng 3D hoàn chỉnh nếu được áp dụng chính xác. Trong hình trên, 1 Tint được áp dụng cho hướng gần với nguồn ánh sáng tưởng tượng hơn, và 1 Shape được áp dụng cho vùng xa nhất của nguồn sáng, còn màu gốc được áp dụng cho vùng ở giữa.
03 – Gradients
Khi có hơn 2 tints hoặc shapes đứng cùng nhau sẻ tạo hiệu ứng Gradient. Một gradient là sự biến đổi màu sắc của đối tượng phản ứng lại với ánh sáng trong thế giới thực như thế nào. Trong ví dụ trên, các vòng tròn có kích thước khác nhau với nhiều sắc thái khác nhau đã tạo ra ảo tưởng về hình cầu.
Như bạn thấy, điều này có thể đạt được bằng cách thêm các tints trên màu ban đầu, thêm các shapes bên dưới màu ban đầu, hoặc thêm cả tints và shapes bên cạnh màu ban đầu. Bạn càng thêm nhiều tints và shapes, thì gradient trở nên mượt mà hơn.
04 – Làm mờ và sáng
Bằng cách áp dụng cùng một nguyên tắc gradient nhưng theo hướng ngược lại (gradient ra bên ngoài thay vì hướng vào bên trong), bạn có thể đạt được một số kết quả thú vị. Bằng cách phân lớp hình dạng của bạn dần dần lớn hơn và nhiều màu hơn, 1 hiệu ứng sáng rực sẽ được tạo ra. Bằng cách giữ các hình dạng có kích thước giống nhau nhưng di chuyển các tông màu theo một hướng, sẽ tạo ra 1 hiệu ứng giống như vết bẩn hoặc cảm giác chuyển động. Những hiệu ứng này ta dễ dàng đạt được bằngviệc sử dụng Transparency.
5 Tác phẩm màu đơn
Nếu bạn đang mắc kẹt về màu sắc để sử dụng trong thiết kế của mình, tại sao bạn không tự mình thử thách và cố gắng tạo ra toàn bộ thiết kế bằng một màu duy nhất và chỉ dùng tints và shapes như các biến thể màu ? Điều này sẻ tạo ra một cảm giác gắn kết tuyệt vời và mở ra những khả năng mà bạn có thể chưa từng thử nghiệm trước đây !
Chúc bạn thành công 🙂