• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How to make the gradient on a stoke match both sides?

Explorer ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

Hi all.

 

I'm trying to do a multi-color gradient on a stroke for a circle, but I can't get the two colors to match up.

 

Please see the picture below. I want to the green and brown the 'start' and 'finish' of the gradient to also blend but can't find a way of doing this among any of the graident options.

 

Screenshot 2020-06-01 at 17.11.10.png

TOPICS
Draw and design , Tools

Views

956

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 3 Correct answers

Community Expert , Jun 01, 2020 Jun 01, 2020

Gradient stops.png

Votes

Translate

Translate
Enthusiast , Jun 01, 2020 Jun 01, 2020

Here is another option to try: 

(takes a bit of time to tweak but may like results)

After you convert your stroke to an outline.

1. Use the Knife Tool to split circle into 2 objects

2. Create 2 Gradients Left Side and Right Side –  tip: create one and duplicate other.
The Gradient Annotator will pop-up tweak angle, colors etc.
Few Snapshots to illustrate. 

Good Luck!!

Left SideLeft SideRight SideRight Side

 

Votes

Translate

Translate
Community Expert , Jun 01, 2020 Jun 01, 2020

!. Draw a straight horizontal line segment, and go to Object menu > Path > Add Anchor Points to add a point at the center of the line segment. Make the stroke weight large enough to be easily seen, say 30-40 points.

2. To the line segment apply gradient along stroke, made from the two colors, brown and green, that you want to blend.

3. Expand Appearance. This will create a Gradient Mesh.

4. Draw a path—probably easiest to see if it’s a closed path such as a rectangle, and put the focus on the fi

...

Votes

Translate

Translate
Adobe
Community Expert ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

Make a gradient along the stroke with the same color at start and end.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

Gradient stops.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

Here is another option to try: 

(takes a bit of time to tweak but may like results)

After you convert your stroke to an outline.

1. Use the Knife Tool to split circle into 2 objects

2. Create 2 Gradients Left Side and Right Side –  tip: create one and duplicate other.
The Gradient Annotator will pop-up tweak angle, colors etc.
Few Snapshots to illustrate. 

Good Luck!!

Left SideLeft SideRight SideRight Side

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

LATEST

!. Draw a straight horizontal line segment, and go to Object menu > Path > Add Anchor Points to add a point at the center of the line segment. Make the stroke weight large enough to be easily seen, say 30-40 points.

2. To the line segment apply gradient along stroke, made from the two colors, brown and green, that you want to blend.

3. Expand Appearance. This will create a Gradient Mesh.

4. Draw a path—probably easiest to see if it’s a closed path such as a rectangle, and put the focus on the fill—and keep it selected.

5. Go to the gradient mesh from step 3, and with the Eyedropper tool Shift + click on one of the center mesh points. This isolates the color that’s midway between the brown and the green.

6. Save this color in the Swatches panel.

7. Go to the circle with the multi-colored gradient and add stops at both extreme ends of the gradient, applying the new color to each.

8. Adjust the color stops to distribute the colors as you wish.

tromboniator_0-1591050178550.png

tromboniator_1-1591050287326.png

tromboniator_0-1591050476938.png

 

I hope this is reasonably clear.

 

Peter

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines