Thursday, December 12, 2013

Blend mode trick

I was working on an InDesign project, and was using white arrows and black arrows on top of various images to indicate swipe direction for an Adobe Digital Publishing Suite project. The white arrow worked great on dark images, and the black arrow worked great on light images. But then I ran into an image that had a half dark/half light background. What to do? InDesign's Blend Modes to the rescue.

1. Create an arrow, and fill it with white (the [Paper] color in most projects)

ScreenSnapz004

2. Use the Effects panel (Window > Effects) to change the Blend Mode of the stroke to Difference.

ScreenSnapz005

3. The result? An arrow that is light where it appears on a dark background, and dark on a light background.

ScreenSnapz006

This technique will also work in Illustrator, Photoshop, and After Effects, since these programs all feature a "Difference" blend mode.