Skip navigation
Currently Being Moderated

How can you partially recolor a Stroke/Outline?

Aug 13, 2012 2:08 AM

Tags: #colour #stroke #outline #colors #parts

I want to change the color of a stroked shape but only partially (see attached image):



I tried using the Circle as  Clipping Mask for the red Rectangle. When using a Clipping Mask, the red rectangle is clipped to the Fill of the Object, not the Stroke as in Step 3. Is there a way to keep the Stroke and not Expand the Stroke into its own Shape so that I can later change the Stroke from 10 points to 20 points, while retaining the partial red coloring?


I also tried making two Stroked Circles on separate layers and coloring/clipping the top one but having two Strokes stacked creates jagged edges instead of a smooth vector look. The top Stroke never perfectly covers the Strokes below, regardless of Color Mode. For example dublicating the green Stroked Circle and changing its Color to red should make it disappear on the red background, but parts of the green Circle still show through:



Thank you!

  • Currently Being Moderated
    Aug 13, 2012 2:24 AM   in reply to loriot123



    One way is to:


    1) Copy the circle in front and and give it the desired colour,

    2) Create the rectangle on top,

    3) Select 1) and 2) and Object>Clipping Mask>Make.

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 3:50 AM   in reply to loriot123

    In CS 6 you can use one stroke with a gradient applied to it with hard stops. You can control where you want the a little experimentation.


    However do notice that the color this way follows he path as well. so that might not desired? Or maybe it is?


    In which case Jacob's way would be better. Or do something simialr with n opaciy mask copy the circle in front of the rectangle and original circle.


    select all and make the mask clipped and inverted


    Screen Shot 2012-08-13 at 6.44.52 AM.png


    This is what it lloks like befre the mask


    Screen Shot 2012-08-13 at 6.45.17 AM.png


    This is he gradient way


    Screen Shot 2012-08-13 at 6.23.23 AM.png


    The gradient way is cool since you can make the stops transparent


    Screen Shot 2012-08-13 at 6.38.21 AM.png

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 4:23 AM   in reply to loriot123

    Then an opacity mask works as well.

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 4:34 AM   in reply to Wade_Zimmerman

    BTW if you do not nee the stroke to be live that is if you can outline it then there is even  better way  of doing this you can change the drawing mode for the outline circle and make it a draw inside mode and then copy and paste you shaped path into it.


    But it is only vauable if you do not need to keep the stroke live.


    Screen Shot 2012-08-13 at 7.28.30 AM.png

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 4:56 AM   in reply to loriot123



    You may:


    1) Create the circle,

    2) Create the flower/whatever on top of 1),

    3) Copy the circle 1) in front of 2),

    4) Select 2) and 3) and Transparency>Make Opacity Mask,


    If you need to change the circle(s), you can just:


    4) Transparency>Release opacity Mask,

    5) Change the circles (you may drag over them to select both),

    6) Transparency>Make Opacity Mask.

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 5:26 AM   in reply to loriot123

    loriot123 wrote:


    but the actual thing I’m workin on is more complicated than the circle and the rectangle I used when asking the question.


    what is it then? and which of its attributes exactly do you want to stay editable?


    When you want stuff to stay "live" it is very important what kind of object it is.

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 6:16 AM   in reply to loriot123

    You can not get away with just 2 objects and preserving the stroke live using clipping or opacity masks or Pathfinder effects. For edditing you will always need two copies to select and manipulate together. The only way you can get away is if the top (red) object is always with a lighter color and then you can just set its blending mode in the Transparency panel to Lighten. This however will require a white background object and preferably RGB document because the blending modes were made for RGB and some colors in CMYK mode will not be the same color as the swatch.

    Mark as:
  • Currently Being Moderated
    Aug 13, 2012 9:23 AM   in reply to loriot123

    the stroke stays alive, and you need only one clipping mask in front, all can be on one layer. In your example from post #4:

    1) copy the circle (Ctrl+C)

    2) change the color of the circle's stroke to the color of the front object (red)

    3) select the two objects and apply Clipping mask (Ctrl+7).

    4) Paste Behind (Ctrl+B) and that's it


    When editing select the two circles  in the Layers panel (one in the clipping mask group and the other outside of it) by holding Shift and clicking in the selection column (the space on a layer to the right of the appearance dot).

    Then you can change their common attributes like stroke weight and transformations at the same time. And you can also independently manipulate and transform the path of the clipping mask by selecting it in the Layers panel.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points