How to Create Gradients in Photoshop

In photo editing software, a gradient is the gradual transition of colors or hues across an image or a section of an image. Gradients are used to add subtle color variations to images (for instance, shading effects), and you can layer and blend different gradients to create striking effects. To create a gradient in Photoshop, the gradient tool must be used to apply linear, radial, angle, reflected, or diamond gradients to the selected area or layer. Basic gradients are easy to apply, but they can also be customized further using the Gradient Editor for advanced adjustments. Note: gradients cannot be added to images in indexed color mode or bitmap images.

Creating gradient shapes using selection tools. These icons, such as the rectangular or lasso selection tool, allow you to choose a specific area in the image. If no selection is made, the gradient will cover the entire current layer.

• Gradients can take any shape as long as you can create a selection.
• If you're just starting, try making a small square and applying the gradient to it.
• The gradient will fill the selected area. So, if you create a gradient without using a selection tool, the entire layer will be covered by the gradient.

Chọn công cụ gradient với biểu tượng hình chữ nhật nhỏ mờ dần từ đen sang trắng. Nếu bạn không tìm thấy tùy chọn này, hãy nhấp giữ trên biểu tượng thùng sơn vì hai công cụ này thường xếp chồng lên nhau. Sau khi bạn nhấp vào đó, "thanh gradient" sẽ hiện ra gần đầu màn hình. Đây là nơi để bạn chỉnh sửa giao diện gradient.

Chọn màu sắc cho gradient bằng cách sử dụng hai hình vuông ở dưới cùng bên phải. Đây cũng chính là biểu tượng nằm cuối thanh công cụ mà chúng ta hay dùng để chọn màu cho cọ vẽ hoặc bút chì. Nhấp đúp vào từng hình vuông để thay đổi màu sắc.

• Hình vuông phía trước đại diện cho màu bắt đầu gradient. Ví dụ: màu đỏ.
• Hình vuông phía sau là màu mà gradient sẽ nhạt dần. Ví dụ: màu trắng.
• Dải màu ở góc trên bên trái sẽ thể hiện ví dụ về bản xem trước của sự kết hợp.

Chọn loại dải màu mà bạn muốn sử dụng. Hướng lên thanh trên cùng, bạn sẽ thấy nhiều biểu tượng nhỏ đại diện cho các kiểu gradient khác nhau. Lưu ý: không phải mọi phiên bản Photoshop đều có tất cả loại dải màu này mà chỉ những phiên bản gần đây nhất kể từ 2015. Cách để tìm hiểu tốt nhất là bạn cứ thử từng kiểu một để xem sự thay đổi.

• Linear: Gradient tuyến tính cơ bản gần giống như bầu trời đêm. Dải màu này đơn thuần là sự chuyển tiếp dần giữa hai màu theo đường thẳng.
• Radial: Gradient xuyên tâm có một màu bắt đầu từ chính giữa và lan ra theo hình cầu, chuyển dần sang màu tiếp theo. Cũng giống như khi chúng ta nhìn vào Mặt Trời thì màu đầu tiên là "Mặt Trời" và màu thứ hai là "bầu trời".
• Angular: Gradient dạng góc. Cụ thể hơn, gradient này quét màu theo hình cung ngược chiều kim đồng hồ quanh điểm bắt đầu. Dải màu này tạo ra hai màu đơn với sự chuyển màu dần quanh các cạnh.
• Reflected: Gradient phản chiếu tạo nên ảnh đảo ngược của một dải màu tuyến tính thông thường. Về cơ bản, nếu bạn vẽ "đường thẳng" về bên phải thì dải màu sẽ lặp lại về bên trái. Bạn sẽ có một gradient phản chiếu. Trong trường hợp này, chúng ta có ba "thanh": màu trắng, đỏ và trắng lặp lại.
• Diamond: Tương tự như dạng xuyên tâm, gradient này sẽ tạo ra hình kim cương hoặc hình vuông ở giữa thay vì hình tròn.

