Cẩm nang sử dụng màu sắc trong thiết kế đồ họa chuyên nghiệp

9153 lượt xem19/11/2016 Kiến thức, Kiến thức đồ họa
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Chào các bạn, hôm nay mình xin giới thiệu với các bạn cẩm nang sử dụng màu sắc trong thiết kế đồ họa chuyên nghiệp. Tài liệu này chính là giáo án giảng dạy thiết kế tại Arena-Multimedia mà mình sưu tầm được sau quá trình học tại đây. Xin gửi lời cám ơn Thầy Trần Quốc Lợi, giảng viên tại Arena-Multimedia, Nhân đây, mình cũng xin phép được sử dụng tài liệu cũng như hình ảnh trong giáo án của thầy làm tư liệu cho bài viết này.

Khái niệm về màu sắc

Màu sắc

Màu sắc được sinh ra từ ánh sáng, nên có thể nói màu sắc là ánh sáng. Bởi vì màu sắc là những cảm giác của sự phản chiếu ánh sáng trên vật thể và chúng ta có thể cảm nhận được bởi mắt.

Theo khoa học: Khi ánh sáng trắng đi qua lăng kính thì sẽ bị phân tán thành 7 màu gồm: Đỏ, cam, vàng, lục, lam, chàm, tím.

Theo hội họa: Màu là những chất liệu cụ thể nhưng sắc tố được chiết ra từ khoáng chất, hóa chất, màu thiên nhiên, ví dụ 3 màu gốc: Đỏ, vàng, lam.

mau-sac-la-anh-sang

Nhận biết màu và tính cách của màu sắc

Cấp thứ nhất (Primary): Dùng 3 màu: Đỏ -Vàng -Lục lam để phối ra các sắc độ màu khác nhau.

Cấp thứ hai (Secondary): Nếu lấy màu đỏ chồng lên màu vàng sẽ được màu da cam, lấy màu đỏ chồng lên lục lam sẽ có màu tím, lấy màu vàng chồng lên màu lục lam sẽ được màu xanh lá cây…

Cách lấy 2 màu chồng lên nhau để tạo ra màu khác như trên được gọi là màu chồng đơn.

Cấp thứ ba (Tertiary): Từ 3 màu căn bản: Đỏ -Vàng -Lục lam chúng ta đã phối ra màu da cam – xanh lá – tím. Nếu chồng các màu ở cấp Primary và Secondary, ta sẽ được các màu ở cấp Tertiary là: Đỏ cam – Vàng cam -Vàng xanh -Xanh lơ -Xanh tím và Đỏ tím.

Không có “cái gọi là” màu đen, màu xám hay màu trắng vì màu trắng chỉ là sắc độ giảm tối đa của một trong 12 màu trên vòng tròn màu, màu xám và đen chính là sắc độ tăng tối đa của những màu trên.

nhan-biet-mau

Màu sắc có 2 cảm giác: màu nóng và màu lạnh. Các màu có cảm giác nóng là các màu như: đỏ, vàng, cam, hồng… Màu có cảm giác lạnh như: xanh, tím, trắng, đen…

Màu bổ túc

Những cặp màu bổ túc là những cặp màu có tính tương phản mạnh, mà khi kết hợp với nhau đúng tỷ lệ, sẽ tạo ra màu trắng (theo nguyên tắc phối màu cộng) hoặc đen (theo nguyên tắc phối màu trừ). Trong hệ phối màu trừ truyền thống, được các họa sĩ sử dụng lâu nay, những cặp màu bổ túc là: Đỏ >< Xanh lục; Da cam >< Xanh lam; Vàng >< Tím.

Những màu này không thể gây cảm giác đồng thời đối với con người, chẳng hạn không thể có một màu gọi là “đỏ – lục” hoặc “vàng – tím”. Điều này tương tự cảm giác về nhiệt độ, không có cảm giác nào được gọi là cảm giác “nóng – lạnh”, mà là “nóng” hoặc “lạnh”.

Trong hệ phối màu cộng thì những cặp màu bổ túc là: Vàng >< Xanh lam; Cánh sen >< Xanh lục; Xanh lơ >< Đỏ

màu bổ túc trong thiết kế đồ họa

Các hệ màu cơ bản

Màu gốc | hệ màu hội họa (RYB)

