How To Apply A Gradient To A Shape In Photoshop

Download Article

Download Commodity

Gradients are gradual changes of color or tint that sweep over or fill an image. Gradients tin can be used to add subtle colour changes to an image, such as those caused by shadow, and they tin can be layered and blended to create interesting effects. To make a slope in Photoshop, you lot'll need to use the gradient tool to add linear, radial, angular, reflected, or diamond gradients to a selected area or layer. This wikiHow teaches you how to create your own gradients and use them to perfect your Photoshop project.

1

Click the Gradient tool on the toolbar. It has a foursquare icon with a gray slope and shares a button with the paint bucket tool. If you lot don't see the gradient tool, click and hold the paint bucket until the menu expands, so click Gradient Tool.
ii

Open up the Gradient Editor. A diversity of Gradient tools now appear in the bar at the top of Photoshop. Click the center of the drop-downwards menu that looks like a wide gradient to open the Gradient Editor.

Advertizement
three
Select a preset. A diversity of presets will announced, organized past colour and type. You tin can edit any of the presets to make it your own, or stick to what it contains. When you select a preset, the gradient bar at the lesser will prove a preview.
- If you want to do a lot of customizations, try starting with a gradient from the "Nuts" folder at the top.
4
Select and adjust colors for your gradient. You lot'll encounter a foursquare at each corner of the preview bar—the sliders on the bottom are called the "Stops," and they command where colors appear on the slope. Here's how you tin employ the stops to add and control color:
- Click the lesser-left stop, and and so select a color from the "Colour" driblet-down.
- Click the bottom-correct end and select another colour.
- Drag the stops to the desired locations until the gradient colors appear how you'd similar.
- Another stop volition appear in the middle, which adjusts the location of where the colors alloy together. Drag that terminate until the gradient looks the way you lot want it to.
- Want to add together more than colors? Click beneath the gradient where yous'd like to add a colour to create another stop, so select the color. To delete a stop, but select it and click "Delete."
5
Suit the opacity and smoothness of the gradient. The stops at the pinnacle two corners are the Opacity stops, which control how hard or translucent the color is at a sure expanse. Yous tin likewise utilize the "Smoothness" menu to adjust how polish the gradient is where it changes color and huge.
- If you'd prefer a rougher gradient, click the "Slope type" menu and select Noise. You can then suit the "Roughness" slider to control the noise amount.
- A "rough" gradient picks random colors for each spot that take similar values to your two end colors. The result looks a fleck like a bookshelf, with slots of each color instead of one polish, unbroken transition.
6
Save your gradient. In one case y'all've created a gradient you lot similar, you'll want to save information technology so it doesn't disappear when you switch to a different one. Here'southward how:
- Type a name for your gradient into the "Name" box.
- Click the New push button to add together information technology to the current folder under "Presets."
- You can drag the slope to a different folder if the one information technology saved to isn't applicable. Or, if yous want to create a brand new group, correct-click anywhere on the list of presets and select New Slope Group.
vii

Click OK to use your new gradient. This closes the Gradient Editor and returns you to your image.

Advertisement

1
Select the function of the image where you want to add the gradient. If y'all don't want to make full the entire layer or image, you'll want to select (or create) an area to fill.^[1] You lot tin can create shapes using the shape tool, depict something with the pen tool, or create a pick with the marquee tool.
- If you desire to fill the entire layer or image with a gradient, y'all don't have to select annihilation first.
- You lot can make gradients whatsoever shape, as long as y'all can create the selection or shape.
two

Click and drag across the surface area you lot want to fill with a gradient. When you lift your mouse, this will add together the gradient to the section of the image on which you placed your line.
3

Click the Slope tool on the toolbar. It has a foursquare icon with a gray gradient and shares a button with the paint bucket tool. If you don't see the slope tool, click and concord the paint saucepan until the menu expands, and and then click Gradient Tool.
four

