Chuyển màu từ đen sang trong suốt. Cách tạo độ dốc trong Photoshop

Độ trong suốt, bóng và độ dốc

Minh bạch

Khả năng làm cho hình ảnh và màu sắc trở nên trong suốt là một trong những thành phần cơ bản nhất trong CSS3. Có hai cách để thiết lập độ trong suốt. Đầu tiên là sử dụng chức năng rgba(), có bốn tham số. Ba tham số đầu tiên đặt các giá trị (từ 0 đến 255) của các thành phần màu đỏ, lục và lam của màu. Tham số cuối cùng chỉ định giá trị trong suốt hoặc alpha, có thể nằm trong khoảng từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ).

Quy tắc sau đặt nền thành màu xanh lục sáng với độ trong suốt 50 phần trăm:

Ngoài ra ( nền: rgba(170,240,0,0.5); )

Các trình duyệt không hỗ trợ chức năng rgba() sẽ đơn giản bỏ qua quy tắc này và nền sẽ giữ nguyên độ trong suốt mặc định - độ trong suốt hoàn toàn.

Vì vậy cách tiếp cận thứ hai là tốt hơn. Ở đây, trước tiên chúng tôi đặt màu dự phòng đồng nhất và sau đó thay thế bằng màu bán trong suốt:

Ngoài ra ( nền: rgb(170,240,0); nền: rgba(170,240,0,0.5); )

Do đó, các trình duyệt không hỗ trợ hàm rgba() sẽ vẫn tô màu nền của phần tử nhưng chỉ với màu mờ hoàn toàn.

Để đạt được sự kết hợp tốt hơn giữa màu dự phòng và màu chính, bạn nên sử dụng màu dự phòng tái tạo gần nhất hiệu ứng mờ. Ví dụ: nếu màu mờ được áp dụng trên nền trắng thì màu đó sẽ còn nhạt hơn do tính chất mờ nền trắng. Khi chọn màu dự phòng, hiệu ứng này cần được tính đến.

Đặc tả CSS3 cũng xác định thuộc tính kiểu độ mờ đục(độ mờ), hoạt động giống hệt như giá trị alpha. Giá trị độ mờ cũng có thể được đặt trong phạm vi từ 0 đến 1, cho phép bạn làm cho bất kỳ phần tử nào trở nên trong suốt:

Ngoài ra ( nền: rgb(170,240,0); độ mờ: 0,5; )

Hình bên dưới hiển thị hai ví dụ về độ mờ, một ví dụ được triển khai bằng hàm rgba() và ví dụ kia sử dụng thuộc tính opacity:

Thuộc tính độ mờ Tốt nhất nên sử dụng rgba() thay vì hàm trong các trường hợp sau:

    khi bạn cần làm cho một số màu trong suốt. Thuộc tính opacity cho phép bạn làm cho màu nền, văn bản và khung của một phần tử trở nên trong suốt;

    khi bạn cần làm một cái gì đó trong mờ mà thậm chí không biết màu của nó, chẳng hạn vì màu đó có thể được đặt bởi một biểu định kiểu hoặc mã khác Tập lệnh JavaScript;

    khi nào nên làm điều đó hình ảnh trong suốt;

    khi nào nên sử dụng chuyển đổi, tức là Hiệu ứng hoạt hình làm cho một phần tử mờ dần hoặc mờ dần.

Bóng tối

Đặc tả CSS3 xác định hai loại bóng mới: hộp bóngbóng văn bản. Bóng khối thường hữu ích hơn và có nhiều cấp độ cao hỗ trợ, trong khi bóng văn bản không hoạt động trong bất kỳ Phiên bản Internet Nhà thám hiểm. Bóng khối có thể được sử dụng để tạo bóng hình chữ nhật phía sau bất kỳ khối nào của phần tử

(nhưng đừng quên khung để nó tiếp tục trông giống như một khối). Bóng thậm chí có thể đi theo đường viền của các khối có góc tròn:

Các bóng được đề cập được tạo thông qua các thuộc tính bóng hộpbóng văn bản. Sau đây là ví dụ về tạo bóng khối cơ bản:

Ngoài ra ( box-shadow: 8px 8px 10px màu xám; )

