How to fill half of a word with one colour and the other half with a different colour in Adobe Illustrator


I want to recreate the text of a logo I have.

It had black half way down the text and then yellow for the other half.

How do I create text with a different colour on each half in Adobe Illustrator?

3/1/2014 2:20:00 PM

Accepted Answer

You can easily do this with a Gradient (without a gradient appearance). Don't let the term "Gradient" throw you. It's just the name of the tool, it doesn't have to mean a smooth transition between colors.

enter image description here

Just make certain the Location for both gradient stops is set the same.

You can even make this dynamic while keeping text live. So, it moves with the text, if the text is edited. See here: Editable two side text

4/13/2017 12:46:00 PM

Another way:

  1. Create two rectangles. Fill them with the desired colours
  2. Place the text on top of the two rectangles. Make sure the text layer is the top-most of the three.
  3. Select the three shapes (rectangles and text). Right click and select Make Clipping Mask

enter image description here

The text will function as the clipping mask. It will also still be editable! To edit the text or fine tune the position of the colours (rectangles), just double click on the group, like you do with any other clipping group.