Select a slope. If the gradient color and design you want to use is not the one that appears in the wide drop-down menu in the upper-left corner of Photoshop, click the small down-arrow next to information technology to expand the options, and click the desired gradient.
5
Select a gradient style. Side by side to the selected gradient in the toolbar you'll see five squares containing patterns. These are for different gradient styles. Hither they are, in guild:
- Linear: The archetype gradient, like an evening sky. Only a gradual transition between ii colors along a straight line.
- Radial: One color starts in the middle, then blooms out in a sphere, gradually changing into the next colour. Like looking into the sun. The first color is the "sun" and the second the "sky."
- Angular: More specific, this sweeps the colors in a counterclockwise arc effectually your starting point. Often leads to ii solid colors with gradation around the edges.
- Reflected: Makes a mirror epitome of a normal linear gradient on both sides of the starting point. Basically, if you draw your "line" to the right, it will echo the gradient to the left.
- Diamond: Like the radial gradient, but you have a diamond or square in the middle, not a circumvolve.
six
Cull other options for your slope. As you move right beyond the gradient bar at the top of Photoshop, yous'll find other options:
- The "Fashion" drop-downwardly lets yous choose a blending mode, such as Deliquesce or Color Fire.
- You tin adjust the overall opacity of the slope using the "Opacity" card.
- To reverse the gradient design, bank check the box next to "Opposite."
- To brand the gradient even smoother with less banding, check the box side by side to "Dither."
- To fill up a transparency mask with the slope, check the box next to "Transparency."
7
Click and hold to set the starting indicate of the slope. Remember of this as the place where you start color is strongest. Recall, the gradient volition fill the shape it is in, and so y'all don't have to put the starting point right at the edge to arrive fit.
- You don't even take to click in your option area or layer. If yous want the fade to start "off-screen," click off-screen. This tin can lead to more subtle fades.^[2]
- Don't release the mouse push until you're ready to set the slope.
8
Move your mouse in the direction you lot want the gradient, then release. You'll see a line follow you from your starting bespeak, indicating the direction the colors will fade. Release the mouse to create your slope.
- Longer lines volition create more gradual transitions, while shorter lines will cause more precipitous changes between the two colors.^[iii]
- If you hold the Shift key down equally y'all drag, the line bending volition be constrained to 45 degrees.
9
Use gradients to layers (advanced). In add-on to applying gradients directly to your image by drawing them or placing them in shapes, yous can also utilize them directly to layers in the Layers panel. Here's how:
- Apply a gradient to text or shape layers as a layer effect or shape make full: Drag the desired gradient from the Gradients panel (on the right side of Photoshop) to a layer in the Layers panel.
- Apply a gradient to text or shape layers as a fill up layer: Agree Cmd (Mac) or Alt (Win) as you drag a gradient from the Gradients console to the desired layer.
Advertisement

Ask a Question

200 characters left

Include your email address to go a bulletin when this question is answered.

Submit

Advertizing

VideoRead Video Transcript

Save any gradients you dearest for afterward, or get more for free online. You tin can go online and look up "Gradient Preset Packs" and discover thousands of options. You can so load them into Photoshop past clicking the Import push button in the Slope Editor.
Gradients are powerful tools in Photoshop. They are non just ways to create keen fading colors, they tin can create any sort of transition or blending effect. Y'all can utilise them with Transparency layers to slowly fade ii layers together. Gradients tin can layer over text. You tin can use low-opacity gradients to artfully color images, fifty-fifty transition into blackness and white.
The all-time way to larn the intricacies of anything on Photoshop is to open a blank page and just play with the tool.

About This Commodity

Article Summary X

To make a slope in Photoshop, click the slope tool in the toolbar. This tool has a square icon with a gray gradient and shares a button with the paint bucket tool. If you don't see the gradient tool, click and concur the paint bucket until the card expands, then click ""Gradient Tool"". A diverseness of Gradient tools will appear in the bar at the summit of Photoshop. Click the driblet-downwards menu that looks like a broad slope to open up the Slope Editor. Select one of the presets to open the gradient for editing—the slope bar at the lesser volition display a preview. To use the preset gradient, click ""OK,"" and then click and elevate beyond the area you want to fill with a gradient. When yous lift your mouse, this will add the slope to the section of the image on which you placed your line. Yous can likewise utilise different colors than what you see in the presents. To do this, click the Gradient drop-down menu to return to the Gradient editor, and select Bones gradients to starting time. You lot'll come across a square at each corner of the preview bar. The sliders on the bottom are called the ""Stops,"" and they control where colors appear on the slope. Click the bottom-left finish, and then select a color from the ""Color"" drib-down. So, choose an ending color past clicking the lesser-right stop and selecting another shade. Now drag the stops to the desired locations until the gradient colors appear how you lot'd like. When you do this, another end will appear in the centre, which adjusts the location of where the colors blend together. If yous'd like to add more colors, click below the slope where you'd similar to add together a color to create another finish, then select the color you'd like. To delete a stop, just select it and click ""Delete."" The stops at the top ii corners are the Opacity stops, which control how hard or translucent the color is at a certain area. Y'all tin can too use the ""Smoothness"" menu to adjust how shine the gradient is where it changes color. Click ""OK"" when you're finished, and so describe your line to place the gradient.

Did this summary help you?

Thank you to all authors for creating a page that has been read 373,201 times.