Your presentation-development partner … demonstrate and inspire!
Tutorial for

Horizontal Flows 024, 028, 032

Horizontal Split with Diagonal Splits

Using the Horizontal Flows 024, 028, and 032

These series perform a double duty: they flow from phase to phase, but also act as an organizer for the contents below. Because the area for text is small within the bottom segments of the series, they're usually used as to contain heading text. These series work well with gantt charts, moon/harvey ball charts (see TO005), or other tables that employ symbols instead of text as the content. The example to the right is actually a blending of all three series. Notice that the bottom sections were all lengthened to accommodate the amount of text in the heading (if you need more length in one, always lengthen all of them). The top sections can also be lengthened or shortened. The ability to do this adds a tremendous amount of versatility to the uses of these frameworks.




Use these frameworks with other frameworks or independently. Series hf024, hf028, and hf032 are designed to be used together, although you can mix and match with many other horizontal flow series, as well. The width and length sizing is exactly the same for all, but the number of horizontal segments varies. The horizontal segments of the arrow make it easy to highlight or color code sections of the whole, if desired.

Customizing the Horizontal Flows

Adjust size

If you want to change the size/shape of the PowerFramework, be sure to group it and resize the entire group. Once resized, ungroup to proceed with other customizations. If you are using segments from other series, as mentioned above, bring them all onto your page and size them together so that they will fit together perfectly. You can also adjust the space between the segments by ungrouping and nudging them to suit your purpose.


Select color from your document's color palette or a complimentary color so that the PowerFramework will reflect the color scheme of the rest of your document. Select "No line" if you want to eliminate the outline of the object, or change the line point size if you want thinner or heaver lines. Notice that each segment can be colored individually so that highlighting can be easily achieved.

3D variations

3D isn't recommended for this framework because there are too many closely aligned pieces. Applying 3D inhibits the pieces from appearing distinct.


Shadows can be used if the shadow cast is very close to the element. Pay attention to layering and adjust according to which way the shadow falls. In this example the layers are: the right-most piece of the bottom section is in front, and the left-most piece in the segment is in the back. The pieces in between are layered in order between the front and back. The top segments are in the very back.

Gradients, patterns, and pictures

Gradients, patterns, and pictures can be added as fills from the "Fill Effects" menu. Gradients, when carefully used, can also add motion to a flow such this. When using gradients like this, you can eliminate the line, because the pieces become distinct from each other.


It's probably better to introduce the content below the framework in animated reveals rather than animate the framework itself.

Click on a name for more information.
Click on a thumbnail to view a larger image