Videos
Anyone know how to blend two separate gradients?
Best luck I have had so far is adding a third object with a gradient...its very close but not seamless.
Any other ideas?
Thanks!
Apply your gradient to a shape (using the 2 colors)
Now go to Object → Expand and set it to the amount of colors you want (I did 15)
Right click → Ungroup and Right Click → Release clipping mask
Now click the new folder Icon in swatches panel (Window → Swatches) and make sure to select "from artwork" and it will make a folder of swatches using the colors from your gradient. (you will have chosen earlier exactly how many)
You can add colors to a gradient simply by dragging the color swatch onto the gradient palette, on the gradient line.
If you want to remove a color from a gradient, drag it down from the gradient line.
Once your gradient is done, you can drag it from the gradient palette back into the color swatch palette to create a new swatch with the gradient.
One object can have multiple gradients as seen in the image 1 (below).
To add multiple gradients, open your appearances panel and duplicate the fill. Note that the second gradient has to have a blending mode or transparency for this to work.
Image 1: Two radial gradients in same object.
You can add multiple gradient fills to an object via the Appearance panel.
If you need more complex gradients you can use the Mesh Tool to create a gradient mesh. Simply click on a point with the Mesh Tool to create a mesh from the object, you can then change the color of each individual point.
A simply rectangle with each corner point set to a different color:
For more complex gradients just keep adding points:
You can expand an existing gradient fill to a gradient mesh by selecting the object, expanding (Object → Expand) and selecting "Gradient Mesh":
- Create and edit mesh objects in Illustrator - Adobe Support
I'm working on an illustration composed of the linework, the colors (done with the brush) and shading done with purple at Multiple transparency at 30%. I saw a video where the guy creates a new layer with same transparency value of Multiple at 30%, clicks the gradient tool, draws a short line starting below the illustration (painted with several colors) and a beautiful shadow is cast on the illustration. He uses photoshop, I'm on Illustrator CS5. What am I missing here? I've been searching everywhere for hours and can't find anything that comes close to recreating this effect.
This is the video. He applies the effect at the 20:05 mark: https://www.youtube.com/watch?v=GhChRyWtMgM&t=1231s. I can't apply the Overlay effect he does after this either. Any help would be greatly appreciated. Starting to digitally color my scanned inks and these 2 steps would really elevate my game.
Thank you so much for your time and assistance.
Hi there,
Currently working on a large .ai file for a camo pattern. There are multiple layers of different shapes and colours. Two of these layers have gradients across the shapes.
The gradient colours are the same across all shapes, however the direction is different between each. There is something like a hundred shapes in each layer…can I select all and change the colours without affecting the directions of the gradients somehow?
Gradient Mesh in Illustrator
- draw a rectangle
- select the Mesh Tool
- click one corner of the rectangle
- apply corner color
- Select the Direct Selection Tool
- Click another corner anchor and apply color
- repeat for remaining corners
There's no simple, one-click solution for a gradient of that nature.
Shape Layers in Photoshop
For Photoshop, the processes is much more cumbersome and involved and nowhere near as precise.
One method could be to use a separate shape/vector layer for each corner, then a solid filled shape as a base.
You basically set a gradient for each shape:
Then once you have the 4 shapes with Gradients change their blending modes to Darken. You don't absolutely need that bottom white rectangle I used. But things won't look quite right without a solid color (preferably white) background behind the gradient shape layers.
Another method for Photoshop could be to simply grab the Gradient Tool, set a color to transparent gradient and then drag from a corner. Repeat for each of the 4 colors. The problem with this method is that each time you drag, the length of the gradient will be different. So, you won't end up with 4 equal corner gradients. The Vector Layer/Shape Layer method ensures the gradients are all the same length.
In the end, I'd simply generate this in Illustrator and then copy/paste to Photoshop as a Smart Object.
To get the effect you're looking for in Photoshop, I'd suggest the Sblended add-on. Full disclosure: I wrote it.
Here's a screenshot of the interface used to create the gradient.
- add two lines by tapping anywhere in the main area
- add two color stops to each line by tapping anywhere on the line
- position the color stops at the corners by dragging
- pick the colors you'd like by double-tapping a color stop
Once you've built the effect, you can apply it in the same way as the built-in Gradient Tool - by dragging it across whatever area you want.
You can grab the free demo version to try it out here: https://creative.adobe.com/addons/products/17501