0

I've seen this answered before but for some reason I can't seem to find it anywhere - I'm trying to split text horizontally like in the following logo designs:

enter image description here

You can see how the colors in the text are actually split 50 / 50 - there isn't a gradient applied. But when I try to replicate the first logo, the only idea that I can come up with is to split the background colors in half, expand the text, and then create a clipping mask. Unfortunately, that idea didn't work, (I was left with only white text):

enter image description here

So how do you split text colors in half (horizontally) and also keep the white outline? Thank you!

0

To recreate the effect in the first logo above (except for the text being italic), follow these steps:

  1. First, click on the text and hit Expand

enter image description here

  1. Click OK

enter image description here

  1. Select the text and click Object --> Path --> Offset Path

enter image description here

  1. Determine the width of your Offset Path (or outline)

enter image description here

  1. Create a rectangle with no fill and no outline that cuts through your text horizontally

enter image description here

  1. Use the selection tool to select your empty rectangle and all of the "inside shapes" of your text

enter image description here

  1. Go to pathfinder and hit Divide

enter image description here

  1. Use the selection tool to select the bottom half of your text. Change shapes to desired color.

enter image description here

Now the fill of your text is split in half horizontally.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.