Hướng dẫn về các Chế độ Trộn màu (Blending Modes) trong Sketch

() translation by (you can also view the original English article)

Trong bài hướng dẫn này tôi sẽ hướng dẫn bạn cách làm việc với các chế độ trộn màu khác nhau bên trong Sketch.

Hãy xem video hướng dẫn

Sketch là một ứng dụng thiết kế dựa trên vector, thường phù hợp nhất với thiết kế Giao diện Người dùng và thiết kế biểu tượng, và thường ít được sử dụng cho việc chỉnh sửa ảnh bitmap. Tuy nhiên, nó có một số tính năng mà bạn có thể sử dụng để tạo cho các tấm ảnh lôi cuốn hơn và thú vị hơn. Một trong những tính năng đó là blending modes. Sketch có 15 chế độ trộn màu, tất cả chúng sẽ quen thuộc đối với những bạn đến từ các ứng dụng đồ hoạ khác:

Darken
Multiply
Color Burn
Lighten
Screen
Color Dodge
Overlay
Soft Light
Hard Light
Difference
Exclusion
Hue
Saturation
Color
Luminosity

Các chế độ pha trộn màu có thể trưc tiếp được áp dụng và các đối tượng, hoặc khi bạn định nghĩa các fill của chúng.

Các chế độ trộn màu nhận hai hay nhiều đối tượng (hình ảnh, văn bản, các shape) và áp dụng các thuật toán vào các kênh màu sắc của chúng. Mỗi bảng đồ điểm ảnh được tính toán và hiển thị lại một cách hiệu quả.

Ví dụ, chế độ Darken sẽ thay thế các điểm ảnh sáng hơn bằng các màu sắc cơ bản tối hơn của đối tượng bên dưới. Điều này cùng xảy ra với một hiệu ứng chuyển màu (gradient), vì vậy các điểm ảnh sáng nhất sẽ hoàn toàn được thay thế, trong khi các điểm ảnh "ít sáng" sẽ ít bị tác động. Để biết rõ hơn những gì mà mỗi chế độ làm việc hãy xem bài hướng dẫn của Jonathan Cutrell về các chế độ trộn màu trong CSS:

Màu sắc

Các chế độ trộn màu trong CSS: Lý thuyết màu sắc và Ứng dụng thực hành

Jonathan Cutrell

Kết luận

Các chế độ trộn màu, ngay cả trong các ứng dụng dựa trên vector, có thể thêm vào các thiết kế của bạn một số hiệu ứng trực quan rất mạnh mẽ. Thử với chúng, cảm nhận những gì mà từng chế độ tạo ra trong nhiều trường hợp, sau đó xem cách bạn có thể sử dụng chúng trong công việc của bạn.