Hai giá trị đầu tiên của thuộc tính box-shadow thiết lập độ lệch ngang và dọc của bóng từ đối tượng ban đầu. Giá trị dương di chuyển bóng xuống và sang phải, giá trị âm di chuyển bóng lên và sang trái. Giá trị tiếp theo xác định kích thước của độ mờ (mờ, trong trong ví dụ này 10 pixel), làm tăng độ mờ của bóng. Giá trị cuối cùng quyết định màu sắc của bóng. Nếu có bất kỳ nội dung nào bên dưới khối, hãy cân nhắc sử dụng hàm rgba() để tạo bóng bán trong suốt.

Để biết thêm tinh chỉnh Bạn có thể thêm hai giá trị vào thuộc tính box-shadow. Để đặt độ rộng (trải rộng) của bóng - thuộc tính phụ giúp mở rộng bóng, làm dày phần rắn của nó giữa cạnh mờ, thêm giá trị giữa giá trị độ mờ và màu:

Ngoài ra ( box-shadow: 8px 8px 10px 5px màu xám; )

Và để tạo bóng không phản chiếu ra bên ngoài mà phản chiếu vào phần tử, giá trị sẽ được thêm vào cuối danh sách giá trị chèn vào. Hiệu ứng tốt nhấtđạt được khi bóng được đặt trực tiếp lên trên phần tử, không có độ lệch ngang hoặc dọc:

Ngoài ra ( box-shadow: 0px 0px 20px vôi in; )

Thuộc tính text-shadow yêu cầu một bộ giá trị tương tự nhưng theo thứ tự khác. Màu sắc được chỉ định trước tiên, tiếp theo là độ lệch ngang và dọc, sau đó là độ mờ:

H1 ( bóng văn bản: xám 10px 10px 7px; )

Độ dốc

Chuyển màu là sự chuyển tiếp của màu sắc có thể tạo ra phạm vi rộng hiệu ứng, từ bóng mờ dưới thanh menu đến các nút có màu sắc ảo giác.

Nhiều trang web mô phỏng độ dốc hinh nên. Nhưng công nghệ CSS3 cho phép nhà phát triển web xác định độ dốc cần thiết sẽ được trình duyệt hiển thị. Ưu điểm của phương pháp này là nó làm giảm số lượng tệp hình ảnh cần xử lý và cung cấp khả năng tạo độ dốc có thể thay đổi kích thước một cách liền mạch để lấp đầy bất kỳ khoảng trống nào.

Không có thuộc tính đặc biệt nào trong CSS để tạo độ dốc. Thay vào đó, hàm gradient được sử dụng để đặt thuộc tính nền. Tuy nhiên, trước tiên hãy đảm bảo đặt thuộc tính này thành màu đơn sắc để tạo màu tô dự phòng cho các trình duyệt không hỗ trợ chuyển màu (bao gồm trình duyệt web IE, chỉ hỗ trợ độ dốc bắt đầu từ IE 10).

Có bốn hàm gradient, tất cả đều yêu cầu tiền tố của nhà phát triển trình duyệt. Trong phần này chúng ta sẽ xem xét các ví dụ về gradient cho trình duyệt Chrome(trong đó tiền tố -webkit- được sử dụng). Để hỗ trợ Trình duyệt Firefox và Opera cần thêm chính xác các giá trị gradient giống nhau, nhưng có tiền tố -moz- và -o-.

Trước tiên hãy nhìn vào chức năng gradient tuyến tính(). Sau đây là một trong những hình thức đơn giản nhất của nó, tô màu khối màu trắng ở trên cùng và nhạt dần thành màu xanh lam ở phía dưới:

Ngoài ra ( nền: -webkit-tuyến tính-gradient (trên cùng, trắng, xanh); )

Thay thế giá trị trên cùng bằng left sẽ tạo ra một gradient tuyến tính theo chiều ngang. Và bằng cách chỉ định góc của khối để bắt đầu chuyển màu, chúng ta có được chuyển tiếp theo đường chéo:

Ngoài ra ( nền: -webkit-tuyến tính-gradient (trên cùng bên trái, trắng, xanh); )

Bạn có thể tạo dải màu nhiều màu bằng cách cung cấp danh sách màu. Ví dụ: quy tắc sau tạo dải màu ngang ba màu:

Ngoài ra ( nền: -webkit-tuyến tính-gradient(trái, đỏ, cam, vàng); )

