OmniGraffle 3.4 Reference Manual for iOS

Appendix D

Blend and Filter Types this is a feature of OmniGraffle Pro

If you have OmniGraffle Pro, tapping Show Fill Options at the bottom of the Fill inspector reveals Blend Types and Filter Types that you can apply to a shape.

Blends and Filters rely on a base shape or image object in the background (either on the same or a different layer), with the Blend or Filter applied to an object in the foreground.

two images stacked on top of each other; the image in the background does not have a filter applied, while the image on top is a shape with a filter applied

You can combine a blend and filter on the same object, or you can place them on different objects and rearrange them in the object stack to create different visual effects.

To create the Sample Images shown in the Blend Type and Filter Type tables, an image is used in the background, with a shape layered on top that contains the Blend or Filter type. The Blend Types, in particular, work by evaluating the colors of both the background and foreground objects and then blending those colors for the composition.

You may need to try different color fills for the object that contains the Blend Type—or even multiple objects with Blend fills—to get the desired effect.

Blend Type this is a feature of OmniGraffle Pro

Apply a blend type to the selected object. Blends have a visual effect on objects or layers underneath.

Blend Type Description Sample Image
Normal The selected object has no blend applied. an image with no blend type applied
Multiply Multiplies the color inputs of the background and foreground objects, resulting in a darker value. the multiply blend applied over an image
Screen Multiplies the inverse color values of the background and foreground objects, resulting in a lighter shade. the screen blend applied over an image
Overlay Multiplies or screens the colors, preserving the highlights and shadows of the background object. the overlay blend applied over an image
Darken The color values of the background and foreground objects are compared, resulting in the darker of the two color values being used. the darken blend applied over an image
Lighten The color values of the background and foreground objects are compared, resulting in the lighter of the two color values being used. the lighten blend applied over an image
Dodge Brightens the background object, ignoring black color values of the foreground object; the resulting image looks somewhat washed, depending on the input color values. the dodge blend applied over an image
Burn Darkens the background object based on the color values of the foreground object, ignoring any white color values of the blend. the burn blend applied over an image
Soft Light Darkens or lightens the colors, based in the color values of the background object. the soft light blend applied over an image
Hard Light Multiplies or screens colors, depending on the color values of the background object. the hard light blend applied over an image
Difference Compares and subtracts the darker color values of the background and foreground objects. If the foreground object is is white, the background object is inverted; there is no change if the foreground object is black. the difference blend applied over an image
Exclusion Similar to Difference, but produces a lower contrast. the exclusion blend applied over an image
Hue Uses the saturation and luminance values of the background object, and blends those with the hue value of the foreground object. the hue blend applied over an image
Saturation Uses the hue and luminance values of the background object, and blends those with the saturation value of the foreground object. the saturation blend applied over an image
Color Uses the luminance value of the background object, and blends that with the hue and saturation values of the foreground object. the color blend applied over an image
Luminosity Uses the hue and saturation values of the background object, and blends those with the luminance of the foreground object. the luminosity blend applied over an image
XOR XOR is primarily used in image processing—not composition—by comparing pixels to the background object with those of the foreground object with the XOR blend applied. If the pixels are the same, the XOR object’s fill is changed to black; otherwise, it gains a white fill.
Plus Darker Similar to Burn; darkens the background object while increasing the contrast. the plus darker blend applied over an image
Plus Lighter Similar to Dodge; brightens the background object while increasing contrast. the plus lighter blend applied over an image

Filter Type this is a feature of OmniGraffle Pro

Apply a filter type to the selected object. Use the Opacity slider in either the HSB, RGB, or Gray color panel to change the Filter shape’s opacity to zero (0) to see the effect of the filter.

Filter Type Description Sample Image
None No filter is applied to the background object. no filter applied to the overlying object
Blur Applies a fuzzy blur to the background object; tap the minus button or the plus button to decrease or increase the Blur, respectively. the blur filter applied to an object that overlies an image underneath
Pixelate Pixelates the background object; tap the minus button or the plus button to decrease or increase the size of the Pixelation, respectively. the pixelate filter applied to an object that overlies an image underneath
Magnify Magnifies the background object; tap the minus button or the plus button to decrease or increase the Magnification, respectively. the magnify filter applied to an object that overlies an image underneath