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

Changing text color automatically

New Here ,
Jan 25, 2018 Jan 25, 2018

I have a two-color background (black and white) and would like my text to automatically change to the opposite color as it goes over the two-color background. Is there a way to do this?

1.4K
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

correct answers 1 Correct answer

Community Expert , Jan 25, 2018 Jan 25, 2018

Hi together,

here is how I would do it:

Three elements stacked.

From top to bottom:

1. Rectangle filled with color 100c 100m 100y 0k and effect Difference applied to Object

2. Text frame with text color [Black]

3. Rectangle filled with [Paper]

ColorOfTextChanging-Black-andWhite-Background-4.png

ColorOfTextChanging-Black-andWhite-Background-2.png

ColorOfTextChanging-Black-andWhite-Background-3.png

ColorOfTextChanging-Black-andWhite-Background-1.png

Important Notes:

1. The rectangle with the "Black" appearance ( it is not colored in [Black] !! ) must be on top of the text frame.

2. With this stacking design and the difference effect applied you cannot have a neutral rich black for the black rectangle. It woul

...
Translate
Enthusiast ,
Jan 25, 2018 Jan 25, 2018

Like that:

Bildschirmfoto 2018-01-25 um 18.21.53.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
New Here ,
Jan 25, 2018 Jan 25, 2018

how is that done?

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 ,
Jan 25, 2018 Jan 25, 2018

Hi together,

here is how I would do it:

Three elements stacked.

From top to bottom:

1. Rectangle filled with color 100c 100m 100y 0k and effect Difference applied to Object

2. Text frame with text color [Black]

3. Rectangle filled with [Paper]

ColorOfTextChanging-Black-andWhite-Background-4.png

ColorOfTextChanging-Black-andWhite-Background-2.png

ColorOfTextChanging-Black-andWhite-Background-3.png

ColorOfTextChanging-Black-andWhite-Background-1.png

Important Notes:

1. The rectangle with the "Black" appearance ( it is not colored in [Black] !! ) must be on top of the text frame.

2. With this stacking design and the difference effect applied you cannot have a neutral rich black for the black rectangle. It would be either:

100 k

or

100c 100m 100y

3. The rectangle filled with [Paper] must be in the background if you want 100 K with the black rectangle.

It must be color [Paper]. Do not use 0c 0m 0y 0k . If you want the not neutral rich black you must remove the rectangle filled with [Paper].

Regards,
Uwe

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
New Here ,
Jan 25, 2018 Jan 25, 2018

This has  been very helpful!  What are the guiding principles if I want to use a different dark color in the first (top) rectangle (something other than black)?

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 ,
Jan 25, 2018 Jan 25, 2018

If you want white text on dark "background" (actually the object is stacked above the text frame) there is only 100k or 100c 100m 100y for the dark color.

Or you could have a tint of 100k.

For that you have to change the fill color of the dark rectangle and add a percentage of black to it. In this case you absolutely need the [Paper] colored rectangle in the background.

If you choose e.g. 100c 100m 100y 10k for the dark rectangle, you'll get 90k effectively for the dark rectangle.

That's how effect Difference is working when set to 100%. If you change Difference to less than 100% you'll get a tint of black for the fill of your text. Or colored text, if you change the CMY values for the dark rectangle.

Regards,
Uwe

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
New Here ,
Jan 25, 2018 Jan 25, 2018

Thank you. I have to play around with this to see if I can achieve my desired outcome!

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 ,
Jan 25, 2018 Jan 25, 2018

marciam-greeenthum  wrote

Thank you. I have to play around with this to see if I can achieve my desired outcome!

Maybe ACP teachbit will come back and show an alternate solution?

Regards,
Uwe

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
Enthusiast ,
Jan 25, 2018 Jan 25, 2018
LATEST

My solution is less automatic and only a solution for text, that will not be changed afterwards. On the other hand I am flexible when it comes to change the colour of either the text or the box.

1. create two boxes in the desired colors

2. create a textframe and fill with the text.

3. cut the textframe, select one of the boxes and paste inside

4. paste the textframe in place again, change the textcolor, if needed, cut the textbook and place into the other box.

here my former version with changed text and box color:

Bildschirmfoto 2018-01-25 um 23.57.19.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