Tóm tắt nội dung ẩn

Tìm hiểu cách tạo gradient cầu vồng đơn giản trong Photoshop, cách lưu nó dưới dạng cài đặt trước gradient cầu vồng và cách nhanh nhất để thêm màu sắc cầu vồng của bạn vào hình ảnh, hình dạng hoặc văn bản! Đối với Photoshop CC 2020.




Trong hướng dẫn này, tôi chỉ cho bạn cách dễ dàng tạo gradient cầu vồng của riêng bạn trong Photoshop và cách lưu nó dưới dạng cài đặt trước tùy chỉnh. Bạn cũng sẽ học cách nhanh nhất để tô màu một hình ảnh với các màu sắc cầu vồng và cách thêm độ dốc cầu vồng vào văn bản!

Chúng ta sẽ sử dụng bảng điều khiển Gradients mới của Photoshop CC 2020 . Vì vậy, để có kết quả tốt nhất, hãy đảm bảo rằng Photoshop của bạn được cập nhật .

Tạo một nhóm mới cho các gradient tùy chỉnh của bạn

Trước khi chúng ta tìm hiểu cách tạo gradient cầu vồng, hãy nhanh chóng tạo một nhóm gradient mới để lưu trữ tất cả các gradient tùy chỉnh của chúng tôi và giữ chúng tách biệt với các gradient mặc định của Photoshop. Nếu bạn đã tạo một nhóm tùy chỉnh, bạn có thể bỏ qua phần này.

Bước 1: Mở bảng Gradients

Bắt đầu bằng cách mở bảng Gradients . Bạn sẽ tìm thấy nó trong cùng một nhóm bảng điều khiển với bảng Màu, Mẫu và Mẫu.

Lưu ý rằng tất cả các gradient mặc định của Photoshop được chia thành các nhóm, như Basics, Blues, Purples, v.v. Và mỗi nhóm được đại diện bởi một thư mục:

Mở bảng Gradients trong Photoshop CC 2020

Bảng Gradients.



Bước 2: Mở menu bảng Gradients

Thay vì đặt gradient cầu vồng vào một trong các nhóm mặc định này, chúng tôi sẽ tạo nhóm tùy chỉnh của riêng mình.

Nhấp vào biểu tượng menu bảng Gradients ở phía trên bên phải:

Mở menu bảng Gradients trong Photoshop ..

Nhấp vào biểu tượng menu.

Bước 3: Chọn “Nhóm Gradient Mới”

Sau đó chọn Nhóm Gradient Mới từ menu:

Chọn lệnh New Gradient Group trong Photoshop

Tạo một nhóm gradient mới.

Bước 4: Đặt tên cho nhóm là “My Gradients”

Đặt tên cho nhóm là “My Gradients” hoặc tên gì đó tương tự và nhấp vào OK:

Đặt tên cho nhóm gradient mới trong Photoshop

Hộp thoại Tên nhóm.



Sau đó, quay lại bảng Gradients, cuộn xuống qua các nhóm mặc định và nhóm mới sẽ xuất hiện ở dưới cùng, sẵn sàng giữ gradient cầu vồng của chúng tôi:

Bảng Gradients của Photoshop hiển thị nhóm 'My Gradients' mới.

Nhóm “My Gradients” mới.

Cách tạo gradient cầu vồng trong Photoshop

Bây giờ chúng ta hãy học cách tạo gradient cầu vồng. Như chúng ta sẽ thấy, nó thực sự chỉ là vấn đề của việc chọn một gradient hiện có và sau đó chỉnh sửa màu sắc.

Bước 1: Chọn Công cụ Gradient

Bắt đầu bằng cách chọn Công cụ Gradient trong thanh công cụ :

Chọn Công cụ Gradient từ thanh công cụ của Photoshop

Chọn Công cụ Gradient.

Bước 2: Mở Gradient Editor

Sau đó, trong Thanh tùy chọn , nhấp vào mẫu chuyển màu để mở Trình chỉnh sửa Gradient của Photoshop .

Đảm bảo bạn nhấp vào chính mẫu màu, không phải mũi tên nhỏ ở bên phải mẫu màu:

Nhấp vào mẫu màu gradient trong Thanh tùy chọn của Photoshop

Nhấp vào mẫu màu gradient.

Bước 3: Chọn gradient “Đen, Trắng”

Trong phần Presets của Gradient Editor, xoay mở thư mục Basics và chọn Gradient Đen, Trắng bằng cách nhấp vào hình thu nhỏ của nó. Đây là gradient mà chúng ta sẽ bắt đầu với:

Chọn Gradient 'Đen, Trắng' trong Trình chỉnh sửa Gradient của Photoshop

Chọn gradient “Black, White” trong Gradient Editor.



Bước 4: Thay đổi màu từ đen sang đỏ

Sau đó đi xuống thanh xem trước gradient ở nửa dưới của Gradient Editor.

Nhấp vào điểm dừng màu đen bên dưới bên trái của thanh xem trước để chọn, sau đó nhấp vào mẫu màu để thay đổi màu:

Chỉnh sửa mẫu màu đen trong Gradient Editor trong Photoshop

Nhấp vào điểm dừng màu đen, sau đó nhấp vào mẫu màu.

Trong Bộ chọn màu , chọn màu đỏ bằng cách đặt giá trị R (Đỏ) thành 255 và để cả giá trị G (Xanh lục) và B (Xanh lam) ở 0 . Sau đó bấm OK để đóng Bộ chọn màu:

Thay đổi màu đen trong gradient thành màu đỏ trong Bộ chọn màu của Photoshop

Đặt R thành 255, G thành 0 và B thành 0 cho màu đỏ.

Bước 5: Đặt vị trí màu đỏ thành 0%

Quay lại Trình chỉnh sửa Gradient, đảm bảo giá trị Vị trí cho màu đỏ được đặt thành 0% .

Và bây giờ chúng ta có màu đầu tiên của cầu vồng:

Đặt vị trí của màu đỏ trong gradient cầu vồng thành 0 phần trăm

Đặt vị trí màu đỏ thành 0 phần trăm.



Bước 6: Thêm điểm dừng màu mới và chọn màu vàng

Tiếp theo, thêm điểm dừng màu mới vào gradient bằng cách nhấp vào vùng trống ở bên phải điểm dừng màu đỏ.

Đừng lo lắng về nơi chính xác bạn nhấp vào. Chúng tôi sẽ đặt vị trí cho điểm dừng màu trong giây lát:

Thêm màu mới vào gradient trong Trình chỉnh sửa Gradient của Photoshop

Nhấp để thêm màu mới.

Sau đó nhấp vào mẫu màu để thay đổi màu sắc:

Nhấp vào mẫu màu để chỉnh sửa màu gradient mới trong Photoshop

Chỉnh sửa màu sắc.

Trong Bộ chọn màu , chọn màu vàng bằng cách để giá trị R là 255 và thay đổi giá trị G thành 255 . Để giá trị B là 0 và nhấp vào OK:

Thay đổi màu mới trong gradient cầu vồng thành màu vàng trong Bộ chọn màu của Photoshop

Đặt R thành 255, G thành 255 và B thành 0 cho màu vàng.

Bước 7: Đặt vị trí của màu vàng thành 20%

Và sau đó quay lại Gradient Editor, đặt Vị trí của màu vàng thành 20% . Hai màu giảm, bốn màu:

Đặt vị trí của màu vàng trong gradient thành 20 phần trăm

Đặt vị trí của màu vàng thành 20 phần trăm.



Bước 8: Thêm một điểm dừng màu khác và chọn màu xanh lá cây

Tiếp theo, chúng tôi sẽ thêm màu xanh lá cây. Nhấp vào bên phải của điểm dừng màu vàng để thêm màu mới:

Thêm một màu mới khác vào gradient cầu vồng

Thêm một điểm dừng màu mới.

Sau đó nhấp vào mẫu màu :

Thay đổi màu gradient mới

Thay đổi màu mới.

Và trong Color Picker, chọn màu xanh lá cây bằng cách thiết lập R để 0 , và rời khỏi G tại 255 và B tại 0 . Sau đó bấm OK:

Thay đổi màu mới trong gradient cầu vồng thành màu xanh lục trong Bộ chọn màu của Photoshop

Đặt R thành 0, G thành 255 và B thành 0 cho màu xanh lục.

Bước 9: Đặt vị trí của màu xanh lá cây thành 40%

Đặt Vị trí của màu xanh lá cây thành 40% :

Đặt vị trí của màu xanh lục trong gradient cầu vồng thành 40 phần trăm

Đặt vị trí của màu xanh lá cây thành 40 phần trăm.



Bước 10: Thêm một bước màu khác và chọn lục lam

Màu tiếp theo chúng ta cần cho gradient cầu vồng là màu lục lam.

Nhấp vào bên phải điểm dừng màu xanh lục để thêm màu mới:

Thêm điểm dừng màu mới thứ ba bên dưới gradient trong Trình chỉnh sửa Gradient của Photoshop

Thêm điểm dừng màu mới thứ ba bên dưới gradient.

Sau đó nhấp vào mẫu màu :

Nhấp vào điểm dừng màu để thay đổi màu xanh lục trong gradient

Nhấp vào mẫu màu.

Và trong Color Picker, rời R tại 0 và G tại 255 , nhưng sự thay đổi B đến 255 :

Chọn màu lục lam cho gradient cầu vồng trong Bộ chọn màu của Photoshop

Đặt R thành 0, G thành 255 và B thành 255 cho màu lục lam.

Bấm OK để đóng Bộ chọn màu, sau đó đặt Vị trí của màu lục lam thành 60% :

Đặt vị trí của màu lục lam trong gradient cầu vồng thành 60 phần trăm

Đặt vị trí của màu lục lam thành 60 phần trăm.

Bước 11: Thêm điểm dừng màu mới và chọn màu xanh lam

Chúng tôi có thêm một điểm dừng màu nữa để thêm và sau đó chúng tôi sẽ chỉnh sửa điểm dừng màu trắng.

Nhấp vào bên phải của điểm dừng màu lục lam để thêm màu mới:

Thêm điểm dừng màu mới thứ tư cho gradient cầu vồng trong Trình chỉnh sửa Gradient của Photoshop

Thêm điểm dừng màu mới thứ tư.



Sau đó nhấp vào mẫu màu :

Nhấp vào điểm dừng màu để chuyển màu thành xanh lam

Thay đổi màu sắc.

Và trong Bộ chọn màu , chọn màu xanh lam bằng cách để R ở 0 , thay đổi G thành 0 và để B ở 255 :

Chọn màu xanh lam trong Bộ chọn màu của Photoshop

Đặt R thành 0, G thành 0 và B thành 255 cho màu xanh lam.

Bước 12: Đặt vị trí của màu xanh lam thành 80%

Bấm OK để đóng Bộ chọn màu, sau đó đặt Vị trí của màu xanh lam thành 80% :

Đặt vị trí của màu xanh lam trong gradient cầu vồng thành 80 phần trăm

Đặt vị trí của màu xanh lam thành 80 phần trăm.

Bước 13: Thay đổi màu trắng thành đỏ tươi

Màu cuối cùng chúng ta cần cho gradient cầu vồng là màu đỏ tươi.

Nhấp vào điểm dừng màu trắng bên dưới ngoài cùng bên phải của thanh xem trước gradient, sau đó nhấp vào mẫu màu :

Chọn màu trắng dừng trong gradient và nhấp vào mẫu màu

Chọn điểm dừng màu trắng và nhấp vào mẫu màu.

Trong Color Picker, chọn đỏ tươi bằng cách thay đổi R để 255 và rời khỏi G tại 0 và B tại 255 :

Chọn màu đỏ tươi trong Bộ chọn màu của Photoshop

Đặt R thành 255, G thành 0 và B thành 255 cho màu đỏ tươi.

Bước 14: Đặt vị trí của màu đỏ tươi thành 100%

Và cuối cùng, hãy đảm bảo rằng giá trị Vị trí cho màu đỏ tươi là 100% .

Và bây giờ chúng ta có gradient cầu vồng:

Một gradient cầu vồng được tạo trong Photoshop

Đặt vị trí của màu đỏ tía thành 100 phần trăm.



Cách lưu gradient cầu vồng dưới dạng cài đặt trước

Vì vậy, bây giờ chúng ta đã tạo gradient cầu vồng, hãy lưu nó dưới dạng cài đặt trước gradient. Đối với phần này, chúng ta sẽ cần nhóm gradient tùy chỉnh mà chúng ta đã thực hiện trở lại trong phần đầu tiên của hướng dẫn.

Bước 1: Chọn nhóm gradient tùy chỉnh của bạn