Cuối cùng, thay vì phân phối các màu gradient một cách đồng đều, bạn có thể chỉ định vị trí bắt đầu của mỗi màu bằng cách điểm dừng độ dốc, kéo dài hoặc nén các sọc hoặc dịch chuyển chúng theo hướng này hay hướng khác.

Tạo một gradient từ màu sang trong suốt

Để tạo độ dốc trong Photoshop, hãy sử dụng Công cụ chuyển màu. Trong Photoshop, bạn có khả năng tạo ra nhiều loại gradient khác nhau " Độ dốc tuyến tính", "Độ dốc xuyên tâm", "Độ dốc góc", "Độ dốc phản chiếu", "Độ dốc kim cương" (để chọn độ dốc bạn cần, hãy sử dụng các nút tương ứng trên thanh tùy chọn, các biểu tượng có ví dụ về loại độ dốc). Thông thường, người ta sử dụng “Gradient tuyến tính”; vùng tô màu được sơn thống nhất với các màu có trong gradient, tuyến tính theo hướng bạn chọn.

Dải màu chuyển màu có thể bao gồm tất cả các màu bạn có thể sử dụng, bao gồm cả việc sử dụng vùng chuyển màu trong suốt thay vì màu. Để tạo dải màu từ màu bạn đã chọn sang màu trong suốt, hãy chọn Công cụ chuyển màu. Trong Thanh tùy chọn, nhấp vào gradient hiện được chọn.

Trong hộp thoại "Gradient Editor" mở ra, hãy tạo độ dốc mới, trong trường “Tên”

Nhập tên cho gradient của bạn và nhấp vào nút “Mới”. Trong trường “Loại chuyển màu”, chọn “Rắn” và trong “Độ mịn” đặt thành 100%. Bên dưới “Độ mịn”, bạn sẽ thấy độ dốc tương lai với các thanh trượt chọn màu ở trên cùng và dưới cùng.

Các thanh trượt phía trên chịu trách nhiệm về phần trăm độ trong suốt của một màu cụ thể, các thanh trượt phía dưới chịu trách nhiệm về màu của dải màu. Sau khi chọn màu ở thanh trượt phía dưới, bạn có thể điều chỉnh phần trăm độ mờ của chúng bằng cách thay đổi thông số “Độ mờ” và “Vị trí” ở ​​thanh trượt phía trên tương ứng.

Nhấp vào thanh trượt phía trên bên trái và trong các tham số của nó trong trường “Dừng”, đặt 0% cho “Độ mờ” và 0% cho “Vị trí”.

Đi tới thanh trượt phía dưới bên trái (cũng chỉ bằng cách nhấp vào nó). Trong các tham số “Điểm dừng” này, bạn cũng điều chỉnh “Vị trí”, đặt thành 0% và chọn màu trong mục “Màu”, màu trong suốt phải phù hợp với màu trắng.

Bây giờ di chuyển sang bên phải của thanh trượt. Trong thông số của thanh trượt phía dưới bên phải, chọn màu bạn cần, trong mục “Vị trí” đặt thành 100%.

Trong các tham số của thanh trượt trên cùng bên phải, đặt “Độ mờ” và “Vị trí” thành 100%.

Dải màu đã sẵn sàng và bạn có thể áp dụng nó. Nhấp bằng Công cụ chuyển màu trên phần hình ảnh nơi bạn muốn bắt đầu chuyển màu và kéo con trỏ chuột đến điểm bạn muốn tiếp tục. Nếu bạn không làm việc trên vùng đã chọn, gradient sẽ được áp dụng cho toàn bộ vùng của hình ảnh.

Để tạo độ dốc trong Photoshop, hãy sử dụng Công cụ chuyển màu. Trong Photoshop, bạn có cơ hội tạo các loại gradient khác nhau: “Gradient tuyến tính”, “Gradial xuyên tâm”, “Gradient góc”, “Gradient phản chiếu”, “Gradient kim cương” (để chọn gradient bạn cần, hãy sử dụng các nút tương ứng trong thanh tùy chọn, các biểu tượng có chế độ xem chuyển màu mẫu). Thông thường, người ta sử dụng “Gradient tuyến tính”; vùng tô màu được sơn thống nhất với các màu có trong gradient, tuyến tính theo hướng bạn chọn.

