Animation in PowerPoint: Flow

banner

Presentations often show processes, networks, organization charts and similar structures. These systems are sometimes explained by “flow:” data flow in computer networks, material flows in industrial processes, information or cash flows in business processes, etc.

Animation is very useful in these kinds of representations; you can actually show and explain the movement and effect of  data, messages, and other “flow” elements.

This what I call a rational use of animation – actually adding to the impact and effectiveness of a presentation as opposed to distracting or actually putting off your audience. If you want more on this subject see this rant.

One very simple technique for showing a flow is a Wipe animation applied to a Dashed line; here are some examples:

The blue lines have a Round Dot Dash type and a Round Cap type. The green lines also have the Round Dot (oddly) but a Flat Cap type. The animation for all the lines is Wipe From Left; the lower lines have Repeat set to 4.

Here’s how the Wipe effect might be used in a diagram:

Here the flow is from left to right and the starting times are staggered.

There are a few other effects that work with some object outlines. Here’s an example:

Here I used the outline of an Oval shape and applied an Entrance animation effect called Wheel; the Repeat option is used. This effect has a parameter called Spokes; setting Spokes to 4 yields this result:

There are limitations to using Wipe and similar effects. A more flexible approach is to use motion paths; this example shows a continuous flow of separate objects:

Some notes on this effect:

  • Each of the four objects (circles) has a Line motion path with Smooth Start/End set to zero.
  • The Duration of each motion path is 2 sec.; each motion path is delayed by 0.5 sec. relative the the previous one.
  • Each motion path has Repeat = 3. The timing is set so that the flow is uniform. Here is the animation pane:

flo1

An attempt at 2-way flow, this version applies Auto-reverse and Repeat =3 to the motion paths for seven objects with the same timing as above:

As you can see, this is pretty confusing. It’s probably better to use separate sets of motion paths to demonstrate 2-way flow as in these two examples:

The second example uses a curved motion path.

For some applications, it is useful to animate discrete messages and use callouts to identify the messages. Here’s a whimsical demo showing interactions in a network:

My post on demonstrating a computer network includes a more elaborate example.

You can also show continuous flows (like a fluid); here’s a simple example:

This applies the Wipe animation to five separate objects in order. Since the options for Wipe (and Stretch) are From Left/Right/Top/Bottom, this technique works best for horizontal or vertical straight flows. (My post on liquids shows similar effects.)

Here’s another example:

This uses some of the techniques in my post on pipes and wires. Here are some details:

  • Basically,  the pipes are created as shapes with 3d effects applied and converted to png images. To get transparent pipes, apply transparency to the shapes before converting to images.
  • Rounded rectangles are used as the fluid – this makes the flow through the bend a little more convincing (this ain’t perfect but it took several tries to get this effect).

Showing a continuous fluid flow over a curved path is a little more complicated. Here’s a way to do it:

The first animation is essentially the same as the earlier examples but with a shorter interval between motion paths (0.1 sec). The second animation adds curved Lines to complete (I hope) the illusion.

If you use a different shape (not a circle), you may have to rotate it as it follows the path. My roller coaster post addresses this.

If you want a free PowerPoint file containing these examples, use the link below and click on the PowerPoint icon to download a “source” PowerPoint file containing these objects:

Powerpointy blog – flow

See this page for more on downloading files.

If you have questions, praise or complaints, please add a comment below. If you appreciate my efforts, liking or following this blog might be a good idea.

 

Advertisements

4 Responses to “Animation in PowerPoint: Flow”


  1. 1 nathanir December 21, 2017 at 1:36 am

    To achieve continuous flow you have used bounding curved lines where the fluid will flow. But if I try to make the border invisible by either decreasing the width of the outline or changing the transparency, the ovals come in a stuttering fashion. Is there a way around to achieve the free flow without the prominent bounding curved lines?

    • 2 pptcrafter December 21, 2017 at 8:48 am

      This method is a “trick” and relies on the lines to hide parts of the ovals to make the flow appear smooth. You might try setting the lines to the slide background color (white?); they will look invisible but still hide the edges of the ovals. This may not work if you have a complicated background..

  2. 3 Abdul Rehman January 15, 2018 at 12:49 am

    Amazing work, can you please provide me download link


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




Follow powerpointy on WordPress.com

%d bloggers like this: