Thiết kế ombre (và cách tạo của riêng bạn)

Thiết kế ombre là một thuật ngữ quan trọng cần có trong vốn từ vựng của bạn và là một công cụ tuyệt vời cho bộ công cụ của bạn. Hiệu ứng ombre là sự chuyển màu trực quan từ màu sáng sang màu tối hoặc ngược lại. Nó là một loại gradient đặc trưng cho bản chất từ ​​sáng đến tối, và thường được đặc trưng bởi sự thay đổi tâm trạng và kịch tính vốn có của nó.

Bài viết này giới thiệu một số ví dụ, sau đó giải thích cách tạo thiết kế ombre của riêng bạn trong Photoshop. Vui thích!

Thiết kế ombre trong thực tế
–

Trong ví dụ trên, nhà thiết kế Jelle Zweegers tạo màu ombre bằng cách làm mờ các cạnh màu trắng của trang thành màu xanh mòng két đậm hơn về phía trung tâm. Ảnh hưởng là khí quyển và nội tạng. Nó kéo người đọc vào, gần như hút bạn vào trung tâm của cuốn sách. Màu tối hơn đủ sâu để tạo ra sự thay đổi tâm trạng ấn tượng đặc trưng của ombre, trong khi vẫn cho phép dễ đọc.

Trong ví dụ bên trái, Skinny Ships giới thiệu cách sử dụng ombre mang tính khái niệm hơn một chút. Thay vì triển khai ombre như một yếu tố thiết kế trừu tượng, nó được thể hiện thông qua ánh sáng tự nhiên của khung cảnh.

Khu rừng xanh thẳm và bão hòa ở phía trước chuyển dần theo bốn bước tới bầu trời ánh sáng và bầu trời không bão hòa ở xa. Đây là một lời nhắc nhở tuyệt vời rằng không có quy tắc nào về cách tạo ombre.

Cách mà một nhà thiết kế đến từ bóng tối từ ánh sáng rộng mở cho khả năng và trí tưởng tượng. Skinny ship khuyến khích chúng ta nghĩ ra những cách sáng tạo để chuyển từ mặt này sang mặt khác của ô tô.

Ngoài việc sử dụng các hiệu ứng ánh sáng tự nhiên, chúng ta có thể nghĩ đến việc sử dụng các mẫu — chẳng hạn như dấu chấm bi hoặc mũi tên lồng vào nhau — hoặc thậm chí là các hiện tượng tự nhiên, chẳng hạn như lá đổi màu vào mùa thu.

Ví dụ cuối cùng (bên dưới) khám phá sắc thái phân tách thiết kế ombre khỏi gradient. Bạn có đoán được cái nào trong số này là ombre không? Ví dụ bên trái phân cấp giữa một số màu, tuy nhiên độ đậm nhạt là tương tự.

Hiệu ứng rất đẹp và hoạt động theo đúng nghĩa của nó, tuy nhiên nó thiếu cảm giác và tác động không thể nhầm lẫn của ombre. Mặt khác, sự lặp lại bên phải mờ dần từ nhạt đến đậm. Tác động chứa đựng sự thay đổi tâm trạng mạnh mẽ hơn. Đây là một ombre!

Ngoài ra, nó nói lên nhiều điều hơn về khái niệm thành phố – bầu trời xanh ngắt dần xuống mặt đất bẩn hơn, cằn cỗi hơn.

Tạo thiết kế ombre của riêng bạn
–

Theo tinh thần sáng tạo của ví dụ Skinny Ships, chúng tôi sẽ tạo màu ombre bằng cách sử dụng mẫu mũi tên lồng vào nhau. Để bắt đầu, chúng ta tạo một lớp nền trắng, một lớp mũi tên đen và một lớp kết cấu giấy chỉ để giúp khuếch tán sự chuyển màu.

Để kiểm soát sự chuyển màu của các mũi tên hướng sang trái và phải riêng biệt, chúng ta sẽ sử dụng mặt nạ lớp.

Trong ảnh chụp màn hình ở trên, chúng tôi chọn nội dung của lớp “Mũi tên đen” bằng cách Cmd + nhấp vào hình thu nhỏ của lớp. Với các mũi tên đã chọn, chúng tôi đánh dấu lớp tô màu gradient mới và nhấp vào Layer> Layer Mask> Reveal Selection. Điều này phù hợp với lớp tô màu gradient với hình dạng của các mũi tên. Lớp “Mũi tên đen” không còn cần thiết nữa.

Cuối cùng, lớp “Nền trắng” sẽ được thay thế bằng một lớp gradient khác. Lớp này sẽ không cần mặt nạ vì nó đã được “che” bởi các mũi tên trong lớp trên.

Bây giờ chúng ta có thể kiểm soát độ dốc của các mũi tên hướng sang trái và hướng phải một cách riêng biệt.

Ở đây, chúng ta bắt đầu chơi với cài đặt lớp gradient. bên trong Trình chỉnh sửa Gradient ở bên trái, có một thanh quang phổ với các “mẫu” nhỏ ở trên cùng và dưới cùng. Có thể nhấp vào các “mẫu” trên cùng để kiểm soát độ mờ. Như bạn có thể thấy, chúng tôi đã đặt phía bên trái của gradient này là 100% mờ đục (như được biểu thị bằng màu đen) và phía bên phải thành trong suốt 100% (như được biểu thị bằng màu trắng).

Các Swatches bên dưới thanh quang phổ có thể được nhấp để thiết lập màu sắc của gradient. Đối với màu ombre này, chúng ta sẽ sử dụng màu xanh lam và xanh lá cây tinh tế trong khi lưu ý rằng chúng ta cần chuyển từ đậm sang nhạt. Bằng cách chơi với sự khác biệt tinh tế về chuyển màu giữa các mũi tên tiền cảnh và hậu cảnh, chúng ta có thể tạo ra một ombre rất độc đáo và đồ họa!

Ở đây, chúng tôi thêm một Độ sáng / Độ tương phản lớp điều chỉnh phía trên mọi thứ để tăng cường độ mờ dần từ sáng đến tối. Điều này cho phép chúng tôi tinh chỉnh thiết kế tổng thể mà không cần điều chỉnh tất cả các cài đặt trong Gradient Editor.

Cuối cùng, chúng tôi thêm một Độ bão hòa màu sắc lớp điều chỉnh. Điều này cho phép chúng tôi thử các bảng màu khác nhau bằng cách kéo thanh trượt màu sang trái và phải.

Chúc mừng! Bạn đã tạo ra một ombre sáng tạo, sắc nét và độc đáo.

Phần kết luận
–

Mặc dù định nghĩa của ombre rất đơn giản, nhưng có nhiều cách để chuyển từ đậm sang nhạt, để tạo kịch tính và thêm sự hấp dẫn. Sử dụng bài viết này như một điểm khởi đầu và khơi gợi tâm trạng bên trong của bạn để tạo ra thiết kế ombre độc ​​nhất vô nhị!

Ví dụ yêu thích của bạn về thiết kế ombre là gì? Chia sẻ nó trong bình luận!