Dải màu chuyển màu có thể bao gồm tất cả các màu bạn có thể sử dụng, bao gồm cả việc sử dụng vùng chuyển màu trong suốt thay vì màu. Để tạo dải màu từ màu bạn đã chọn sang màu trong suốt, hãy chọn Công cụ chuyển màu. Trong Thanh tùy chọn, nhấp vào gradient hiện được chọn.

Trong hộp thoại “Gradient Editor” mở ra, hãy tạo một gradient mới trong trường “Name”

Nhập tên cho gradient của bạn và nhấp vào nút “Mới”. Trong trường “Loại chuyển màu”, chọn “Rắn” và trong “Độ mịn” đặt thành 100%. Bên dưới “Độ mịn”, bạn sẽ thấy độ dốc tương lai với các thanh trượt chọn màu ở trên cùng và dưới cùng.

Các thanh trượt phía trên chịu trách nhiệm về phần trăm độ trong suốt của một màu cụ thể, các thanh trượt phía dưới chịu trách nhiệm về màu của dải màu. Sau khi chọn màu ở thanh trượt phía dưới, bạn có thể điều chỉnh phần trăm độ mờ của chúng bằng cách thay đổi thông số “Độ mờ” và “Vị trí” ở ​​thanh trượt phía trên tương ứng.

Nhấp vào thanh trượt phía trên bên trái và trong các tham số của nó trong trường “Dừng”, đặt 0% cho “Độ mờ” và 0% cho “Vị trí”.

Đi tới thanh trượt phía dưới bên trái (cũng chỉ bằng cách nhấp vào nó). Trong các tham số “Điểm dừng” này, bạn cũng điều chỉnh “Vị trí”, đặt thành 0% và chọn màu trong mục “Màu”, màu trong suốt phải tương ứng với màu trắng.

Bây giờ di chuyển sang bên phải của thanh trượt. Trong thông số của thanh trượt phía dưới bên phải, chọn màu bạn cần, trong mục “Vị trí” đặt thành 100%.

Trong các tham số của thanh trượt trên cùng bên phải, đặt “Độ mờ” và “Vị trí” thành 100%.

Dải màu đã sẵn sàng và bạn có thể áp dụng nó. Nhấp bằng Công cụ chuyển màu trên phần hình ảnh nơi bạn muốn bắt đầu chuyển màu và kéo con trỏ chuột đến điểm bạn muốn tiếp tục. Nếu bạn không làm việc trên vùng đã chọn, gradient sẽ được áp dụng cho toàn bộ vùng của hình ảnh.

Công cụ gradient cho phép bạn vẽ một số loại gradient. Ngoài ra, bằng cách sử dụng độ dốc ở chế độ trong suốt, có thể đạt được hiệu ứng “làm mờ” hoặc “hợp nhất” hai hình ảnh thành một.

Tất cả các loại gradient có thể được chọn trong phần gradient tại:

Dưới đây là ví dụ về cách mỗi loại gradient ảnh hưởng đến hình ảnh. Bên trái là hình ảnh sau khi xử lý gradient ở chế độ Color với hai màu mờ (và giá trị alpha là 255). Bên phải là hình ảnh sau khi xử lý với độ dốc ở chế độ Transparency:

Độ dốc tròn ở chế độ màu và trong suốt

Tạo một dải màu
Để vẽ một dải màu, chỉ cần nhấp và giữ nút chuột và di chuyển con trỏ trên khung vẽ, giống như khi bạn đang vẽ một đường thẳng. Độ dốc sẽ mở rộng theo cách bạn di chuyển chuột.

Sau khi bạn nhả nút chuột, độ dốc có thể được điều chỉnh bằng cách sử dụng các điểm kiểm soát hoặc “nút” ở dạng vòng tròn nhỏ. Nhấp chuột click chuột phải di chuột qua “nút” này sẽ thay đổi màu chính và màu phụ của gradient. Nếu bạn di chuyển một trong các "nút" trong khi giữ cả hai nút chuột, bạn có thể di chuyển toàn bộ vùng chuyển màu.