Trong lĩnh vực hội họa, các họa sĩ thường trộn màu theo hệ Đỏ | Vàng | Xanh và họ gọi phương pháp phối màu này là pha màu theo phép trừ. Pha ba màu gốc theo phương pháp này, gồm đỏ, vàng và Xanh, cho kết quả như sau: Đỏ + Vàng = Da cam; Đỏ + Lam = Tím; Lam + Vàng = Lục; Đỏ + Lam + Lục = Đen (gần giống như thế).

Thực ra cách pha màu này không cho phổ màu rộng. Các màu trộn với nhau có thể làm mất đi sắc độ. Pha càng nhiều màu với nhau thì màu càng xỉn đục, hay còn gọi bằng từ chuyên môn là bị “chết màu”. Được sử dụng trong những lĩnh vực, vẽ, sơn, nhuộm vải …

he-mau-ryb

Màu gốc | Hệ màu ánh sáng (RGB)

Các màu gốc, hay còn gọi là màu cấp một, của một không gian màu là các màu sắc không thể tạo ra bằng cách trộn các màu khác trong phổ màu của không gian màu đó. Các màu gốc có thể được trộn với nhau để tạo ra mọi màu khác trong không gian màu của chúng. Nếu không gian màu là một không gian vector thì các màu gốc tạo nên hệ cơ sở của không gian đó.

Phối màu cộng sử dụng hệ màu RGB. Hai tia sáng cùng cường độ thuộc hai trong ba màu gốc nói trên chồng lên nhau sẽ tạo nên màu thứ cấp: Đỏ+ Lục = Vàng; Đỏ+ Lam = Cánh senLam + Lục = Xanh lơ. Ba tia sáng thuộc ba màu gốc cùng cường độ chồng lên nhau sẽ tạo nên màu trắng.

Là một hệ thống màu sắc được dùng rộng rãi nhất trong cuộc sống ngày nay. Được gọi là hệ màu dương tính hay hệ màu cộng, màu phát xạ hoặc nôm na hay gọi là màu ánh sáng hoặc hiển thị màn hình. Nó bao gồm 3 màu: Đỏ (Red), Xanh lá (Green), Lam (Blue).

he-mau-rgb

Màu gốc | Hệ màu in ấn (CMYK)

Trên nền trắng, các màu sắc về lý thuyết có thể được tạo ra bằng việc trộn 3 loại mực xanh lơ, hồng sẫm và vàng (các màu gốc). Xanh lơ + Hồng sẫm = Xanh Lam; Xanh lơ + Vàng = Xanh Lục; Vàng + Hồng sẫm = Đỏ.

3 màu trộn với nhau gần được màu gần như màu đen. Nôm na hiện nay chúng ta thường gọi là hệ mầu dùng trong lĩnh vực in ấn. Nó bao gồm 4 màu: Xanh lơ (Cyan), Hồng cánh sen (Magenta), Vàng (Yellow), Đen (Black).

he-mau-cmyk

Hệ màu HSB (HSB – Hue. Saturation. Brightness)

Đa phần các bạn làm thiết kế nhưng không biết hoặc không hiểu gì về những kiến thức bên dưới này. Do đó, hãy tìm hiểu kỹ nhé, nó rất quan trọng đấy!

Các yếu tố về màu

hsb

Hue (dải màu): Đối với người làm thiết kế điều này rất quen thuộc nó nằm trong các bảng màu (Panel Color), nơi mà chúng ta có thể lựa chọn màu một cánh dễ dàng. Hue trong HSB / HSL mã hóa của RGB là một trong những thuộc tính chính (gọi là các tham số xuất hiện màu sắc) của một màu sắc như màu đỏ, cam, vàng, xanh lá cây, xanh dương, tím.

Saturation (độ bão hòa): Độ màu được đo bởi sắc thái cảm nhận về màu, tăng giảm mức độ cảm nhận sắc thái về màu và sắc.

Brightness (sắc độ): Là mức độ sáng tối của màu sắc được hòa trộn thêm đen hoặc trắng.

Hệ màu LAB (Lightness a,b)

Màu sắc là sự cảm nhận của con người. Mắt (và tâm trí) cảm nhận thông tin quang phổ được sử dụng như là cơ sở cảm giác màu sắc. Các màu: xanh lá cây, Màu da cam hoặc Màu vàng chỉ là các thuật ngữ – nhưng không mô tả các thành phần quang phổ của ánh sáng phản xạ của một đối tượng. Một loại ngôn ngữ màu sắc để mô tả các thành phần quang phổ của một màu nhất định, điều mà mọi người phải thống nhất (ví dụ xanh da trời, xanh sẫm, màu xanh đại dương hoặc xanh xám.)

