Posts Tagged 'scales'

Weighing Your Options – Spring and Digital Scales

banner2.jpg

The previous post demonstrated animated “balances” as presentation metaphors. Other forms of weighing devices use an indicator of some kind rather than a direct comparison of two weights. Mechanical scales using springs and electronic scales with digital displays are examples.

The simplest kind of spring scale is a “slider;” here’s an example:

The animation suggests that outdated legacy technology puts the organization in the red danger zone. The bouncing effect adds some life to the animation.

Here’s how the scale is constructed:

  • There are 4 parts (groups): the static body (blue outline), the load (black), the pointer (red), and the “hanger” (green). Each is made of standard PowerPoint shapes.
  • The load is labeled using an OCR style font to suggest obsolescence.

Here are the animation details:

The load appears with a Fade; the load, hanger and  pointer are animated by a Down motion path with a Bounce End option (I added a red rectangle to the animation pane to show the bounce timing). These parts move together but are separate groups; after you apply the motion path to one part, use the Animation Painter to apply the motion to the other parts.

NOTE: The Bounce End option is available for motion paths and some other effects; the option is set in the Effect Options pane:

The option is set by using the slider to the time you want the bounce to start relative to the start of the effect; in this case the duration of the motion path is 0.8 sec so the bounce occurs in the last 0.2 seconds of the motion.

The motion path actually moves beyond the end point temporarily to implement the bounce.

The next example of a spring scale is the type you might see in a grocery store; it uses a pointer on a round dial to register the weight in the suspended pan:

 

Here’s the construction:

sc13.png

There are three parts: the body/dial (blue), the pointer (red) and the pan assembly (green). The pointer (a Diamond, an Oval and an Isosceles Triangle) includes a dashed circle to establish the center. The pan assembly is a Pentagon (rotated) and a Chord.

I used the techniques discussed in my seminal post on clocks to build the dial. Briefly, create a group containing opposing tic marks and digits, duplicate and rotate around a common center. Editing the digits completes the dial:

sc14.png

TIP: You can rotate an object precisely using the Size options (Format Shape/Size & Properties/Size/Rotation).  Changing the Rotation value (degrees) rotates the object relative to its initial position. You can use negative numbers for counterclockwise rotations. When a rotated object is duplicated, it retains the edited value.

Here are the animation details for the spring scale:

sc15.png

  • I used a Fly-in for the entrance of the load; it’s easier than a motion path. The duration is 0.6 seconds.
  • I used the Bounce End option for the Fly-in; I set the timing at 0.3 seconds. This means that the load will reach its lowest point at 0.3 seconds and the bounce effect will start at this point, lasting until the end of the Fly-in – 0.6 seconds.
  • As in the motion path, the object will temporarily move slightly beyond its expected endpoint.
  • The Teeter effect on the pan starts when the load reaches it (0.3 sec).
  • The Spin of the hand also starts at this point.
  • The Spin also has a Bounce End option. In this example. the Spin has a duration of 0.7 seconds with the bounce timing at 0.5 seconds. This means that the hand reaches a point slightly beyond its endpoint at 0.5 seconds and bounces until 0.7 seconds.

TIP: Teeter is an “emphasis” effect (not associated with Entry or Exit). It causes the object to rotate slightly, return and repeat (4 times). With short durations, it is useful for simulating vibrations or shudders. You can see the details of the effect by creating an example with a long duration. The center of rotation can be altered by grouping the object with a properly sized and positioned circle.

You can use red-yellow-green segments on the dial to show a change in status or add indicative text.

A variation can show a negative effect; maybe too much workload:

 

Another “last straw” load has been added with the same animation of the load and the pan as before. However, the hand has a motion path with a simultaneous Spin and the dial falls. A dashed circle has been added to the dial so that a Spin makes it fall to the side. You can invent additional chaos if you want;  see the explosions post, for example.

Close observers will note that the pan doesn’t actually drop when the weights are added in this example. This slide has enough going on. If you disagree, you can add motion paths as in the previous examples.

Removing negative things like debts or distractions can improve the situation. Here’s an example demonstrating this using another kind of spring scale:

 

The construction of the scale is straightforward using standard shapes.

Here is the construction of the red-yellow-green indicator:

sc16.png

TIP: The 5-pointed Star (and several other standard shapes) are not symmetric when their height and width are equal. Use a circle as a guide to manually adjust width and height to get a radially symmetric shape.

RANT: I have had trouble using Artistic Effects like Blur; the effect may work once but then becomes unavailable or inoperable. Some others have reported these problems. I suspect that it’s because I use a $400 Chinese laptop and the software is badly designed. I have no problems using other software (e.g., Corel Paintshop) to create blurs and other effects.