Chế độ màu
Chế độ Màu mặc định ảnh hưởng đến mọi thứ kênh màu và kênh alpha. Khi sử dụng gradient ở chế độ này, màu chính sẽ nhạt dần thành màu phụ. Nếu bạn sử dụng nút chuột phải thay vì nút chuột trái, màu chính và màu phụ sẽ thay đổi vị trí. Trong các ví dụ trên, dải màu sử dụng màu chính và màu phụ mặc định (chính - đen, phụ - trắng).

Chế độ minh bạch
Chế độ gradient trong suốt có thể được sử dụng để làm mờ dần một phần hình ảnh. Chế độ này cũng có thể hữu ích cho việc “pha trộn” hai hình ảnh. Để bật chế độ này, hãy di chuyển phần tử điều khiển tương ứng đến vị trí mong muốn:

Loại gradient này chỉ ảnh hưởng đến kênh alpha của lớp hiện tại. Độ dốc sẽ thay đổi trơn tru giá trị alpha của màu chính trước khi đảo ngược giá trị alpha của màu phụ. Khi sử dụng chuột phải, gradient sẽ thay đổi trơn tru giá trị alpha từ giá trị nghịch đảo của giá trị alpha của màu phụ sang giá trị alpha của màu chính. Nói một cách đơn giản, bạn có thể xem xét độ dốc trong suốt, như một sự chuyển đổi suôn sẻ từ độ mờ hoàn toàn (với giá trị alpha là 255) sang độ trong suốt hoàn toàn (với giá trị alpha là 0).

Để tạo hiệu ứng "làm mờ" hoặc "hòa trộn" giữa hai hình ảnh, hãy đặt chúng trên các lớp khác nhau, sau đó áp dụng độ chuyển màu cho lớp trên cùng bằng chế độ Trong suốt.

Ví dụ: chúng tôi sử dụng hai hình ảnh được đưa ra trong phần mô tả. Chuyển tiếp suôn sẻ Bạn có thể dễ dàng tạo một hình ảnh này thành một hình ảnh khác bằng cách “kéo dài” một gradient trong suốt từ cạnh trái sang cạnh phải của hình ảnh:

(ở bên trái) trong “một gói” với nhóm “Đổ đầy” và được bao gồm chung với nó phím tắt G. Anh ấy cũng tô màu bức vẽ bằng “sơn”, nhưng không phải bằng một màu đồng nhất mà bằng các ánh kim có màu sắc và sắc thái khác nhau với các chuyển tiếp cụ thể từ ranh giới sắc nét làm mịn, hầu như không đáng chú ý khi "chảy" màu này sang màu khác hoặc màu đậm đặc thành một lớp trong suốt.

Bảng cài đặt công cụ

Đối với một nhóm, trong menu "Chỉnh sửa" có lệnh "Điền", nơi bạn có thể định cấu hình các tham số của nó, cho biết màu (hoặc mẫu) nào cần tô, cách xử lý các vùng trong suốt, v.v. Và độ dốc trong Photoshop tô màu mọi thứ một cách bừa bãi, tuy nhiên, tuân thủ các ranh giới của vùng đã chọn, nếu một vùng được chỉ định, nhưng không có “điều kiện” nào khác được đặt cho nó.

Các tham số hiệu ứng, giống như trong tất cả các công cụ khác, được đặt trong bảng cài đặt ở trên cùng. Nhấp chuột trái vào hình tam giác nhỏ bên cạnh hình thu nhỏ ở bên trái (hoặc nhấp chuột phải vào hình ảnh) sẽ mở ra một bảng màu với một bộ chuyển tiếp màu tiêu chuẩn được cài sẵn.

Cửa sổ này chứa thực đơn riêng, mở ra bằng cách nhấp vào bánh răng (hoặc mũi tên nhỏ bên cạnh) ở bên phải góc trên cùng. Tại đây, bạn có thể chọn một số bộ “tiêu chuẩn” khác, di chuyển qua chúng bằng lệnh “Thay thế độ dốc” và đặt kích thước của hình thu nhỏ và theo mặc định, độ dốc trong Photoshop thực hiện chuyển đổi tuyến tính mượt mà từ màu đầu tiên sang màu thứ hai .

TRONG bộ tiêu chuẩn Ngoài ra còn có các tùy chọn để chuyển sang độ trong suốt, nhưng để chúng hoạt động, bạn cần chọn hộp kiểm “Độ trong suốt”, nếu không hình ảnh sẽ được tô đều bằng một màu đã chọn.

Ngoài các tùy chọn màu sắc cho gradient, trong bảng cài đặt, bạn có thể chọn hình dạng của nó (tuyến tính, hướng tâm, hình nón, gương và hình kim cương).

Mọi thứ đều rõ ràng với việc lựa chọn chế độ hòa trộn và độ mờ; việc đánh dấu vào ô “Đảo ngược” sẽ tạo ra hiệu ứng ngược lại. Chúng tôi đã sắp xếp độ trong suốt và chức năng Phối màu, cố tình làm cho hình ảnh bị nhiễu, giúp quá trình chuyển đổi màu sắc trở nên tự nhiên hơn.

Không giống như tô màu theo kiểu xô, để vẽ gradient, bạn cần bật công cụ và chọn kiểu chuyển màu, vẽ một đường trong hình, từ đó chỉ ra điểm bắt đầu và điểm kết thúc của hiệu ứng. Sau đó, chương trình sẽ tô màu vào tài liệu với các sắc thái đã chọn và theo hướng đã chỉ định.

Nếu bạn vẽ một đường trong khi nhấn Phím Shift, quá trình chuyển đổi có thể được thực hiện theo chiều dọc, chiều ngang hoặc ở góc 45 độ.

Trưởng biên tập phần tô màu gradient

Bộ sưu tập các hiệu ứng làm sẵn được trình bày thành mười nhóm tùy chọn, mỗi nhóm cung cấp từ 4 đến 16 giải pháp màu sắc, vì vậy sự lựa chọn là khá tốt. Nhưng những người mà điều này là chưa đủ thì không cần phải lo lắng, vì chúng ta có thể tự tạo một gradient trong Photoshop.

Chúng tôi đã mở một cửa sổ với các bộ chuyển tiếp màu đặt sẵn bằng cách nhấp vào mũi tên nhỏ bên cạnh hình thu nhỏ của hiệu ứng. Và nếu bạn nhấp vào chính hình thu nhỏ, “Trình chỉnh sửa…” sẽ mở ra, trong đó, bằng cách sử dụng cài đặt thích hợp, chúng ta có thể tạo các biến thể sắc thái màu của riêng mình mà không có bất kỳ hạn chế nào.

Photoshop cung cấp hai chế độ tô màu gradient: Liên tục và Nhiễu. Theo mặc định, chế độ “Liên tục” được đặt, vì trong hầu hết các trường hợp, khi thắc mắc về cách tạo độ dốc trong Photoshop, người dùng sẽ nghĩ đến loại hiệu ứng thông thường với sự chuyển đổi màu sắc mượt mà và dần dần.

Xây dựng quá trình chuyển đổi màu liên tục

Màu sắc được điều khiển bởi các thanh trượt (còn gọi là điểm kiểm soát, hay còn gọi là điểm đánh dấu) ở cuối thang độ dốc và thanh trượt trên cùng điều khiển độ mờ. Một điểm điều khiển được thêm vào bằng cách nhấp vào đường viền tương ứng của bảng chọn hiệu ứng.

Nhấp vào điểm kiểm soát màu/độ mờ sẽ kích hoạt các hộp chọn màu/độ mờ, vị trí tỷ lệ (%) và nút Xóa. Trong trường hợp này, trên cả hai mặt của điểm đánh dấu mới, trình chỉnh sửa đặt các điểm ở giữa (kim cương) về màu sắc/độ mờ, các điểm này “âm thầm” chiếm vị trí giữa giữa các điểm kiểm soát điểm đánh dấu liền kề nhưng chúng cũng có thể được di chuyển. Tại điểm giữa của một màu, gradient trong Photoshop hiển thị hỗn hợp bằng nhau của màu ban đầu và màu cuối cùng, nhưng điểm giữa của độ mờ hầu như không cần bất kỳ nhận xét nào.

Màu sắc có thể lựa chọn nhấn đúp chuột theo điểm tham chiếu hoặc theo mẫu màu trong phần " Điểm kiểm tra". Nếu con trỏ ở bên trong bảng chọn độ dốc, nó sẽ biến thành ống nhỏ mắt, bạn có thể sử dụng công cụ này để chọn màu theo tỷ lệ hoặc trực tiếp trên hình ảnh.