Vẫn trong Trình chỉnh sửa Gradient, hãy chọn nhóm tùy chỉnh của bạn từ khu vực Cài đặt sẵn :

Chọn nhóm gradient tùy chỉnh trong Trình chỉnh sửa Gradient của Photoshop

Chọn nhóm “My Gradients”.

Bước 2: Đặt tên cho gradient là “Rainbow”

Thay đổi tên của gradient từ “Custom” thành “Rainbow”:

Đặt tên cho gradient cầu vồng trong Trình chỉnh sửa Gradient của Photoshop

Đặt tên cho gradient là “Rainbow”.

Bước 3: Nhấp vào “Mới”

Và sau đó để lưu gradient dưới dạng cài đặt trước, hãy nhấp vào nút Mới :

Lưu gradient cầu vồng dưới dạng cài đặt trước tùy chỉnh trong Photoshop

Nhấp vào “Mới” để lưu cài đặt trước.

Trở lại khu vực Cài đặt sẵn, gradient cầu vồng của bạn xuất hiện dưới dạng hình thu nhỏ trong nhóm tùy chỉnh của bạn, sẵn sàng được chọn bất cứ khi nào bạn cần. Tại thời điểm này, bạn có thể nhấp vào OK để đóng Trình chỉnh sửa Gradient.

Tiếp theo, tôi sẽ chỉ cho bạn cách nhanh nhất để áp dụng gradient cầu vồng cho hình ảnh hoặc văn bản:

Cài đặt trước gradient cầu vồng mới được tạo trong Photoshop

Cài đặt trước gradient cầu vồng mới.



Cách áp dụng gradient cầu vồng cho hình ảnh

Kể từ Photoshop CC 2020, cách dễ nhất để áp dụng gradient cầu vồng cho hình ảnh, hình dạng hoặc văn bản là kéo và thả nó từ bảng Gradients.

Đây là hình ảnh tôi đã mở trong Photoshop mà tôi đã tải xuống từ Adobe Stock:

Một hình ảnh được mở trong Photoshop

Ảnh gốc. Tín dụng: Adobe Stock.

Bước 1: Mở bảng Gradients

Để tô màu một hình ảnh với gradient cầu vồng, hãy mở bảng Gradients :

Mở bảng Gradients trong Photoshop

Mở bảng Gradients.

Bước 2: Kéo gradient cầu vồng vào hình ảnh

Twirl mở nhóm chứa gradient cầu vồng của bạn và chọn nó bằng cách nhấp vào hình thu nhỏ của nó:

Chọn gradient cầu vồng trong bảng Gradients của Photoshop

Chọn gradient cầu vồng.

Sau đó, chỉ cần kéo gradient từ bảng Gradients vào hình ảnh của bạn:

Kéo và thả gradient hình cánh cung vào hình ảnh trong Photoshop

Kéo gradient từ bảng Gradients và thả nó vào hình ảnh.

Gradient tạm thời chặn hình ảnh khỏi chế độ xem.

Tôi sẽ chỉ cho bạn cách thay đổi hướng của màu sắc trong giây lát:

Kết quả sau khi kéo và thả gradient cầu vồng vào hình ảnh trong Photoshop

Kết quả sau khi kéo thả gradient cầu vồng.



Bước 3: Thay đổi chế độ hòa trộn của lớp tô màu Gradient

Trong bảng điều khiển Lớp , gradient xuất hiện trên lớp tô Gradient của chính nó phía trên hình ảnh.

Để pha trộn các màu sắc cầu vồng vào hình ảnh, thay đổi lớp điền của chế độ hòa trộn cho một trong hai màu , Overlay hoặc Soft Light . Mỗi chế độ sẽ cho bạn một kết quả khác nhau, vì vậy hãy chọn chế độ trông đẹp nhất:

Thay đổi chế độ hòa trộn của lớp tô màu Gradient trong bảng điều khiển Lớp của Photoshop

Thay đổi chế độ hòa trộn của lớp tô màu Gradient.

Bước 4: Giảm độ mờ của lớp

Nếu màu quá đậm, hãy giảm Opacity của lớp tô màu. Tôi sẽ giảm mức của tôi xuống 40 phần trăm:

Giảm độ mờ của lớp Gradient Fill trong bảng điều khiển Lớp của Photoshop

Giảm độ mờ của lớp.

