GOTW
thiet-ke-noi-thatthiet-ke-do-hoalam-phim-quang-cao

Cách phối màu và mẹo quản lý màu sắc

04/08/2015 SEO

Việc tìm kiếm và lựa chọn màu sắc phục vụ cho công việc, sẽ rất cần thiết nếu bạn phát triển và quản lý phối màu cho dự án của bạn. Thật đơn giản để có thể tạo một bộ mẫu phối màu bằng phần mềm hình ảnh phổ biến như Adobe’s Photoshop hay Illustrator và sắp xếp màu sắc theo cách giúp bạn dễ tìm kiếm và sử dụng nhất.

hoc-thiet-ke-do-hoa

Màu sắc trên web được thực hiện bằng cách kết hợp pha trộn của màu đỏ, xanh lá và xanh dương; đây là hình thức phối màu có tên gọi là RGB. Mỗi màu sắc đại diện cho một giá trị số học từ 0 đến 255 và mỗi màu sắc độc đáo có giá trị tương ứng với màu đỏ, xanh lá và xanh dương. Ví dụ mau đen sẽ không có giá trị bởi RGB của nó là 0,0,0. Chữ số đầu tiên luôn đề cập đến giá trị màu đỏ, số thứ hai là xanh lá và số còn lại là xanh dương.

Có 256 biến thể màu sắc, 16 triệu màu sắc kết hợp có thể sử dụng RGB. Hầu hết các loại máy tính ngày nay đền có thể xử lý giá trị của tất cả 16 triệu màu và hiển thị chúng một cách chính xác. Có một số người vẫn dùng danh sách 216 màu an toàn cho web để màu sắc có thể hiển thị chính xác khi sử dụng palette 256 màu. Tiêu chuẩn này đã dần mất đi khi có những tiến bộ trong công nghệ màu sắc và màn hình.

Khi tạo màu sắc, bạn có thể tùy chọn sử dụng một giá trị RGB hoặc sử dụng ký hiệu thập lục phân hoặc sử dụng giá trị HEX. Các giá trị màu sắc HEX được xác định bởi 6 ký tự, bắt đầu bằng dấu #. Giá trị HEX sử dụng kết hợp giữa các con số và ký tự: 0 là giá trị thấp nhất và FF (255) là giá trị cao nhất. Một trong 6 ký tự trong giá trị HEX tương ứng với con số trong giá trị RGB. Màu đen có giá trị HEX là #000000.

Ngoài ra, theo w3schools.com 147 màu sắc được xác định bằng tên cho các ứng dụng HTML và CSS, chúng ta có một bảng chi tiết màu sắc bằng tên và giá trị. Có 17 màu sắc tiêu chuẩn là màu xanh lam, đen, xanh dương, màu hồng phấn, xám, xanh lá, màu vàng chanh, màu hạt dẻ, xanh navi, xanh ô liu, màu hồng, đỏ, bạc, trắng và vàng. Mỗi màu có một giá trị RGB và HEX đặc biệt. Ví dụ màu hạt dẻ có RGB 128, 0, 0 và HEX #8000000; màu bạc là 192, 192, 192 hoặc #C0C0C0.

Tạo các bộ màu

Đôi khi, việc tạo phối màu dễ dàng hơn rất nhiều so với những gì bạn nghĩ. Phụ thuộc vào sự phức tạp của mỗi trang thiết kế, chúng ta lại có dải màu sắc cần thiết để có hiệu ứng như mong muốn. Một số designer rất khéo léo để có cặp màu sắc và sẽ tạo phối màu từ lại từ đầu, một số khác thì tìm cảm hứng từ các website hoặc một số nguồn tham khảo bên ngoài như những chip màu sắc của cửa hàng phần cứng hoặc kết hợp những màu sắc được tìm thấy trong tự nhiên.

Phối màu được phát triển theo nhiều cách khác nhau phụ thuộc qua trình suy nghĩ của các designer. Một số người hoc thiet ke do hoa có thể tạo màu sắc từ bầu trời, từ những trang sách hoặc sử dụng màu sắc từ hình ảnh là những cách phổ biến nhất để phát triển một phối màu. Khi tạo phối màu, hãy lưu ý kết hợp màu sắc cho mỗi phần trên website của bạn như header, background, thanh navigation, sidebar, màu sắc văn bản và màu sắc các đường link.

 

Để sử dụng màu sắc mà bạn đã tìm thấy ở những nơi khác, hãy chụp lại hình ảnh và mở nó trong phần mềm chỉnh sửa ảnh như Adobe Photoshop. Phóng lớn hình ảnh cho đến khi nhìn thấy các điểm ảnh rõ ràng và sử dụng công cụ eyedropper để chọn những màu sắc hue mà bạn thích và viết giá trị màu của chúng.

Thêm bộ màu sắc phối

Không phải designer nào cũng bắt đầu từ đầu với màu sắc phối. Có rất nhiều công cụ miễn phí online khác nhau cho phép người dùng phát triển, download và thêm palette màu một cách nhanh chóng. Các màu sắc phối có thể được tạo bằng cách sử dụng một màu sắc duy nhất và những sắc thái bổ sung hoặc có thể được tạo bằng cách sử dụng một hình ảnh nào đó. Hãy cùng chúng tôi tìm hiểu một số công cụ cung cấp phối màu chính xác để có thể download và sử dụng tương thích với phần mềm máy tính của bạn. Sau đây là một vài lựa chọn đơn giản cho dự án của bạn.

ColorBlender có thể ngay lập tức tạo palette 6 màu và các designer có thể download như một Photoshop Color Table, Illustrator EPS hoặc có thể gởi email để phối màu hoặc sử dụng trong một chương trình nào khác. Màu sắc được kết hợp bằng cách sử dụng công cụ slide cho mỗi giá trịn RGB. Màu sắc phối ở đây khá đẹp và có nhiều mức độ. Bạn cũng có thể thêm vào một giá trị màu sắc mà bạn yêu thích để bắt đầu. Không cần cài đặt và bạn có thể tùy chỉnh mỗi màu sắc lựa chọn và thậm chí là kết hợp với các màu PANTONE.

ColorCombos.com có một thư viện phong phú với rất nhiều màu sắc phối với hình thức 5 phối màu có thể tìm thấy bởi màu sắc nào đó. Mỗi màu sẽ hiển thị giá trị HEX, RGB và thậm chí là CMYK (cho các dự án in ấn). Hệ màu có thể download dưới định dạng file .png. Hãy sử dụng công cụ eyedropper để thêm và lưu mỗi giá trị màu. Trang web cũng cho phép người dùng tùy chỉnh màu sắc phối.

Color Palette Generator

Color Palette Generator là phiên bản tự động tạo phối màu từ hình ảnh. Người dùng có thể chọn một trong những hình ảnh cài đặt sẵn hoặc upload hình ảnh của họ để có palette 9 màu từ hình ảnh. Màu sắc ở đây được kết hợp khá đẹp nhưng bạn không thể download. Di chuyển chuột trên mỗi màu và bạn sẽ có giá trị HEX của nó. Phiên bản không cung cấp giá trị RGB.

Color Scheme Designer

 

Color Scheme Designer có lẽ là công cụ trực quan nhất ở đây. Nó tạo phối 4 màu như rất nhiều chương trình khác nhưng cho phép người dùng có thể xem những phối màu có thể được sử dụng như thế nào trên website của họ, dựa vào những trang sáng và tốt. Trang web cho phép người dùng phối hợp màu sắc bằng cách sử dụng bánh xe màu sắc và màu phối được phát triển bằng cách sử dụng nhiều chọn lựa như mono, complementary, trial, terad, analogic và pallet accent. Trang web cũng có nhiều tùy chọn định dạng download, bao gồm HTML, XML, văn bản và palette Photoshop. Mỗi giá trị màu đều được hiển thị giá trị HEX và RGB.

Swatch Organization

 

