Posts Tagged 'transform text effects'

Wheels of Fortune: Part 2

banner2

This post is one of a series on “wheels,” circular graphical objects divided into separate segments. This kind of object is useful in describing parts of a whole or a range of possibilities. The first post in this series detailed a wheel representing a web marketing strategy.

In this post we use a more complicated object called a “Decision Profile Wheel” that represents characteristics of decision makers.

I have no opinions concerning the “Decision Profile Wheel;” I am using it only as an example of a “wheel” graphical object.

This wheel has six basic segments with various overlapping sectors representing characteristics of the basic segments.  See the page referenced above for the original form of the wheel.

My version is constructed using the techniques outlined in the previous post; the layout looks like this: wh9

The radial guidelines are four connector lines, drawn connecting the eight (convenient) anchor points on the outer circle. The first post in this series describes several ways to create layouts for this and similar wheels. The circles represent the layers in the wheel; their size may be adjusted later.

It’s a good idea to group the elements of the layout into one object and name the object (using the Selection pane). This will help later.

The labels are text boxes with the Text Effect/Transform/Follow Path/Arch Up effect. Here are the first two:

wh10

Here are some tips:

  • Start with a Centered text box with Top vertical alignment.
  • Text must be at least 20 points for legibility for this font (Calibri); 18 points is acceptable for “larger” fonts like Arial.
  • Once the transform effect has been applied, size and center the text. Make sure that the text has equal height and width and is centered on the layout. The radial position of the text is determined by the size of the box. You can add additional layout circles to help position the text uniformly.
  • Set the angular position manually or numerically by using the Size and Position pane.
  • For text on the bottom half of the wheel, use the Arch Down option.
  • Use Ctrl/Enter to separate the text into two lines.
  • Use the Selection pane to name each text box; this will help you select specific objects later.

In some wheel applications, you may have trouble fitting one or more of the text boxes into the segments. Avoid the temptation to make the text smaller than 20/18 points and try these ideas:

  • Adjust the line spacing to get more space radially.
  • Adjust the character spacing to get more space; don’t overdo this.
  • Adjust the circular guides so that the segment is taller and a little wider.
  • “Cheat” the angular size of the segment a little, reducing the size of the neighboring segment. Your audience may not notice if you don’t disturb vertical or horizontal lines.

Here’s the wheel with all 16 of the text boxes nicely (!) arranged:

wh11

Again, use the Select pane to name each label.

As in the earlier post, I used Block Arcs to add color. Using a different color to distinguish each segments will be a little garish in this example. There are a couple of options:

  • Add contrasting Outlines to the block arcs. This may reduce the space available for text a little.
  • Space the elements so that the background shows between them. This may also “steal” some text space. I suggest you add additional guidelines to the layout if you want to try this.
  • Use a gradient fill so that a light color is against a dark color to distinguish adjacent sectors; this has the advantage of taking no space from the interior:

wh12

I opted for outlines in this wheel. After adding the Block Arcs and changing some of the text colors, I made some final adjustments before removing the layout lines. I also filled the inner circle with an image of a “decision maker.” This is the final result:

wh13

This construction has at least 32 separate parts, all on top of each other. It is practically impossible to build without naming the parts and using the Selection pane.

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 – wheels part 2

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

Wheels of Fortune, Part 1

banner1

A “wheel” (a circle divided into labeled sectors) is a good way to show the parts of a unified whole: product applications, sales markets, etc. A wheel can also represent a set of  outcomes or choices like the traditional “wheel of fortune.”

This series of posts will present a few examples with tips on how to construct and animate these objects. The first example displays the components of a web marketing strategy; the shapes emphasize the idea that each component is important to the overall strategy:

wh1

These wheel designs use Arcs, Block Arcs and transformed text. To create and adjust these shapes accurately, it’s a good idea to start with a layout. (My gear and clock posts also demonstrate this technique.) Here’s the layout for the web marketing wheel:

