I cant see where the edit option is to change the gradient to shades of grey. Can you point me in the right direction?
I just want the segment to change colour but keep its gradient - I though I would just be able to drop another color on it!
Not sure if this is the best way to do it but, select your objects and from the EDIT MENU choose EDIT COLORS/CONVERT TO GRAYSCALE.
This way you keep just the luminance from your gradients.
Then one at a time, select an object and give it a new Live Fill. Use the Appearance Panel for this. There's a Add Fill button at the bottom.
Illustrator will add a new fill ontop of the gradient fill so that you will only be able to see the new fill.
Choose a color for the fill, then, in the Appearance Panel again click on the down arrow on the new Fill layer and then click on Opacity to reveal a drop down menu for blending modes. Choose COLOR.
Your new fill color will now colorize the grayscale gradient below it. (The gradient needs to be black and white because using the Color Blend Mode would produce new colors if you blend a color over a color.
You can now change just the Fills to different colors and your gradients will stay put.
Scott's way would work great too but the Edit Colors dialogue can be pretty confusing. I've been using AI for 4 years now and even I avoid it. It would be good to learn it though.
I got it! Now I just cant figure out how to work these palettes!
I just want to simple change the WHOLE color gradient to orange.
The palettes seem only to alow you to edit each individual color of the gradient. It seems a very longwinded way and i would never be able to replicate the exact gradient. Am I missing something?
If you use my suggestion I already explained that.
Sound like you're using Scott's suggestion.
If you are:
• Select an object with a gradient fill.
• goto Edit/Edit Colors/Recolor Artwork.
• click on the EDIT tab. It looks like a button to the left of the ASSIGN tab/button.
• Look for the ChainLink icon at the lower right of the color wheel. Make sure it's selected so that it's locked.
• Now play with the Hue slider.
Hey man, thanks a lot - that did it!
The look of the gradient has now weekend a bit with the new color over it. How can I strengthen the gradiend whilst keeping my new color?! - have tried to edit it with the gradientpanel but it just turns back to grey scale, or green, which was the original colour of the preset gradient I chose.
Might there also be a way to 'copy' pre saved gradients over a flat fill?
Okay, there are a couple ways to tweak the look of the gradient without having to actually touch the stops in it.
Most important would be for you to learn the ways of the Appearance Panel, and of blending modes, but for now:
Right now I'm assuming you have a rectangle with a Gradient Fill applied, and a Color Fill over it with a Color Blend Mode.
Approach 1: Duplicate the Gradient Fill and set the blend mode of the top Gradient to Multiply, or Overlay.
1. Select the rectangle.
2. Select the Gradient Fill in the Appearance Panel.
3. Drag that layer to the New Fill Icon at the bottom of the Panel.
4. You should now have 2 Gradient Fills. One right over the other. And above both of them, the Color Fill with a Color Blend Mode.
5. Take the topmost Gradient Fill, twirl it down to see Opacity, and from there choose Multiply. This will take one gradient and make it blend with the one below to make it appear darker. The color fill is still over both of them and is still doing its coloring job.
You can also try Overlay, this will darken the dark parts of the gradient, and lighten the light parts.
7. Keep in mind, all the while, you can lower the Opacity of the higher gradient to soften the effect.
Approach 2: Move the single Gradient Fill ABOVE the Color Fill
1. Select the rectangle.
2. In the Appearance Panel, select the Gradient Fill and drag it ABOVE the Color Fill.
You should now see only your b/w gradient on the rectangle. The Gradient Fill is now 'covering' the Color Fill.
3. Fix your Color Fill. Set its blend mode to Normal.
4. Back to the Gradient. Now set the Gradient Fill to Muliply or Overlay or whatever. This will now blend the gradient over the Color Fill. (This is probably the best way to do it. It adds luminance values to color, rather than having the color had hue values to luminance. This way makes more sense.)
5. For extra pop, you can duplicate your Gradient Fill again as described in the first approach.
You should def. look into how Live Fills, Live Strokes, the Appearance Panel and Blending modes work out and all this will just come to you naturally.
Hey John, thanks a lot for your advise..
I tried both these options but as you can see below they don't seem to give enough control over the luminance of the gradient (can your see the comparison between the original "Green Gradient" preset and the yellow segments gradient. The color fill always turn a bit dull too.
I am basically trying to take the exact colors from the cropped font below (a jpg), place them on each of the circle segments and make the orange and yellow segments stand out with the same luminance of the "Green Gradient" segement.
Why is it AI only provides that particular gradient preset in green?!
Are there any other options?
See segmented circle below image..
Well it seems like just a matter of tweaking to me.
You seem to know exactly what you're after and the only way to arrive there is to tweak, tweak, tweak.
But by looking at your sample I think the Color Fill set to Color blend mode on the top would work best.
Also have a duplicate of your Gradient Fill above the original Gradient Fill. Have the top Gradient Fill set to OVERLAY.
Then play with the opacity of the higher Gradient level to affect how strong the final gradient look appears.
Just a note... many blend modes have undesired if you are working in CMYK for print (as a logo should be). So using blend modes is often not appriate for print work unless you expand and flatten transparency. Expanding and flattening can often result in raster images to maintain appearance. This presents another issue with print work if you wish to create a scalable vector image.
In reality, you're seeking shortcuts where there really may not be any shortcuts. Often good file construction takes time.
As I posted earlier, using Live Color (Edit > Edit Colors > Recolor Artwork) easily allows you to alter the colors of a gradient and you can maintain values.
Image is an animated gif. Click the image to see the animation.
You may use the free script Round Any Corner, available here:
You may create a circle with the desired rounding, Direct Select the corners to round along with it, and apply the script.
What you see seems to be one of the older bugs. Maybe that effect should be named Round some and sharpen some.