A Look Back to Stylizing Text with a “Fire & Ice” Gradient Fill
Back in 2020, we wrote this post about gradient text. We picked this topic today because PowerPoint users are still sticking to basic solid colors in their text! So, if you weren’t hanging out with us here at the blog in 2020, allow us to add another design tool to your toolbox.
Looking at this tutorial five years later, we see that it’s still just as relevant today. PowerPoint’s gradient fill process is exactly the same (not necessarily great, but consistent), and it can be used to create great visual styling and visually dynamic designs – all directly within PowerPoint.
Creating a Gradient Text Fill
We used a simple two-word phrase as our example. We transformed this:
Into this:
Here’s how we did it:
- Select the text
- Go to (A) SHAPE FORMAT > (B) TEXT FILL > (C) GRADIENT > (D) VARIATIONS > pick a preset gradient style, or
- If you want more control and options, click (F) MORE GRADIENTS to open the Format Shape pane
Customizing Your Gradient
Now, let’s refine the gradient in the Format Shape pane where we get creative control of the gradient styling:
A. Preset Gradients: Ready-made styles based on your theme colors
B. Type: Let’s you choose from a number of gradients:
- Linear (meaning the gradient is horizontal, vertical, or diagonal)
- Radial (a circular gradient starting from the center, or from any of the 4 corners)
- Rectangular (similar to the circular gradient, but rectangular)
- Path (a gradient in the shape of the object it is filling)
C. Direction: Adjust what direction the colors blend
D. Angle: Adjust the angle at which the colors are blended
E. Gradient Stops: Add, remove, and customize colors along the gradient – you can also add or remove gradient stops (points along the line) to really make it your own
F. Color: Select the color for your gradient stop
G. Position: Change the position of the gradient stop
H. Transparency: Alter the opacity of the gradient
I. Brightness: Fine-tune the brightness of the gradient
For our example, the fire gradient effect is a 5-color stop gradient (E), each with the default Transparency (0%, or solid), default brightness (0%, or the color as selected), but a custom angle of 45 degrees (D). This all combines to create a dramatic, glowing look.
Want to see it in action? Download the FIRE & ICE gradient fill sample slide here!
-The TLC Creative Design Team
Morph Bullet List to Number List
This month we are focusing on typography and how small design choices like text animations can make a big impact in PowerPoint. One tool to explore with text in mind is the Morph animation…err transition…we mean the Morph Effect! Morph is the easiest way in PowerPoint to create smooth, visually engaging movement between slides without needing complex animations. For example, let’s start with 2 slides. Slide 1 is a typical, left-aligned bullet list. Slide 2 is the same list, but center aligned with different colors, font sizing, and bolding applied.
No animations have been added to either slide, just a Morph transition has been added to slide 2. FYI, applying a Morph transition to slide 1 does nothing – the transition to slide 1 looks like a Fade transition (tip: the Morph transition is applied to the “end result” slide).
Morph transitions have 3 variations: Objects, Words, Characters.
Let’s demonstrate each variation using text only slides. The above example is the Morph transition set to its default “Object” option. The Object mode moves and animates everything as single entities.
What makes Morph especially useful is its flexibility. Beyond the default “Object” option, it offers more granular options for the transition effects. You can choose to animate “by word” or even “by character,” giving you more control and variety over how the content appears and animates.
By updating Morph to use the “Words” option, the text is moved by each word, not as a single block or object. So, our three words on slide one move independent of each other, on their own path to the slide 2 end position.
And the final option, “Characters,” can create complex and interesting motion effects. Every letter is now morphed independently to the slide 2 end position. Any letters on the first slide not on the second slide fade out (no motion), and letters on the second slide not on the first slide fade in (again, no motion). One of the interesting frustrations is that the association of letters from one slide to the next cannot be controlled. As example, the first letter in “One” on the first slide, connects to the first letter of “Once” on the second slide. Looks great, which is good, because there is no option to tell Morph we want the letter “O” on the first slide to associate with the “o” in “upon” or “options”.
Note that it can take some tinkering to get the desired effect, but with some clever thinking and experimentation, you can create some visually stunning effects with text in PowerPoint!
-The TLC Creative Design Team
A Look Back to Celebrating the U.S. 4th of July with a Free PowerPoint template!
Fourteen years ago, we created this custom 4th of July-themed PowerPoint template and made it available for anyone to use (for personal use), free! Now, a decade and a half later, we still think it’s a great design to use!
This full-featured PowerPoint template is perfect for PowerPoint presentations and holiday event notices. Whether you’re prepping slides for a festive gathering, a company event, or just want to add some flair to your next presentation, this FREE template has you covered!
What’s included in this template:
- 16:9 aspect ratio
- Uses Microsoft Cloud fonts
- 1 Master Slide with theme, title, and content layouts (along with all standard Microsoft layouts)
Download the template here and get a head start on next year’s 4th of July! Speaking of, Happy 4th of July from the team at TLC Creative Services!
– Troy @ TLC
New Podcast Episode Available! “Fonts, Spacing, and Alignment: The Typography Toolkit for PowerPoint”
New episode of The Presentation Podcast now available!
Our latest episode of The Presentation Podcast dives deep into the role of typography in PowerPoint presentations. The hosts discuss font selection, line and paragraph spacing, alignment, visual hierarchy and more. Plenty of practical tips and frustrations of typography formatting within PowerPoint are shared, along with comparing PowerPoint’s features to other advanced design and desktop publishing tools. Solutions to common text formatting challenges in PowerPoint are also a big part of the conversation…because effective typography is essential for clear, professional, and engaging presentations.
Listen on your favorite podcast app, or at The Presentation Podcast site here.
Yes, You Can Loop a PowerPoint Animation Sequence with Audio!
PowerPoint’s animation features are built for linear presentations, and that includes not being able to loop animation sequences. Meanwhile, video and interactive apps make the ability to loop a sequence of animated elements easy. Of course, within PowerPoint, we can make individual animations repeat a set number of times or loop until the end of a slide, but this does not lend itself to making a sequence of animated elements loop.
That said, there’s a clever workaround that allows a PowerPoint animation sequence to be looped. The hack involves using a silent audio track!
The issue is that PowerPoint does not have a way to restart an animation sequence. But an audio file, set to loop, with a clever use of trigger animations based on bookmarks set on the audio track is the hack. It’s a bit of work to set up this hack, but it allows you to achieve what PowerPoint is missing!
Here’s a breakdown of the process:
Create your animation sequence: add animations to all the elements along with animation timings (eg. to create pauses), using any combination of “With Previous” and “After Previous” animations, and animation duration settings for each animation. The key is to this hack is starting the animation sequence with an “On Click” animation. Multiple animation sequences can be set up on the same slide, each just needs to start with an “On Click” animation. Here is our example slide with 3, “On-Click” animations and several “With Previous” animations.
The TLC Creative team uses a generic, blank audio file we created outside of PowerPoint, but let’s go through an “all PowerPoint” workflow to create an audio file to use to trigger the animation sequence. Go to Insert >> Audio >> Record Audio.
Click record (red dot) and remain silent, recording the length you want the looping animation to be (note: the audio length needs to be a little longer in duration than the animation loop timing). Click the square to stop.
The recorded audio is automatically added to the slide. Set the audio to “Loop until Stopped” in the Playback tab. Also select Start: “Automatically”, Volume: “Mute”, and “Hide During Show” (or move off the slide so the speaker icon is not seen).
Now we will add bookmarks. These bookmarks are added to the audio file (this works with a video file as well if needed) and are the key feature in making an animation sequence loop.
1. Select the audio (the audio icon on your slide).
2. Go to the “Playback” tab.
3. Click “Add Bookmark” – you will see a yellow circle appear on the audio playback timeline. As you add additional bookmarks, previously added bookmarks will turn white.
You want to add the bookmark(s) based on when each animation sequence needs to start.
TIP: Once you add a bookmark, you cannot move it. So, plan ahead, then simply pause the audio at the points you want to add a bookmark and click “Add Bookmark.” And if you go back to edit your bookmarks and don’t see them, simply click anywhere in the audio timeline bar itself.
Because our sample slide has 3 animation sequences, we added 3 bookmarks to the audio timeline.
TIP: Remember to MUTE the audio in the audio settings (we are using the audio file as an animation timer, not to be heard).
To join your bookmarks to the animation sequences, use Animation Triggers:
1. Open the Animation Pane
2. Confirm the audio clip is at the top of the animation sequence (eg. the first animation on the slide)
3. FOR EACH “On Click” animation sequence, right-click on the “On Click” animation and select “Timing”
4. In the popup menu, go to the “Timing” tab
5. Click the “Triggers” button to expand and see the options (1)
6. Choose “Start effect on play of” (2)
7. In the drop-down select the audio file and corresponding bookmark (3)
NOTE: This post isn’t about trigger animations. But, when you add a trigger animation, that element will move to the end of the sequence in the animation pane (it’s a pain!). You will need to manually move the additional parts of the animation sequences to align behind their corresponding triggers.
TIP: Add triggers one by one and in order, moving the additional animation elements to follow each trigger as you go.
Once you are happy with the timing and everything is animating in sequence, be sure to play the slide in show mode to verify a clean repeat. If there is too much time between the end of the last animation and the restart of the first animation, you can trim the end of the audio file to adjust.
For our example slide, this process was repeated 3 times to set the 3 trigger animations. The slide animation is now a single loop of the 3 animation sequences, animating in time with the audio file…and because the audio file is set to loop until the end of the slide, the 3 animation sequences will continue to animate in a loop until you move on to the next slide.
Done! As the audio file “plays” (remember, there is no audio heard from the audio file, it is being used as our animation sequence timer) the bookmarks trigger the start of each animation sequence. And because PowerPoint can loop a single element (the audio file), the slide animation sequences will trigger exactly as needed, indefinitely!
To test the looping animation, run the slideshow and verify that the animation sequence loops as expected with the audio.
Here is the animation sequence without using the audio trigger hack. It won’t loop:
Here is the animation sequence using the audio trigger hack. The animation sequences now loop:
Yes, this can be a tedious process. However, by setting up an animation sequence, adding a muted audio file set to loop, adding bookmarks to the audio, and then setting triggers to start the animations, dynamic looping animation sequences can be added to slides!
-Amber and the TLC Creative Design team
A Look Back to a Phone Chat Conversation Animation – and How We Designed it Today
This animation is from 2014, 2 years before PowerPoint introduced Morph.
Because this was created before Morph, by necessity we needed to create a more complex animation setup using on-slide animations with motion paths. Ultimately, the PowerPoint results were great, especially as this animation was seen by event attendees on a nice big 45’ wide screen!
Today, we decided to recreate the same animation visual using Morph. Here is the recreated slide deck – it’s the same 20 slides (in half the design time)!
But now there are zero PowerPoint animations on each slide.
After the layout and design phase, we let the Morph transition take care of the rest to create this animation!
-The TLC Creative design team