Và đây là kết quả của tôi với gradient cầu vồng được đặt thành chế độ hòa trộn Lớp phủ với độ mờ 40 phần trăm:

Một gradient cầu vồng pha trộn với một hình ảnh trong Photoshop

Kết quả với gradient cầu vồng được pha trộn với hình ảnh.

Bước 5: Thay đổi hướng của gradient

Để thay đổi hướng của màu gradient, hãy nhấp đúp vào bảng màu của lớp tô màu Gradient trong bảng điều khiển Lớp:

Nhấp đúp vào bảng màu của lớp tô màu Gradient trong bảng điều khiển Lớp của Photoshop

Nhấp đúp vào mẫu màu.

Thao tác này sẽ mở ra hộp thoại Gradient Fill , nơi bạn có thể chỉnh sửa các tùy chọn khác nhau.

Để đảo ngược màu gradient một cách đơn giản, hãy chọn tùy chọn Đảo ngược . Hoặc nhập giá trị Angle mới để thay đổi hướng của gradient. Ví dụ: để hiển thị gradient từ trái sang phải, hãy đặt góc thành 0 ° . Hoặc đối với một gradient đường chéo, hãy thử 45 ° .

Bấm OK khi bạn hoàn tất để đóng hộp thoại:

Thay đổi hướng của gradient cầu vồng trong hộp thoại Gradient Fill của Photoshop

Các tùy chọn Gradient Fill.



Cách thêm gradient cầu vồng vào văn bản

Việc áp dụng gradient cầu vồng vào văn bản cũng dễ dàng như vậy. Nhưng có một sự khác biệt trong cách chúng tôi chỉnh sửa các tùy chọn gradient:

Tài liệu Photoshop có chữ trắng phía trước nền đen

Tài liệu Photoshop với văn bản màu trắng phía trước nền đen.

Bước 1: Kéo gradient cầu vồng vào văn bản

Nhấp và kéo gradient từ bảng Gradients vào văn bản trong tài liệu của bạn.

Đảm bảo rằng bạn thả nó trực tiếp vào một trong các chữ cái, không phải trên nền:

Kéo gradient cầu vồng vào văn bản trong Photoshop

Kéo và thả gradient cầu vồng vào văn bản.

Theo mặc định, kết quả ban đầu sẽ như thế này, với gradient chạy dọc qua các chữ cái:

Kết quả sau khi thả gradient cầu vồng vào văn bản trong Photoshop

Kết quả ban đầu.



Bước 2: Chỉnh sửa hiệu ứng lớp Gradient Overlay

Một lúc trước, chúng ta đã thấy rằng Photoshop áp dụng các lớp chuyển màu dưới dạng các lớp tô màu Gradient khi chúng ta thả chúng vào một hình ảnh. Nhưng khi chúng ta thả một gradient vào văn bản , gradient sẽ được áp dụng dưới dạng hiệu ứng lớp Gradient Overlay .

Để thay đổi hướng của gradient, hãy nhấp đúp vào từ “Gradient Overlay” bên dưới lớp loại trong bảng điều khiển Lớp:

Nhấp đúp vào hiệu ứng lớp Gradient Overlay trong bảng Layers của Photoshop

Nhấp đúp vào “Gradient Overlay”.

Thay vì mở hộp thoại Gradient Fill, Photoshop sẽ mở hộp thoại Layer Style , nơi chúng ta tìm thấy các tùy chọn Reverse và Angle giống nhau .

Để thay đổi hướng từ dọc sang ngang, hãy đặt Angle thành 0 ° :

Thay đổi góc của hộp thoại Layer Style của Photoshop gradient cầu vồng

Các tùy chọn Đảo ngược và Góc cho Lớp phủ Gradient.

Bấm OK để đóng hộp thoại Layer Style.

Và gradient cầu vồng bây giờ chạy qua văn bản từ trái sang phải:

cach-tao-mot-gradient-cau-vong-trong-photoshop

Hiệu ứng văn bản cầu vồng cuối cùng.



Xem thêm các khoá học miễn phí khác

Bạn cũng có thể xem thêm rất nhiều bộ tài liệu về thiết kế đồ họa mình chia sẻ bằng cách ấn VÀO ĐÂY

Gradient trong Photoshop

Gradient trong Photoshop

Gradient trong Photoshop

Gradient trong Photoshop

LEAVE A REPLY

Please enter your comment!
Please enter your name here