The objects disappear via a Dissolve and a simultaneous motion path. Here’s the animation:

sc17.png

Digital scales don’t create a lot of action, except for the display – and we can take advantage of that. Here’s a personal “bathroom” scale:

 

I used a font that mimics a 7-segment LCD display (from dafont.com ), common for these devices. There are 5 text boxes that appear, one after the other – an Appear animation, followed 0.2 sec later by a Disappear and an simultaneous Appear for the the next text box.

Here’s an animation  about relieving burdens that uses a digital scale:

 

Here are notes on this animation:

  • For simplicity, I created all the text boxes spread out on a separate slide.
  • The first text box (HELP) uses a Start After Previous/Blink animation with the Repeat Until Next Click option. The HELP text will blink when the slide appears and will continue until the first click.
  • I applied After Previous/Appear to all remaining text boxes. Then I added Disappear after 0.2 sec  to  each box. You can do this in two steps by selecting the boxes in order (Cntrl/Click) and then applying the two animations.
  • I modified three animations to Start on Click.
  • Here’s part of the Animation Pane:

sc18.png

  • Next, I selected all of the text boxes and aligned them Center and Middle; this stacks the text boxes. Then, I copied and pasted the text boxes on the indicator window on the scale.
  • To complete the project, I animated the loads.

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

Powerpointy blog – spring and digital scales

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. To contact me directly, use the contact form on the About page.

Weighing Your Options – Balances

Scales and balances are useful presentation metaphors; they can show changes that result from adding (or deleting) objects or concepts. Balances compare two weights and can show comparative changes. Here’s an example:

The blue objects shift the indicator from red (danger) to green (safety) as they overcome the evil black stuff. Labeling the objects, using call-outs or synchronizing with text adds specific meanings, as in this version:

NOTE: I made an animated balance in an earlier post; I  did it again here because the animation is simpler (I hope).

Here’s how the balance is constructed:

sc1

  • The objects are made from standard PowerPoint shapes. The “beam” is made from two slightly different Braces combined using the Merge Shapes/Combine operation:
  • The balance is made up of 4 objects: the stationary “post” including the indicator background (blue outlined), the “beam” including the pointer (red), and the two pan assemblies (green). The right pan assembly includes the Cloud shaped load.
  • Each of the moving parts is grouped with a circle (dashed line) that determines the center of the part for animation purposes. In particular, the circle grouped with the pan assemblies sets the center at the point where the pan assembly attaches to the beam – this makes it easier to create the motion paths for the pan assemblies.
  • Four radial lines (black) are included that identify the rotated positions of the beam – 10 degree increments.
  • The parts are arranged and sized so that they don’t interfere during the animation.

Here’s the next step (animating the beam and the two pans):

  • The beam rotations are 10 degrees counterclockwise.
  • The first Line motion path added to the pan assembly will snap to its “center.”
  • The motion path is edited so that the end point of the motion path is located at the intersection of the dashed circle in the beam group and the appropriate radial line (black).
  • Subsequent motion paths also snap to the center of the pan assembly but are then moved to snap to the end point of the previous path. The end point is then positioned as before.

TIP: Motion paths in close proximity are difficult to edit since the endpoints tend to arbitrarily snap to the endpoints of a nearby path. You can overcome this annoyance by zooming in to do the editing and using the Alt key to override unwanted snap actions.

Next, the load elements (balls) are added and the first one is partially animated:

  • I added center lines to the balls to help with the animation.
  • Using the Animation Painter, I copied the movement of the left pan to the red ball. Then I reordered the effects in the Animation Pane so that the movement of the red ball is synchronized with the movement of the pan. Here’s the Pane:

Animating the second and third balls is a little tricky; they only move with the second and third motion of the beam. Applying the motion paths of the pan to the second ball using the animation painter copies all of the paths to the second ball – the path corresponding to the first motion of the pan is not needed. Just deleting the path does not do the job. Here’s an example showing how to successfully delete the first path:

WARNING: The Animation Painter copies all of the animations from the first object and replaces all the animations of the second object. This tool could have been designed with more flexibility but wasn’t.

  • Select the first motion path on the slide and hit the delete key; alternatively, select the path on the Animation Pane and select Remove on the pulldown.
  • At this stage, the object would jump to the starting point of the motion path before the motion path is executed. To fix this, the object needs to be moved to the starting point. However, moving the object will also move the motion path.
  • To avoid this, you need to Lock the motion path one of the motion path Effect Options. This fixes the position of the motion path on the slide. Now the object can be moved so that its center coincides with the starting point of the second motion path.

