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

Creating a C shape with gradient background

New Here ,
Jul 08, 2019 Jul 08, 2019

What I want to achieve is a C letter shape with a custom gradient made with the knife tool rather than the gradient tool. Like this:

Y4iqPTR.png

But in reality I have achieved this in a messy way, by making the gradient in a circle shape (you cannot make a gradient with a knife tool on an object with stroke only), putting a white circle shape on top and a white box to the side:

gRrVzxL.png

Is there a way to achieve this more professionally/cleanly?

745
Translate
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
LEGEND ,
Jul 08, 2019 Jul 08, 2019

You are 3/4 of the way there. Group your two white objects, then color them black.

From there, select that group and your green circle, and use the Transparency pallet to cut the shapes out. (Uncheck Clip for this result).

This will give you the effect you want on a transparent ground.

Screenshot 2019-07-08 14.44.53.pngScreenshot 2019-07-08 14.46.44.png

Translate
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 ,
Jul 08, 2019 Jul 08, 2019

c=fe,

How about a stroked circle with a gradient along the path and just the white rectangle on top, both selected, then in the Transparency palette (flyout) choosing Make (Opacity) Mask (in the flyout) with Clip unticked and Invert Mask ticked?

Translate
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 ,
Jul 08, 2019 Jul 08, 2019

There may be close to a dozen different ways (2 above already) to produce the result you want, but I'm not sure what you mean by this:

. . . a custom gradient made with the knife tool rather than the gradient tool.

I don't know that I could make a gradient with the Knife tool, but maybe I'm just missing your meaning. Can you clarify?

Translate
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 ,
Jul 08, 2019 Jul 08, 2019

If the earlier suggestion made by SC Riegel doesn't cover what you need.

It sounds like you need to dive into the new Freeform Gradient tool features. YOu can access this as the third button in your gradient options within the Appearance/Properties area of the UI.

It allows you to set coordinate points inside an object if you want gradients to radiate/blend around that point. Or you can draw lines, which can be straight or curved, inside the object. This, I think, reflects your idea of using the knife tool to chop up areas and have gradients blend between them.

Screen Shot 2019-07-08 at 4.14.02 PM.png

Translate
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
Advocate ,
Jul 08, 2019 Jul 08, 2019
LATEST

What about if you apply the gradient to the stroke?

Translate
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