Gradient cut-off 2 points overlapping...

Community Beginner ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

Hi, how do I create a shape with the points connecting (i.e. 2 points at the same place) that can be used to get a gradient like in this example?

In my example I have just added a rectangle on top & tried to blend the gradient but it will always leave a line (like highlighted).

I just want it to be 1 shape with a contrasting cut-off. However the gradient always overlaps if I put 2 points in the same place (i.e. where the dark purple & light blue are - it usually just bleeds the colours rather than a sharp cut-off).

Hopefully it can be done - I assume there must be a way... Thanks!

TOPICS
Draw and design, How to

Views

73

Likes

translate

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 1 Correct Answer

Adobe Community Professional , Mar 03, 2021 Mar 03, 2021
When the gradient adjusting is done, use Object > Expand Appearance to get a close filled shape.

Likes

translate

Translate

Translate
Adobe Community Professional ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

1. Draw the rectangle. Using Scissors tool, open the path at the needed point. Set the stroke as Projecting Cap.

2021-03-03_18-08-14.png

2. Apply the needed gradient to the stroke. Choose Along Stroke option.

2021-03-03_18-09-54.png

Enjoy! 🙂

Likes

translate

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 Beginner ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

Thanks so much! Is there a way to do this without using the stroke?

As you can see from this new example, even leaving a small gap the gradient still bleeds over.

I want to make some different shapes that aren't so simple as the example, where stroke wont be an option.

Likes

translate

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
Adobe Community Professional ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

When the gradient adjusting is done, use Object > Expand Appearance to get a close filled shape.

Likes

translate

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 Beginner ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

Thank you! What I've done is use the smallest shape possible [with no gradient bleed] in between, expand the appearance of the main gradient shape, and then colour match the small area so that it blends as best as possible.

Likes

translate

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
Adobe Community Professional ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

You could start with an open shape and move the open points on top of each other.

Screenshot 2021-03-03 at 16.20.43.png

Likes

translate

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
Adobe Community Professional ,
Mar 03, 2021 Mar 03, 2021

Copy link to clipboard

Copied

And what Anna said 🙂

Likes

translate

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