wh2

Here’s how to create the layout. First, set up horizontal and vertical drawing guides to help center and align the wheel components. Add and center the two circles. Use narrow outlines and a color that will contrast with the final object.

There are a few different ways to complete the layout:

  • Do the math.  Determine the angles needed (divide 360 degrees by the number of sectors) and, using the Size and Position pane, set the Rotation of a number of Lines. If you have an odd number of sectors, center the first sector at the top of the circle. After you have created a few lines, Arrange/Flip and Rotate duplicates of the lines to fill in the rest. This is the technique used in the clock and gear posts.
  • Use a pre-defined shape as a guide for the radial lines; lines (connectors) will “stick” to specific points on the shape to automatically establish the angles. Luckily, a circle (Oval with equal height and width) has eight such (red) points so that creating the layout for the web marketing wheel is easy:

wh3

Take care when using a pre-defined shape; here’s a 5-Point Star with the height and width equal, compared with one that has been manually “fitted” to the circle:

wh4

The differences in the radial lines are small but the first set will cause problems later in the construction of a wheel. Avoid the Hexagon – it’s difficult to make it equilateral; use an adjusted 6-Point Star.

  • Use a “SmartArt” diagram as a basis for the wheel. For example, create a Basic Pie, ungroup it and work with the resulting components. Here’s how that might work:

wh5

This works if you have 7 or fewer segments. However, since the segments are not Arcs, they can be difficult to edit if needed later in the construction.

Ungrouped SmartArt shapes are not what they appear to be; rather than circles, Arcs, Rectangles, etc., they are Freeforms.

  • Use SmartArt to create the layout. Here’s how this might work for a 13 segment wheel using a Basic Radial diagram:

wh6

Use whatever method is easiest for you and your project.

To complete the web marketing strategy wheel, start with the layout, create a Block Arc and center it on the layout. Hold down Shift when creating the arc so that the circle which contains the arc has equal width and height. Adjust the diameter and use the handles to fit the shape to the layout:

wh7

Adjust the fit carefully and make sure the arc remains centered and that the height and width of the arc are equal.

To make the segment labels, create a text box and apply Text Effects/Transform/Follow Path/Arch Up.  Using the Size and Position pane, set the width and height equal and check Lock Aspect Ratio. Center, rotate and size the transformed text to fit within the segment:

wh8

Again, take care that the transformed text is centered an has equal height and width. You may want to add a circle to the layout to help consistently position the text.

Continue the process by duplicating and editing these elements.  For the text, I suggest you rotate each copy of the text to its upright, unrotated position to assure that it is centered and then rotate it to the target position. It’s a little difficult to tell if the text is centered when it is rotated. You can fill (color) the arc and the text as you go along. It is also helpful to group each arc with its text as you complete each sector.

For the text in the bottom half of the wheel, use the Arch Down option for the transform.

There’s a lot of stuff in this graphic, all overlapped, so that it is difficult to manually select the object you want. In these kinds of situations, use the Selection and Visibility pane to help, applying meaningful names to the parts if needed (see this post for details).

The icons are constructed in PowerPoint using the techniques demonstrated in several other posts; this one, for example.

Once the sectors are completed, double check at high zoom to make sure there aren’t any gaps or mis-positioned sectors. Use the Size and Position pane to check that the height and width are equal for the text and arcs and the drawing guides to assure that the elements are centered.

The 3d effect is achieved by grouping all the parts of the wheel, applying a 3d Depth (70 pts) and using the Perspective Right rotation.

Here’s an animated version of the (2d) wheel:

The animation uses the Wedge effect. The way this effect works makes the timing a little tricky, the details of which I will not detail so as to not further bore you .

To get a free copy of a PowerPoint file containing the elements of this post, use the link below and click on the PowerPoint icon to download a “source” PowerPoint file:

Powerpointy blog – wheels part 1

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