Một ngôn ngữ mô tả tất cả các màu mà con người có thể cảm nhận được bằng các ngôn từ máy tính. Ngôn ngữ này được gọi là Lab, trong đó L là viết tắt của từ Lightness (cường độ sáng) và a và b là các thành phần màu. Với Lab, ta có thể mô tả một màu rất chính
xác.

Lab là một không gian màu độc lập và chỉnh sửa màu trong hệ của nó. Có thể sử lý di chuyển nhẹ nhàng trên kênh a hoặc kênh b cũng tạo ra những thay đổi mạnh mẽ nhất về màu sắc.

lab

Hệ màu HEX (HEX)

Thường dùng thiết kế Web bằng ngôn ngữ HTML hay CSS, khi cần biểu diễn giá trị của màu sắc dưới dạng RGB, người ta thường sử dụng hệ đếm cơ số này. Nó là một chuỗi trong hệ thập lục phân có sáu chữ hay số dạng ghép của ba số dạng một byte. Các byte biểu diễn cho ba thành phần màu của các loại màu sắc khác nhau là màu đỏ, xanh lá cây và xanh lam. Mỗi byte đại diện cho một số trong khoảng 00 đến FF (trong hệ thập lục phân), tức 0 đến 255 trong hệ thập phân. Số Hex trong Web được tạo thành bằng cách ghép nối ba số dạng một byte trong hệ thập lục phân.

Ví dụ, một màu có giá trị trong hệ thập phân là đỏ = 36, xanh lá cây = 104, xanh lam = 160 (màu xanh lam ánh xám). Các số 36, 104 và 160 trong hệ thập phân sẽ tương đương với 24, 68 và A0 trong hệ thập lục phân. Để tạo thành số Hex này, đơn giản ta chỉ cần ghép chúng với nhau theo trật tự sau: 2468A0. Lưu ý rằng nếu giá trị của một hay nhiều hơn trong ba thành phần này có giá trị nhỏ hơn 10 (trong hệ thập lục phân) thì cần phải bổ sung thêm một số 0 vào đằng trước. Ví dụ để biểu diễn giá trị màu có đỏ = 12, xanh lá cây = 27, xanh lam = 64 trong hệ thập phân, ta cần viết chuỗi số Hex trong Web như sau: đỏ = 12 = 0C (thập lục phân), xanh lá cây = 27 = 1B (thập lục phân), xanh lam = 64 = 40.

Do vậy chuỗi số Hex tạo thành sẽ là 0C1B40. Byte 1: giá trị của màu đỏ. Byte 2: giá trị của màu xanh lá cây. Byte 3: giá trị của màu xanh lam, tức là các giá trị cần đọc theo trật tự từ trái qua phải là (Đỏ)-(Xanh lá cây)-(Xanh lam).

hex

Pantone màu (PMS)

Có rất nhiều màu sắc khác nhau phù hợp với hệ thống màu pha sẵn ngàynay, nhưng đến nay, phổ biến nhất trong ngành công nghiệp in ấn là Pantone Matching System, hay PMS.

Giữ màu khác nhau trên khắp các phương tiện là rất khó khăn vì không phải chỉ là màu sắc chủ quan đến mức độ nào đó, mà còn bởi vì các thiết bị sử dụng một loạt các công nghệ hiển thị màu sắc. Hầu hết các màu PMS có một “công thức” mà máy in sau để tạo ra các màu mong muốn. Những màu sắc cơ bản, cùng với màu đen và trắng, được kết hợp theo tỷ lệ nhất định trong cửa hàng của máy in để đạt được màu sắc khác PMS.

Một số tiêu chuẩn : Pantone công thức hướng dẫn – Pantone formula guides. Một số PMS màu sắc có thể được mua bởi vì họ không thể hỗn hợp, chẳng hạn như các metallics Pantone và mực huỳnh quang.

pantone

Kết luận

Trên đây mình có giới thiệu về màu sắc, các hệ màu cơ bản cùng một số hiểu biết về các yếu tố của màu sắc để các bạn nghiên cứu và học hỏi. Bài viết sau mình sẽ giới thiệu hướng dẫn cách dùng màu trong thiết kế. Chúc các bạn học tốt và làm tốt nhé!