Nhấp giữ để đặt điểm bắt đầu của dải màu. Bạn có thể xem như đây là vị trí mà màu đầu tiên đậm nhất. Trong ví dụ này, chúng ta sẽ không có gì ngoài màu đỏ. Lưu ý: gradient sẽ tự đổ màu theo hình dạng được chọn, bạn không cần phải đặt điểm bắt đầu ngay viền để đổ màu cho phù hợp.

• Thậm chí bạn không cần phải nhấp vào vùng hoặc lớp được chọn. Nếu bạn muốn màu mờ dần ra ngoài màn hình, hãy nhấp vào phía ngoài vùng chọn. Như vậy hiệu ứng chuyển màu sẽ trở nên tinh tế hơn.
• Đừng thả chuột ra cho đến khi bạn sẵn sàng điều chỉnh gradient.

Di con trỏ chuột về hướng mà bạn muốn đổ màu rồi thả chuột. Đường thẳng thể hiện hướng đổ màu sẽ kéo dài từ điểm bắt đầu đến nơi mà bạn thả chuột. Thả tay khỏi chuột để tạo gradient.

• Đường thẳng càng dài thì quá trình chuyển đổi sẽ càng giãn ra.
• Đường thẳng ngắn hơn sẽ tạo nên sự thay đổi đột ngột giữa hai màu.

Utilize gradients to create color transitions anywhere. Gradients are a powerful tool in Photoshop. Not only can they fade colors smoothly, but they can also generate various transition or blending effects. You can apply a gradient overlay on layers to gradually merge two layers together. The gradient can be applied on top of text. A low-opacity gradient can also artistically fill an image, even transitioning between black and white. In short, any object you select can be affected by gradients.

In the Tool panel, click on the Gradient tool. You can preset configurations, create precise color arrangements, or even edit an existing gradient. To open the Gradient Editor, select the gradient tool as usual. Then, click on the gradient sample that appears at the top of the screen. You will see:

• Predefined gradients available for use.
• An example of a gradient with adjustable sliders.
• Layer and transparency information.
• Options to create new gradients, load existing ones, or save the custom gradient you’ve created.

Click on the gradient you wish to edit. You can manage your presets or modify an existing gradient. This allows you to fine-tune the gradient before using it. If there are multiple layers, make sure the one with the gradient is selected.

Change colors by clicking the small stop buttons below the sample gradient. You can click along the gradient to add more colors. About halfway down the Gradient Editor window, there’s a sample bar showing the gradient. Below it are two gray stop buttons that you can click to adjust the colors.

• Double-click the line to add another stop. You can add as many stops as you want.
• Click and drag a stop to the bottom of the screen to remove it. Alternatively, you can click on the stop and press the Delete key.

Adjust the opacity by clicking the small stopper button above the sample color gradient. These buttons modify the color uniformity, allowing you to increase or decrease as needed. The default opacity is set to 100%.

• Much like the color stopper buttons, you can create more complex gradients by right-clicking.

Align the diamond icon in the center to set the focal point. This is where two colors meet, each with a 50% intensity. You can move this diamond marker between any two stop buttons to define the focal point.

Refine the "smoothness" of the gradient for rainbow-like color transitions. A "rough" gradient randomly selects colors for each point with values similar to the two end colors. The result is more like a bookshelf with distinct color gaps rather than a smooth, uninterrupted transition.

• You can fine-tune this by selecting the "Noise" option from the Gradient Type dropdown menu.

Save any gradient you create or download additional ones from the internet. Pre-made gradient presets are extremely useful, so you don't need to repeat your work. Once you've created a gradient you like, click Save immediately. You can also search online for "Gradient Preset Packs". Thousands of options are available, and you only need to download a small file to your computer. Then, load the gradient into Photoshop using the "Load" button in the gradient editor.