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

Concepts 012

Stylized Bridge/Gap

Using the Stylized Bridge and Gap

These frameworks are a stylized version of the bridge frameworks offered in cn011. Use them in the same way. These frameworks, however, have a much more defined area to contain your text. It can be colored much more readily than the frameworks in cn011.

These frameworks can be used alone or in combination. Animation reveals of gaps filling in or bridges being completed are possible combinations. The frameworks in this series are created so that a cut and paste process should put the combination together without any alignment necessary.

Download the bridge frameworks onto your desktop and then import them (using the steps below) into your presentation.

Customizing your PowerFrameworks Concept

Adjust size

If you want to change the size/shape of the PowerFramework(s), be sure to group it and resize the entire group. If you are using combinations, group the frameworks on their respective pages and then and copy them all on one page. When you paste them onto one page, they should be layered, one on top of the other. Select all together and resize all at once. Once resized, center the groups on the page again and then place the groups back on their respective pages. Then ungroup to proceed with other customizations. It is important to resize all associated frameworks on one page so there is consistency from page to page. Also, if you want to cut/copy and paste a framework from another page to create animation reveals, they should be positioned correctly so that you can just apply the animation.

Color variations

Select colors from you palette or hues from a single color on your palette. You can use just fills, just lines, or both together - your choice.

3D variations

3Ds look good with these frameworks. Notice that the example on the left below: it is a straight 3D at a depth of 36 points (check the FAQ in working with frameworks about adding or reducing 3D depth if you don't know how to do this). Everything looks correct except the bridge: it appears to be a block sitting on the road instead of a pass-through. Since this is a stylized bridge, it may be fine for your purposes to leave it this way.

Notice the example on the right: it looks like it is a pass-through bridge. To accomplish this, change the depth of the bridge part only to 6 points. Then copy it and reduce it slightly and position it on the other side of the road. In this case (using this direction of 3D perspective), it was also nudged to the left a little to keep the perspective.


Don't use shadows on this type of framework. Shadows just make the pieces look flatter and detract from the bridge concept.

Gradients, patterns, and pictures

You can use these features; but if you plan on adding text to the fields, be careful that you select something that does not interfere with the legibility of your text.


Animation should be simple. For example, if you are filling in the gap in the bridge, just set it to fade in at medium or fast speed. If you follow the sizing instructions, it should be a simple process to copy/cut and paste the bridge gap and have it appear exactly where it should. Another common animation is to fill the gap. This can be a wipe from the bottom, which is how gaps are always filled in the real world.

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