This is the first time I have ever used the Lock/Unlock option. I guess this is why it’s there.

  • Continuing the process with the third ball, adding the appearance effect to the balls (Float Down) and re-ordering the effects completes the animation; here’s the slide:

  • Here’s the animation pane:

Here’s another balance type; in this design the pans are constrained to move vertically:

Here’s the construction:

  • All the parts are constructed from standard PowerPoint shapes. The “post” is a Trapezoid with a smaller Trapezoid Subtracted (Merge Shapes) to provide the window.
  • The red-yellow-green indicator is formed from three Block Arcs.
  • The dashed circles and radial lines are used as before.
  • A black horizontal line is added to the pan assemblies to help locate the motion paths.
  • I used the same steps as before to animate the balance.

You can also  use spring and/or digital scales in your presentations; the next post will show you how.

If you want to see more details on animating these balances, use the link below and click on the PowerPoint icon to download a free “source” PowerPoint file containing these projects:

Powerpointy blog – balances

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. If you want to contact me directly, use the contact form on the “about” page.

Animating a Scale in PowerPoint

A scale (or “balance”) animation is a way to illustrate changes, improvements, etc., like the meters in another post. The scale exhibits a stronger cause and effect relationship than the meters because the action causing the change is explicit. Here’s an example:

To use the scale metaphor, you might label the weights or objects in the scale “pans;” for example, the object in the right pan might be labeled “cost of sales” and the objects that counter balance the costs might be email campaign, webinars, etc. Or a different animation might show the scale coming into balance with the adoption of a new product or service.

Scale Construction

You can find hundreds of examples of scale images on the net. You can select a simple “flat” version and reproduce it using (mostly) standard PowerPoint shapes; here’s an example:

scales1

Only the “beam” is hand-drawn (a Freeform). Hint: to draw a symmetric object, draw half of the object, duplicate and flip it (horizontally in this case) and group it with the original object. Also, one of the “pans” is a duplicate of the other.

You can apply gradient fills or 3d effects to complete the scale; here’s an example:

scales2

For purposes of this post, I will use a solid light gray fill for the scale to make the animation steps clearer.

Group the scale parts to form four pieces: the central post, the beam, and the two pans (with their corresponding supports). Add a circle (in red below) to the beam group to establish the the center of rotation. Add a pile of “bad stuff” to the right pan. Rotate the beam to the starting position (+30 degrees) and adjust the pan positions. Here’s the result:

scales4

Animation

As you can see from the video, the animation involves weights landing in the left pan followed by movement of the beam, pans and the weights. The beam rotates around its center and the pans move down and up, maintaining their connection to the beam. Of course, the weights move with the left pan.

The animation will be implemented by creating duplicates of the elements (“targets”) in the desired positions and applying motion paths using the targets to position the endpoint (see the motion path post for details).

Here’s the process:

  • We will use a Fly In for the first animation for the weights so a motion path is not required for the entries of the weights. Create the first weight (a Trapezoid) and position it in the left pan.
  • Now, set up the “targets” for the animation. Set a pair of drawing guides to the center of the beam group.Duplicate the beam group, rotate it counterclockwise 20 degrees, and recenter it using the drawing guides. I usually apply a red outline to the duplicate to avoid confusion.
  • Duplicate the left pan group with the weight and position it relative to the beam group using its attachment point. Set a pair of drawing guides to the pan group center and to the weight center.
  • Repeat with the other pan.
  • Set a pair of drawing guides to the center of the target weight (it is in the moved pan).

Here’s the result; the target elements are outlined in red and blue crosses have been added to highlight the positions of the drawing guide intersections.

scales5

Now, add the animation. First, apply Fly In/From Top Left to the weight. Next apply Spin/Counterclockwise (20 degrees) to the beam. Finally, create and adjust linear (Down and Up) motion paths for each pan and the weight. Here’s the slide with the animation paths; notice how the path endpoints are at the drawing guide intersections:

scales6

Here’s what the animation pane looks like:

scales7

Continue the process of creating targets, setting the drawing guides and applying the animation. Here’s what the second stage looks like, with the targets in green:

scales8

Notice that the left pan now has two weights in it as it swings down.

This is a fairly complex animation; if you want a free copy of the PowerPoint file for the scale animation, use the link below and click on the PowerPoint icon to download a “source” PowerPoint file containing these objects:

Powerpointy – Animating Scales

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.


Follow powerpointy on WordPress.com