Đây là cách đơn giản nhất để quản lý và sắp xếp bộ phối màu trong Adobe Photoshop và Illustrator thông qua thư viện màu phối. Bạn có thể thiết lập màu sắc đặc biệt và lưu lại, sau đó có thể mở chúng cho một số dự án nhất định (các sản phẩm của Adobe cũng khá đẹp, bao gồm một số Pantone thiết lập cho các ứng dụng CMYK).

Để thêm nhiều màu sắc cho thư viện phối màu, bạn hãy mở palette Swatches từ cửa sổ Window. Cửa sổ được mở chính là palette màu mặc định. Bạn có thể thấy nhiều lựa chọn khắc bằng cách chọn tab mở rộng, mỗi lựa chọn sẽ hiện lên một cửa số mới. Chọn “new swatch” để thêm phối màu sắc hoặc “load swatches” để nhập phối màu đã được download và sử dụng bất cứ lúc nào.

Bộ phối màu quá nhiều màu sắc có thể khá rườm rà. Hãy tạo file mới cho mỗi dự án và bạn có thể sử dụng lặp lại. Giữ những palette màu nhỏ và bỏ những màu mà bạn sẽ không sử dụng. Đặt tên những mài sắc theo cách mà bạn có thể nhớ được những ứng dụng của chúng. Ví dụ trong thư viện bộ phối màu “My website”, tên mỗi màu sắc dựa trên cách nó được sử dụng, không chỉ là những giá trị RGB.

Không lưu trữ những bộ phối màu chỉ sử dụng một lần cho các ứng dụng vào thư viện. Nó làm bạn mất khá nhiều thời gian cần thiết. Hãy nhớ loại bỏ bất kỳ màu sắc nào từ thư viện màu sắc đối với các dự án mà bạn đã chuyển cho khách hàng và hãy giữ cho file của bạn thật rõ ràng và ngăn nắp.

Kết luận

Kết hợp màu sắc để phù hợp nhất với dự án. Một khi bạn đã thiết lập được màu sắc, việc sắp xếp các bộ phối màu cũng giúp dòng công việc được thực hiện tốt hơn. Bạn có thể sử dụng các công cụ trong Adobe Creative Suite để xây dựng và quản lý hệ thống màu sắc. Phân nhóm màu sắc và đặt tên theo cách chúng sẽ được sử dụng cũng sẽ giúp bạn chọn lựa nhanh chóng hơn.

Dù là dự án web hay in ấn, bước đầu tiên để tạo màu sắc cho riêng bạn là hiểu được cách màu sắc hoạt động và cách tạo phối màu phù hợp. Hiểu được các con số liên quan đến màu sắc cũng giúp bạn tạo các bộ phối màu một cách dễ dàng hơn.

 

 

Bài viết khác

5 công cụ cần thiết cho thiết kế đồ họa

Dù bạn là người đã làm việc lâu năm hay mới bắt đầu vào nghề, 5 công cụ dưới đây sẽ giúp bạn cảm thấy thoải mái hơn trong công việc thiết kế của mình.

Cách sử dụng đơn sắc trong nhiếp ảnh

Mặc dù ngành nhiếp ảnh tương đối mới khi nói về lịch sử, màu sắc vẫn cung cấp cho chúng ta những cơ hội để truyền đạt ý nghĩa và thu hút sự chú ý. Bảng màu đơn sắc đã đưa nhiếp ảnh màu lên một tầm cao mới.

Làm sao để “bắt” những khoảnh khắc vàng trên phố

Để lưu lại những khoảnh khắc “để đời” về cuộc sống hàng ngày ngay chính tại nơi bạn đang sống không phải là điều dễ dàng, nhất là khi bạn đang sở hữu một em máy xịn mà chưa ưng ý về tay nghề bấm máy của mình.

Muốn sáng tạo, hãy biến mình thành 1 đứa trẻ!

Một đoạn hay dịch từ quyển “How To Get Ideas - Một nửa của 13 là 8” Của Jack Foster, Unidesign muốn chia sẻ với những người làm sáng tạo nói chung và những người làm thiết kế nói riêng. 

Làm thế nào để xác định ý tưởng một cách chuyên nghiệp

Một bức tranh đáng giá ngàn lời nói, đó là lý do tại sao các nhà thiết kế cần thành thạo cách sử dụng ngôn từ. Bởi ý tưởng của họ không chỉ cần những nhà thiết kế khác hiểu mà còn cả khách hàng, nhà tiếp thị, bán hàng, thậm chí cả sếp của họ nữa. Bạn phải biết làm thế nào để xác định ý tưởng của mình một cách chuyên nghiệp nhất và khiến chúng trở nên khả thi. 

6 xu hướng thiết kế đồ họa nổi bật năm 2015

Cùng Unidesign điểm danh những xu hướng đồ họa đã xuất hiện hoặc trở nên phổ biến trong năm 2015. Không khó để tìm thấy những xu hướng thiết kế này bở sự phổ biến của nó trên khắp các kênh.

Chương trình đào tạo

Thiết kế Nội thất

Thiết kế Nội thất

Trong tình hình kinh tế đang phát triển hiện nay, đây là một trong những ngành nghề khan hiếm nhân lực nhất trong thị trường lao động.Khi học thiết kế nội thất bạn có thể tạo ra những điều không thể thành hiện thực trong cuộc sống.

Chi tiết
Học làm phim kỹ thuật số.

Học làm phim kỹ thuật số.

Ngày nay, phim ảnh đã trở thành món ăn tinh thần không thể thiếu đối với con người. Đặc biệt những người trẻ đầy nhiệt huyết và tự tin nghĩ rằng họ có thể tạo ra được những thước phim đẹp mắt hơn những hình ảnh họ đang thấy nếu được đào tạo bài bản. Điều đó thúc đẩy nhu cầu học làm phim ngày càng cao.

Chi tiết

Việc làm

Tuy áp dụng hình thức và phương pháp đào tạo tương đối mới mẻ ở Việt Nam nhưng Trường Đào tạo Quốc tế UNIDESIGN đã có những bước trưởng thành và thành tựu đáng kể trong công tác dạy học cũng như tổ chức.

Chi tiết

UNIDESIGN có bộ phận quan hệ sinh viên, bộ phận này ngoài việc giữ liên lạc thường xuyên và liên tục với các sinh hiện tại và đã tốt nghiệp trên cả nước, còn là cầu nối giữa sinh viên với các doanh nghiệp.

Chi tiết

Họ nói gì về chúng tôi

Lan Anh từ nhỏ đã có yêu thích và đam mê với ngành Thiết kế nên gia đình luôn muốn cho em đi theo con đường này. Khi em quyết định chọn học tại trường UniDesign, cô rất tôn trọng quyết định của em.

“Lúc chưa biết đến trường em thường chỉ quan tâm đến ngành học của các trường đại học chính quy. Sau khi biết đến trường, em mới biết đến ngành thiết kế đồ hoạ. Và từ lúc ấy, em thấy nó rất hợp với mình và quyết tâm theo học"

“Em thấy trường có chương trình đào tạo khá là toàn vẹn, chỉ tập trung đào tạo ngành nghề mà học viên theo học, không có những môn phụ. Ngoài ra, nhà trường không chỉ chăm lo về mặt học tập mà còn chăm lo cả mặt hoạt động ngoại khóa khá tốt"

Hiện nay em đang băn khoăn lựa chọn giữa chuyên ngành Thiết kế đồ họa và chuyên ngành Làm phim tại Trường Đào tạo Thiết kế UniDesign. Lý do em chọn ngành Thiết kế khá đơn giản, vì bản tính của em khá quậy, cá tính

Em yêu thích chuyên ngành Thiết kế từ khi còn nhỏ. Em rất thích vẽ, thời gian rảnh rỗi em hay ngồi vẽ và còn vẽ cho cả các bạn nữa. Lúc đầu, em dự định thi trường ĐH Mỹ Thuật Công Nghiệp nhưng em chưa có điều kiện được học vẽ nhiều, mới chỉ vẽ theo ý thích của mình thôi.