5/5 - (1 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: NinhBinhWeb là thương hiệu chuyên thiết kế website, thành viên nhỏ xinh của GiuseArt, nếu bạn cần làm website, xem qua các mẫu website tại đây. Rất cám ơn bạn đã quan tâm, hy vọng có cơ hội được hợp tác với bạn!

Bài viết mới cập nhật:

Các sản phẩm phù hợp với nhà thiết kế đồ họa

Dưới đây là một số thiết bị phù hợp mình sưu tầm và đánh giá tích cực, bạn có thể tham khảo:

Bảng Vẽ Wacom Intuos S Wacom CTL- 4100

1.500.000đPhù hợp cho các bạn tập vẽ trên máy tính bằng bút wacom, hàng chính hãng rẻ đẹp và chất lượng tốt.
Xem chi tiết sản phẩm

Card đồ họa Máy tính AMD HD6770 (4G)

1.089.000đNâng cấp card đồ họa máy tính của bạn để máy chạy tác vụ nặng khỏe hơn, render hình ảnh thiết kế mượt hơn
Card tăng giá mạnh, giá này ngon

Giá Treo Màn Hình Máy Tính/ Tay Treo Màn Hình

355.000đArm treo màn hình máy tính xịn xò, cải tạo bàn làm việc của bạn trông gọn gàng và khoa học hơn nhiều
Nhận mã giảm giá 40%

Màn hình Xiaomi 27 inch 2K, màn hình 75hz

2.490.000đMàn hình xịn buộc phải có nếu muốn ngồi máy tính lâu không lo đau mắt, màn hình Xiaomi thì xịn khỏi bàn rồi, 2K xịn xò
Xem chi tiết sản phẩm

Giá đỡ màn hình Riser Bền với 4 USB

425.000đGiá đỡ trang trí màn hình máy tính, phù hợp cho các bạn decor góc làm việc trông hiện đại và gọn gàng hơn!
Xem chi tiết sản phẩm

MÀN HÌNH CŨ - Dell 24 + 27 Inch Full HD 2k UltrSharp

3.890.000đCon màn hình mình dùng 8 năm rồi vẫn xịn, màn UltraSharp của Dell thì khỏi phải bàn nhiều, ngồi 8 tiếng không đau mắt
Xem chi tiết sản phẩm

Đầu đọc thẻ nhớ đa năng: SD, TF, USB

55.000đCóp file qua lại giữa thẻ nhớ với máy tính rất tiện lợi, lúc nào mình cũng phải thủ sẵn sàng kẻo lúc có việc không thấy đâu
Giá rẻ chốt luôn

Sim 4G 1 Năm Data 500Gb/Tháng

500.000đDùng mạng nhiều nên đi ra ngoài không có mạng là không chịu được, mình sắm con sim chạy cả năm full 4G không lo gì
4G cả năm khỏi lăn tăn

Chuột không dây câm Logitech M331

369.000đMình đang dùng hằng ngày đây, chuột nhỏ mà có võ, và đặc biệt là nó im lặng, không kêu tạch tạch khi bấm!
Làm đêm phải sắm

Đồ gia dụng linh tinh nhưng hay

Dưới đây là một số đồ linh tinh mình đã từng sủ dụng và đánh giá tích cực, bạn có thể tham khảo:

Ly Giữ Nhiệt Iced Americano Inox 304 Đúc Liền Khối Cao Cấp Có Nắp Đậy Tặng ống hút inox

45.000đRa quán nét thấy họ hay xài về tìm mua bằng được, hàng xịn, bỏ đá đặt cạnh bàn làm việc từ sáng đến trưa vẫn y nguyên
Mua sản phẩm ngay

Gối tựa cổ cao cấp, tựa cổ, chống mỏi cổ mỏi lưng phù hợp cho các bạn ngồi nhiều

228.000đNGồi máy tính nhiều là cơ thể phản đối ngay, mình sắm gối tựa cổ về đỡ mỏi nhức hơn hẳn.
Xem sản phẩm

Máy Chiếu Mini Siêu Nét KAW K560 Siêu Rẻ, Full HD, Kết Nối Máy Tính, Điện Thoại

1.900.000đMình mua máy chiếu về chiếu lên trần nhà cho con xem lúc chuẩn bị đi ngủ, xem hoạt hình vui
Xem sản phẩm

Quạt Tích Điện Lồng Sắt SIEGIS Quạt Để Bàn 10 Cell 2 Cấp Độ Gió Siêu Mát Động Cơ Khoẻ Độ Bền Cao

225.000đNhà có máy khoan pin nên mua thân quạt này về chạy được luôn, mình mua về chuyên dùng khi đi vệ sinh, mùa hè nóng.
Xem sản phẩm

Sạc Dự Phòng Dung Lượng 20000mah Tích Hợp Sạc Từ Tính, Dây Sạc Đa Năng, Hỗ Trợ Sạc

468.000đSạc dự phòng thì nói chung mỗi người nên có một cái, lúc đi chơi hay bí bách đưa ra sạc rất tiện lợi, hàng xịn nha!
Mua ngay

Ốp điện thoại iphone hở táo 6D viền vuông kính bảo về camera iPhone

25.000đỐp điện thoại giá rẻ thì mua vài cái về thay đổi dần cho bõ côgn ship nha anh em, mình mới dặt 4-5 cái
Mua ngay

Mình mới tập làm vlog, có thể bạn cũng cần

Dưới đây là một số đồ làm vlog mình mới tham khảo và mua về sử dụng, thấy hay nên chia sẻ, các bạn có thể tham khảo:

Chân Quay Máy Ảnh Điện Thoại Tripod 360° - Hỗ Trợ Dùng Điện Thoại Máy Ảnh

249.000đMua cái chân quay về đề quay vlog, khỏi cần nhờ vợ cầm quay chút thì rung rung không dùng được!
Xem sản phẩm

Hộp Chống Ẩm Cho Máy Ảnh 10L + Hạt Hút Ẩm + Ẩm Kế + Khăn lau lens Full Combo

70.000đMua máy ảnh bắt buộc phải có tủ chống ẩm, tủ thì giá cao lắm nên mua tạm hộp chống ẩm, mùa Bắc nồm ẩm nhiều
Xem sản phẩm ngay

Camera Wifi Xoay 360 Độ Thông Minh Full HD 1080P, Hỗ Trợ Thẻ Nhớ, Đàm Thoại 2 Chiều, Báo

229.000đNhà mình mua 3-4 cái để mấy góc coi cả nhà và cả vườn, giá thì rẻ, đi đâu có kết nối wifi cũng xem được!
Giá rẻ nhất sàn

Máy quay cầm tay DJI Pocket 2, quay phim 4K, gimbal 360 độ quay trước sau

8.200.000đBắt đầu quay vlog thì mua con này rất ok, giá rẻ, mua cũ khoảng 4tr thôi, mua mới có bảo hành thì đắt hơn chút.
Nhận mã giảm giá 40%

Gimbal DJI Osmo Mobile SE, DJI Osmo Mobile 7, Osmo Mobile 8 - BH 1 năm - Chính Hãngg

1.899.000đGimbal dành riêng cho điện thoại, quay vlog không lo bị rung hoặc mất nét, hàng chính hãng DJI có bảo hành
Xem chi tiết

Vòng đeo cổ giá đỡ điện thoại hỗ trợ tháo nhanh bằng silicon cao cấp hít magsafe quay chụp video

299.000đCái này để kẹp điện thoại treo trước ngực quay video góc nhìn thức nhất trong lúc 2 tay bận không cầm được điện thaoị
Xem chi tiết

Bộ gối tựa xe hơi công thái học cao cấp, mềm mại êm ái, nâng tầm nội thất xe sang trọng, cá tính

650.000đĐi lại nhiều ngồi ô tô nhức mỏi lưng quá nên mình mua cái gối tựa lưng này, rất êm và thoáng mồ hôi.
Nhận mã giảm giá 20%

Bàn Làm Việc & Học Tập Gấp Gọn ICON ,Khay Đựng Ly, Thiết Kế Đa Năng Cho Laptop Và Sách Vở

98.000đThay đổi góc làm việc chỉ việc mở bàn này ra ngồi làm việc với laptop thì chuẩn bài
Xem sản phẩm

Bàn Làm Việc, Bàn Gaming Nội Thất Măng Chân Sắt nhiều phiên bản, mặt gỗ 1m2,1m, chắc chắn, bền đẹp

400.000đMình không nghĩ là giá lại rẻ thế, có 400K mà được bộ bàn đẹp, decor cũng hợp
Xem sản phẩm

Giới thiệu Host xịn cho anh em!