PowerPoint

Hi! It’s Amber from the TLC Creative presentation design team. As the back-to-school season is here, there is excitement in the air, especially in my household. This year is particularly special for me because my first-born is starting kindergarten! It is a huge milestone, not just for him, but for our entire family. Watching him prepare for this new chapter has been a whirlwind of emotions; excitement, nostalgia, and a touch of nervousness (okay… more than a touch). He’s so excited to start Kinder and make new friends, and I’m excited to watch him learn and grow as a Kindergartner.  

To celebrate back-to-school time, we here at TLC decided it would be fun to create “Back-to-School” PowerPoint animations – using only PowerPoint’s Morph transition. Morph is such a fantastic tool for creating smooth PowerPoint transitions and animations to bring slides to life. 

My back-to-school animation for this series features 8-bit style graphics inspired by Mario, one my son’s favorite video game characters. While his current favorite game is Super Mario Odyssey (Mario Kart 8 a close second place), I have a soft spot for the classic Super Mario Bros. 3 which I played as a kid with my older brother.  

To bring my idea to life, I prepped the slide art in Adobe Illustrator and imported PNGs into a PowerPoint presentation. TIP: the asset export feature in Adobe Illustrator is a huge timesaver for projects like this. You can add the individual pieces you’re needing to animate to the asset export panel. You can then export all images at once as PNG files in a couple of clicks.

I envisioned the animation opening to feel like The Simpsons opening scene clouds. So, on the first slide I added all of the cloud images huge, then let Morph magically size and move them into place on the following slide creating the feeling of swift forward movement.  

Huge clouds outside of the slide… 

…resolve into the normal sized clouds on the next slide: 

The 20 second animation consists of 20 slides, with auto transitions on all but the final slide. This is because an auto transition would end the show in black, not stop the slide show on the final slide. Most of the movement in the 20 seconds of animation is my “son” jumping through the scene collecting school supplies before heading into school – using only the Morph transition for all movement.  

Click play for the full, PowerPoint Morph, animation in action!  

Be sure to come back and check out what my co-workers back-to-school animation creations are in the posts to come! 

This is a “textbook” – big, bulky, heavy, but filled with knowledge that will be referenced again and again over the years. The brain science of how to make a presentation memorable is a pretty deep read but makes so, so much sense and is a game changer in slide design thinking. The hundreds of inspiration-filled slide examples alone make this book a worthy resource.  

We had a wonderful time talking with Dr. Carmen Simon on my podcast about this book. Find episode 204 of The Presentation Podcast in major podcast apps or listen HERE. 

-Troy @ TLC 

I am really excited to be presenting at the annual Presentation Summit which is approaching quickly with 2 attendance options. The in-person conference is October 20-23, 2024 and the virtual conference is November 3-6, 2024.

What makes this talk extra exciting is that it’s part 2 of the “Backstage Pass” talk I gave in 2020. Four years ago, I covered a plethora of real-life PowerPoint presentation project examples, including repurposing a confetti animation into a bubble animation (and glitter animation and coffee beans animation). I also showcased a San Diego ComicCon teaser video that was created entirely with PowerPoint slides.

For the 2024 edition of this talk, the TLC Creative design team and I have been busy diving into current projects and searching our archives to pull out really cool examples showing some of the unique ways we use PowerPoint in presentation design, and I have a fresh plethora of examples!

This year includes a chart that was converted into a roller coaster metaphor and expanding a crazy long timeline seamlessly across a dozen slides to make the content presentable. I am also setting aside time to pull apart some of these examples so we can see how they were created. Hope to see you in October!

Lori @ TLC

The Presentation Summit event is almost here – mark your calendars! October 20-23, 2024 for the in-person conference and November 3-6, 2024 for the virtual conference.

Troy is busy consolidating his ideas and notes into what promises to be a fun and fast-paced session – all on how to make the PowerPoint workflow better and faster with a range of PowerPoint 3rd party add-ins.

For example, demo #5 will show how Troy and the TLC Creative team create optimized individual slide decks from a master meeting presentation, just by using a combination of 4 PowerPoint native tools and add-ins.

But you will have to be there to see everything included in the “optimized” part of the process in the final individual slide decks

Microsoft PowerPoint templates are amazing. Among all the presentation software options, the PowerPoint template has the most options to preset and pre-configure slide content.

THE PROBLEM

There is one template customization that baffles us at TLC Creative when we see it – and we see it several times every year. Let’s set the stage. PowerPoint’s custom color scheme implementation is not perfect. But when set up correctly, it is a valuable tool in making slide design and edits faster. A custom color scheme assists in keeping slide content consistent and on-brand, quick and easy.

For example, default PowerPoint files start with the Microsoft provided default color scheme.

THE REAL PROBLEM

The ability to customize the color scheme for slide templates is wonderful. But for this “behind-the-scenes issue” I am going to focus on the left 4 colors. Let’s call them Light 1-2 and Dark 1-2.

For this behind-the-scenes issue, we are really focused on the White and Black colors in the Light and Dark preset values. Here is the deal, if there is NOT a true white and true black defined in these preset values, the formatting headaches are immense.

Unbeknownst to anyone who uses the Light/Dark for other colors, many of the features that make a PowerPoint template amazing become a huge issue when formatting slides if the template does not contain true white and true black.

WHERE WOULD THIS BE A PROBLEM?

• The Light and Dark preset colors are used in charts.

• The Light and Dark preset colors are used for the inserted text color.

• The Light and Dark preset colors directly impact the behind-the-scenes PowerPoint “Background Style” (most people are not familiar with this but change it, and suddenly slide colors do not work!).

• The Background Style determines the overall master template background color. This is because it simultaneously adjusts the font colors to either white on a dark background or black on a white background. If white and black are removed from the color scheme this will cause an issue in master font contrast legibility.

• Because the background style uses the Light/Dark colors, it is easy – and frustrating – to create a template that does not have enough contrast between the background and the text.

• Charts in Microsoft PowerPoint use the Light/Dark colors for axis labels, grid lines, legends and chart title text. There is no option to program PowerPoint to use other colors. Without black and white in the template preset colors, inserted charts are generally barely legible, and require lots of customization to make them work.

THE SOLUTION

This problem is not a problem if every Microsoft PowerPoint template keeps a true black and true white in the custom color scheme (in the Light/Dark presets). The solution is: don’t create a problem by removing what is already there. (Please note that all of the slide examples above are poor examples!)

CONCLUSION

Creating a PowerPoint template that does not have a true white and a true black in the Light/Dark color scheme colors definitely creates a behind-the-scenes formatting issue. This is the final post in this series on “Behind-the-Scenes PowerPoint Issues.” Everyone on the TLC Creative presentation design team hopes these 10 posts are helpful, educational, and ultimately let us see fewer of these issues and formatting frustrations.

~ Thanks to Christie on TLC Creative design team for highlighting this behind-the-scenes issue

Question: looking at this slide, does it look okay?

How does the slide look when all of the objects on it are selected?

Let’s zoom in and focus on just one of the description text boxes. Argh!

What we are looking at are text boxes stacked on top of shapes. And when you format a slide like this, everyone remembers the best practice is for text to always be INSIDE the shape. Everyone, please repeat this at least 3 times, “I will place text inside PowerPoint shapes and not stack a text box on top of the shape.”

BAD
What are some of the reasons the TLC Creative presentation designers say it’s bad to stack a text box on top of another shape?

• Alignment is more difficult
• Animation is more difficult
• Keeping text inside the shape is more difficult
• Working in the Selection Pane is more difficult
• Moving content on the slide, or to other slides, is more difficult

To be direct, the “shortcut” of adding a text box on top of a shape ultimately creates more steps when formatting the slide in the long run – don’t be part of the Microsoft PowerPoint ongoing formatting problem!

As example, let’s demonstrate a few of the formatting issues encountered with the stacked text scenario. Even if the shape and text are grouped, when scaling the 2 grouped together the text doesn’t wrap and will bleed outside the shape.

BEST PRACTICE

The best practice is simple – stop stacking text on top of shapes. Click the shape and add the text directly as part of the shape.

• Formatting is easier and more time-efficient.
• When scaling the shape text now wraps inside the box without any issues.
• When the text alignment, top-middle-bottom is updated, it aligns to the shape automatically.
• When animating, there is not double the number of shapes to manage because the shape and text are 1 object.
  

FORMAT SHAPE, TEXT OPTIONS
Of course, saying what to do is easy, but only if you know how PowerPoint formats text inside a shape. Virtually every visual styling need can be achieved with text as part of a shape – virtually every animation effect can also be achieved, but that will be another post. For visual styling, we need to get into the Format Shape dialog and the Text Options section.

Vertical text alignment determines the position of text up and down within the defined space. The adjustment can either be determined as solo or text or text within a shape. There are a few places to access the vertical alignment settings, in this case we’re working through the ribbon: Ribbon Home tab > Paragraph group or Format Shape > Text Options > Text Box settings (example we are using).

PowerPoint has 3 text auto fit options:

• Do Not Autofit does what it says; the text in the shape is not automatically updated for any reason – it leaves the font size and formatting to you.
• Shrink text on overflow means if the shape is made smaller, the text automatically gets smaller. If the shape is made larger, the text automatically gets larger.
• Resize shape to fit text means you set the font size and the shape automatically resizes to fit the text (+ the interior margin settings).
• Overall, the TLC Creative design team opts for the Do Not Autofit option.

Every shape is like a mini-Word document with its own interior margins, and every shape added to a slide applies the default interior margins. However, the margins can be modified to be larger, smaller, or completely removed as shown above. Experiment with different values. Overall, the TLC Creative design team opts for 0-0-0-0.

TIP: The Brightslide PowerPoint add-in has a shortcut to apply zero margins to a shape in 2 clicks!

TIP: “Wrap text in shape” can be turned OFF on circles and triangles to allow text to fit easier. You will need to manually add line breaks so the text “fits” inside these shapes.

As example, here is a circle shape and triangle shape, both with the text as part of the shape. With “Wrap text in shape” turned off, things do not look correct.

By manually adding the line breaks (using shift + enter to maintain the paragraph line spacing), everything fits!

The theme of this post series is Behind-the-Scenes PowerPoint Issues. Stacking a text box on top of a shape may look good when presenting but is a true formatting issue when editing the slide. Let’s all work together to eliminate this bad formatting shortcut.

~Thanks to Christie on the TLC Creative design team for assisting with the content for this post.

How would you animate this slide if the request was “Make the left and center images disappear on click.”? 

BAD 

Here is one solution, the one I see a lot – but not the way I recommend accomplishing the request. The goal is to have the left and right images disappear. A common solution I see is adding a white box added that has a “Fade In” animation.  

This does accomplish the request, make images disappear. The disadvantage is what the presenter reviewing the slides in slide sort or a PDF sees. 

It is difficult to know the slide content, know content is missing from the printout, and prepare for the talk. Using the “cover it with a white box” option also makes formatting the slide much harder (move the white box, use Selection Pane to turn off the white box, send to back, etc. just to adjust the images you can’t see). 

BEST 

So, what is the “better” way to accomplish the request? Let me propose the best way would be to build this as 2 slides: 

In a printout, or slide review in slide sorter, it is 100% obvious what the audience will see. This helps enable the presenter to plan their talk. Using a Fade transition would accomplish the exact same visual as the white box that animates on. 

EFFICIENT 

To stay with 1 slide, a more efficient and better way to do this is to animate the left and center images*. Easy, select the left image, shift+click to select the center image and add a Fade Out animation. Note, this is the “EXIT” animation, Fade Out. This means that the images will be removed from the slide during the slideshow “on click”.  

This sets up exactly the same visual as the above options. But within the slide sorter review or printout, the deck looks like this: 

Yes, it is not completely clear that the left and center images will disappear when reviewing the slide deck. But the presenter does see what the content is on the slide vs. being surprised there is more to the slide than they saw in the printout! 

-Troy @ TLC 

Fonts play a crucial role in PowerPoint design:

• Visual Appeal: Fonts contribute significantly to the overall aesthetic of a presentation, enhancing visual appeal and making the slides more engaging.
• Readability: The right font choice ensures that text is easily readable, even from a distance, improving audience comprehension.
• Consistency: Using consistent fonts across all slides helps maintain a uniform look, adding to the professional feel of the presentation.
• Tone and Branding: Fonts can convey different tones and moods, aligning with the message and branding of the presentation. For instance, formal fonts are suitable for corporate presentations, while playful fonts may be ideal for creative projects.
• Emphasis and Hierarchy: Different font styles and sizes can be used to highlight key points, create a hierarchy of information, and guide the audience through the content logically.
• Accessibility: Appropriate font choices, such as those with clear distinctions between characters, enhance accessibility for all audience members, including those with visual impairments.

BEHIND-THE-SCENES MAYHEM

Embedding

• PowerPoint has the option to embed custom fonts (eg. non-microsoft fonts). My recommendation is, don’t.
  

Invisibly Adding Fonts

• One of the strengths of PowerPoint is the ability to pull in slides from anywhere to make developing a presentation easy. This also means fonts used in those other slides are still used in the new deck – even if those fonts are not available on the computer.
  

Default Fonts

• When a font is set, but is a non-Microsoft font, and not installed on the computer that opened the PowerPoint file, PowerPoint does not warn us that the presentation needs fonts not available (which is a much needed dialog box!). PowerPoint silently replaces all unavailable fonts with Microsoft fonts, called “Default Fonts”.
  Note: the default fonts are at the whim of PowerPoint, we do not get to choose what font is used. The Default fonts used may be different on each computer, so there is no way to assure what others will see.

Each of these behind-the-scenes issues can lead to presentation disaster with slides not displaying as designed, or in the case of embedded fonts, the presentation being locked and no edit options available! Awkward line wraps, missing text, text overlapping other content, and all kinds of bad things can happen when fonts needed are not available.

AUDIT

• But, did the presenter know they did not have a custom font installed and what they see is PowerPoint assigning a random replacement font? Do you know that any slide deck you have most likely inherited many custom font needs?
• For presentation makeover projects, fonts are just one element of the project. And it is almost always a surprise when we inform someone that their slide deck had 20+ different fonts in use (which the TLC Creative presentation design team then cleaned up to just the 2-4 approved fonts per their branding).
• We accomplish this audit with Neuxpower’s Slidewise PowerPoint add-in.

Below are screen captures from a real client presentation. While this is somewhat extreme on the number of fonts, it represents what we commonly see in provided PowerPoint decks. This example is from a corporate client, using their corporate template.

HOW MANY FONTS!?

The slide deck we received had 28 fonts used across the 50ish slides! That’s just too many fonts in Microsoft PowerPoint presentations.

The image above is the Slidewise audit that shows us every font used in the presentation. It also lets us go to every slide that a font is used on. An important note is that Slidewise’s replace font functionality is far superior to PowerPoints font tools.

TEMPLATE FONTS
Let’s look at the template of this corporate presentation (which is often another behind-the-scenes issue to be dealt with, see post #1 in this series; here). Our goal is to identify the preset template fonts.

This template uses custom fonts (eg. non-Microsoft fonts), and as often happens, the custom “Aspira” fonts were not supplied with the slide deck…

Interpreting the Slidewise font audit:

• Black fonts are Microsoft fonts or custom fonts that are installed on the computer
• Orange fonts are fonts used in the presentation that are custom fonts (eg. not Microsoft fonts) and NOT installed on the computer.
• Note: all text using the orange fonts (custom fonts that are not installed) are displayed by PowerPoint with Default Fonts. PowerPoint does not provide any indicator that text seen in the presentation is displayed with replacement Default Fonts. This is a missing component that has lead to unchecked and unknown fonts in presentations.

REPLACE FONTS
While PowerPoint does have a “replace fonts” feature, we are not going to use it. Here is a summary of how the TLC Creative presentation design team uses Slidewise to “clean-up” the fonts in a slide deck.

1. Select a font that is not needed/wanted
   
2. Optional: expand the font to show each slide the selected font is used on. Click SHOW IN POWERPOINT or double-click to go to that slide – the text box where that font is used will be indicated!
3. Note: Orange fonts in the list are fonts not installed on that computer. For this presentation the template is based on the Aspira fonts, so we are going to NOT remove these fonts.
4. With the Verdana font selected, choose REPLACE FONTS. The REPLACE FONTS dialog opens. Ultimately, we are going to replace the fonts with a selected replacement font.
   • TIP: select all fonts to be replaced at the same time, then choose the replacement font (vs. doing this process for each font one font at a time).
     
5. From the REPLACE WITH drop down, select a specific font, or chose the “Theme Font (Body)” or “Theme Font (Header)” option.
   • Because our goal is to consolidate all fonts to the template preset fonts we used the “Theme Font (Body)” option.
   • This also sets all of the text boxes to the template theme font so the fonts will automatically update when those slides are pasted into a new slide deck (this is the way PowerPoint works best!).
   • Note: in this example, the template is using a custom font, Aspira Light, which is not installed on the designer’s computer. But Slidewise will still assign all of the selected text boxes with the custom font even though it is currently not installed on the computer.

RESULTS
In under 3 minutes we identified the presentation used 28 fonts! Then consolidated (#6) using Slidewise, to 5 fonts. Why 5 fonts? There are 4 different weights, or versions, of the template assigned Aspira font. We kept all of the fonts in this font family. And the 6th font, Wingdings is used for text bullets and icons, so it should never be replaced without carefully investigating what it is being used for.

NEXT STEPS
Consolidating the fonts was easy and quick (under 3 minutes!). But that sets us up for the next step; manually reviewing each slide to look for text formatting and updating (fixing) needs. Changing to a different font can mean the following things need to be checked/updates: text box sizes and positions need to be updated for the fonts to display properly in the slide layout, line breaks need to be adjusted, line spacing, font sizes, or font styling all could need updating so the text displays as intended.

FINAL NOTE
What fonts, and how many fonts, used in a slide deck is somewhat a hidden mystery. But slides using fonts that are not available is a disaster in the making. What in years past was a manual process of hunting down missing fonts has become a streamlined and easy process with the Slidewise PowerPoint add-in! But it has also brought to light how bad PowerPoint’s font management is, and how common slide decks with too many fonts are, for example: 10-20-40-112 (that’s our # of fonts record)!

-Troy and the TLC Creative design team