Thanh trượt "Smoothness" kiểm soát độ mượt của quá trình chuyển đổi giữa sọc nhiều màu và sọc nhiều màu.

Chuyển màu "ồn ào"

Độ dốc Nhiễu, không giống như hiệu ứng chế độ liên tục, là sự phân bố màu ngẫu nhiên trong một phạm vi màu được chỉ định. Tùy thuộc vào độ mịn (độ nhám) nó có thể trông giống như hiệu ứng "bình thường" với chuyển tiếp suôn sẻ(độ mịn/độ nhám lên tới 30-40%) hoặc dưới dạng phổ dải mỏng, đa dạng (độ mịn/độ nhám lên tới 90-100%).

Ngoài việc điều chỉnh độ mượt, khi tạo hiệu ứng chuyển tiếp bạn có thể:

  • chọn mô hình màu(RGB, HSB, PHÒNG);
  • giới hạn màu sắc (đối với màu quá bão hòa);
  • kích hoạt độ trong suốt (đối với các màu ngẫu nhiên);
  • chọn "Tùy chọn khác" (hiệu ứng được tạo bằng các chuyển đổi màu tùy ý, nhưng phù hợp với các cài đặt đã chỉ định).

Lưu quá trình chuyển đổi màu đã tạo

Nếu bạn định tiếp tục sử dụng gradient, Photoshop đã nghĩ ra mọi thứ về nó.

Để đưa hiệu ứng mới vào một trong các bộ cài sẵn (hoặc tùy chỉnh) tùy chọn tiêu chuẩn, trước khi phê duyệt tác phẩm của người biên tập (Ok), bạn cần đặt tên cho nó và nhập nó vào trường văn bản “Tên”, sau đó nhấp vào nút “Mới”.

Bạn có thể "Lưu" độ dốc trên đĩa của mình dưới dạng tệp có phần mở rộng GRD ( Adobe Photoshop gradient), theo mặc định sẽ nằm trong thư mục Gradents trong thư mục Presets của phiên bản Adobe Photoshop của bạn. Từ đó, các hiệu ứng mới được trích xuất và tải vào trình chỉnh sửa.

Đổ màu chuyển màu như một kiểu

Bạn có thể tạo (lớp phủ) một dải màu trên bản vẽ (hoặc khung vẽ trống) trong Photoshop từ bảng điều khiển lớp bằng cách nhấp vào nút tương ứng ở dưới cùng và chọn kiểu “Lớp phủ gradient”.

Về bản chất và cài đặt, chức năng này không khác gì công cụ tô màu hòa trộn. Đúng, ở đây trong hộp thoại “Lớp phủ gradient”, bạn không cần phải vẽ đường theo cách thủ công và góc được đặt bằng thanh trượt mũi tên hướng tâm hoặc bằng cách nhập một giá trị số.

Độ dốc "không đau" trên lớp dịch vụ

Ngay từ đầu, cần phải đặt trước rằng tốt hơn là tạo hiệu ứng này trên một lớp mới riêng biệt để không vô tình làm hỏng bản vẽ. Nhưng đối với điều này, ngoài các lớp thông thường, Photoshop còn cung cấp dịch vụ hoặc điều chỉnh các lớp, danh sách các lớp này sẽ mở ra bằng một nút tròn màu đen và trắng ở cuối bảng điều khiển lớp.

Trong số đó còn có lớp “Gradient”, tương tự như cửa sổ hiệu ứng trong các kiểu lớp, nơi bạn có thể chọn một lớp làm sẵn hoặc xây dựng quá trình chuyển đổi màu của riêng mình, chỉ định kiểu, chọn góc, tỷ lệ, tạo đảo ngược, áp dụng phối màu và căn chỉnh cho lớp.

Cách sử dụng gradient trong Photoshop

Bạn có thể viết những bài thơ về sự hấp dẫn của màu sắc như vậy, nhưng nếu nói một cách đơn giản và ngắn gọn thì thật đẹp. Đây là lý do tại sao nó rất phổ biến trong nghệ thuật thiết kế và làm mẫu nền, nhưng hiệu ứng này cũng có thể được sử dụng để phủ lên sự chuyển đổi tông màu trên bản vẽ, sử dụng nó làm kênh alpha khi tạo bản đồ độ sâu, kết hợp với mặt nạ lớp , vân vân.