PowerPoint

A 2024 Happy Halloween – PowerPoint Animation/Movie

Jake Seelye, part of the TLC Creative Presentation Design Team and Showsite GFX Lead, created this mini Halloween themed PowerPoint movie!

Halloween is a favorite holiday for my family, so I was thrilled to be asked to create a Halloween themed animation using only PowerPoint for this year. One of my favorite memories around this time of year was when my friends and I would go to Knott’s Scary Farm and experience all the haunted houses and mazes.

Click play and turn on sound!

Haunted houses are certainly iconic for this holiday, and this was the inspiration behind this animation. First, I found a fun haunted mansion style stock art, along with some clouds in the background, to setup the main art and focal point of the animation:

PowerPoint’s amazing Morph transition was then used to zoom into the house, keeping the elements of the background as separate graphics to create a subtle “parallax effect.”

The seamless animation that morph provides worked well to give the feeling of walking up to an old creepy house on top of a hill. The screen capture above highlights how thinking “outside the slide” when setting up Morph animations is needed to create cinematic effects.

The next scene was the most complex, as there were many moving parts to create a fun cinematic visual animation. The lightning and simultaneous flashes of the environment here were created using simple PPT animations and graphic editing. The lightning bolts themselves were setup using “Wipe Down” and set to be quick, much like actual lightning. The “lit up” landscape was created by adding in a duplicate background graphic over the top of the house, with the brightness and contrast turned up quite a bit to simulate how lightning lights up the land around it.

A small but fun detail of this scene is the Jack-O-Lantern on the porch, with the “Pulse” animation on the eyes and mouth to make them appear to glow and flicker, set to repeat until the next slide/scene.

Finally, to add to the eerie atmosphere, I added some fall leaves to blow through the scene, using motion paths, and duplicating them while randomizing the timing:

This is a lot of animations and elements on one slide, all for about 8 seconds of actual animation, which really makes you appreciate the real animation artists out there who make full 2-hour animated films.

The final act of the animation features a Witch soaring into the skies above the haunted mansion and creating a “Happy Halloween” visual across the starlit background. The first part of this was achieved with morph once again, as a way to move from the mansion background to the starry sky background, in an upwards motion, and to also move the Witch across the screen as if she was flying.

Almost counterintuitive is the animation pane on this slide is empty, but the slide is full of animation (Morph transition at work).

Finally, the Happy Halloween ending was created using a motion path for the witch, and a “wipe right” animation for the letters, as if the Witch were creating the greeting with her magical broom.

And that’s it! With some time, trial and error, and creative usage of PowerPoint’s animation tools, you can actually create pretty fun movie without ever having to leave PowerPoint!

-Jake

By |2024-10-08T15:34:22-07:00October 31st, 2024|PowerPoint|

AI For Presentation ShowDown

At the 2024 Presentation Summit conference I was invited to be part of a fun event, “The AI for Presentation Showdown”. The goal was 5 event presenters each had 4 minutes to display a real-world application of an AI tool of their choice used for presentation – which could mean presentation design, presentation content creation, etc.

My AI tool was using Microsoft CoPilot, from within PowerPoint, to provide a 3rd party/unbiased review of the presentation and provide a summary of the content, based on the slide content. The prompt was simply “Summarize this presentation”. The idea is to review with the presenter and see if the external summary of the presentation message aligned with the message they planned.

I think this is a great use of AI as it provides an unbiased review and summary, which is a great conversation starter.

(note: I intended to have a video of my portion of this talk, but sadly no video was captured…)

Troy @ TLC

By |2024-10-24T07:51:54-07:00October 24th, 2024|PowerPoint, Resource/Misc|

TPP e208 – Mike Power

One of the superpowers of PowerPoint is its ability to allow third party add-ins to expand its functionality. Neuxpower is the software company behind NXPowerlite and Slidewise, two add-ins installed on every computer at TLC Creative Services. Mike Power of Neuxpower spends some time with us talking about PowerPoint, add-ins, and what’s new on the horizon!

Join the conversation through your favorite podcast app, or at the episode 208 page, with shownotes.

Click here to listen.

By |2024-10-11T06:42:38-07:00October 15th, 2024|PowerPoint|

How PowerPoint can use Adobe CC Fonts

The Adobe Creative Cloud font library is vast, with a much larger offering of font options than Microsoft provides. The question is, can an Adobe Creative Cloud font be used in a PowerPoint presentation? 

The quick answer is “yes”, but there are some gotchas to know about. The first gotcha is that to use Adobe fonts (anywhere) an Adobe Creative Cloud account is needed. Once you have signed up for the Adobe CC service, download and install the Adobe Creative Cloud app from the website. Then login using your credentials. To find fonts, you can use the Adobe Creative Cloud app.  From the menu on the CC homepage, click the “f” icon to navigate to Adobe Fonts: 

Once here, you can see the Adobe fonts you have added to your CC account or have installed on your computer. “Added Fonts” are all fonts you have simply added to your CC account. “Installed Fonts” are fonts you’ve added AND installed on your computer (this is an important distinction).  

To find more fonts to use, you can browse fonts via the Adobe Fonts website by clicking on the “BROWSE MORE FONTS” button: 

You can find all fonts in the Adobe library here. Filter fonts by tags like “calligraphic”, “clean”, “rounded”, along with serif, sans serif and other properties.  

Once you find a font you’d like to use, click “ADD FAMILY”. This will add the font to your CC account: 

You’ll be prompted to open the CC app back up. Then you can find the font(s) that you’ve added there. And here is the second gotcha: you can’t use the new fonts in PowerPoint until you click “install family”. This will allow you to not only use the font in PowerPoint, but across other apps on your computer!  

The computer now has the installed Adobe fonts available to ALL apps, including PowerPoint! However, you’ll need to restart PowerPoint for the fonts to be recognized. 

On the list of gotchas – PowerPoint does not have a warning when fonts are used in a presentation but not installed on that computer. So, knowing an Adobe font is needed, is not obvious when a presentation is opened. 

And one final gotcha: anyone wanting to view or edit a presentation using an Adobe font must have an Adobe CC account and install the font on their computer through that CC account. For designers and some corporate users this won’t be much of an issue. This is because the Adobe CC suite is widely in use by this group (just remember to install the Adobe CC font). However, for many corporate users, using a presentation with Adobe CC fonts will be an issue if they do not have an Adobe Creative Cloud subscription. 

-Jake @ TLC

By |2024-09-06T17:57:24-07:00October 8th, 2024|PowerPoint|

Creative Use of Aptos Font for Design

Aptos is one of the newest fonts from Microsoft. We talked about Aptos in detail in this post from last year, August 2023, HERE 

The Aptos font is now the default font for Windows OS and all Microsoft apps, and we’re pretty sure that everyone has seen and probably used this new font. The previous default font, Calibri, is a nice font and still available, but Aptos has much more design appeal. 

Aptos is not a single font; it is a font family. A font family is a collection of fonts that share a common design aesthetic and typeface, but may differ in style, weight, or slant. The Aptos font family has 28 variations that all have the same aesthetic across the many different weights and styles.  

A font weight is the overall thickness, also called the typeface stroke. The most common weights are regular and bold, but weights can be thin, condensed, extra bold, and heavy to name a few.  

REAL VS FAKE 

As much as designers love font families with multiple fonts and styling options, PowerPoint does not always show all the options. As example, Aptos has “Aptos Bold”, but in the PowerPoint font list, “Aptos Bold” is not seen. However, when the “B” bold button is applied to “Aptos” in the PPT font ribbon, PowerPoint uses “Aptos Bold” – a real font.  

The same applies to italics. Making text italicized with the “I” italics key, PowerPoint uses the real font, Aptos Italics. In contrast, the font Papyrus does not have an italics version, so when text is italicized with the “I” italics key, PowerPoint applies a “fake” auto-generated right angle to the text.  

TYPOGRAPHY CREATIVITY 

Aptos provides design creativity when mixing different versions of the font to create a dynamic slide layout.  

CONCLUSION 

The Aptos font family, with its 28 styles, provides a lot for presentation designers to work with. Its range of weights and styles allows for creative flexibility, whether aiming for a professional, formal look or a more casual, approachable feel. The font’s flexibility ensures that it can meet the aesthetic and functional needs of any presentation, making it an asset in any designer’s toolkit. 

~Thanks to Amber on the TLC Creative presentation design team for assisting with this blog post and designing the demo slide. 

By |2024-09-06T17:57:08-07:00October 3rd, 2024|PowerPoint|

It’s Back to School with Morph (part 3)

Hey there, Jake from the TLC design team here. To me, back-to-school week always seemed like a whirlwind of emotions, from meeting new teachers, making new friends, and sometimes starting at a new school. Starting high school can be intimidating, but I was lucky to have a secret weapon: my older brother. As a junior, popular ASB student, and co-captain of the varsity baseball team, he showed me the ropes, introduced me to his friends, and helped ease my first-day jitters. Having a big brother watch out for me during half of my high school years was invaluable, and I will always be grateful for his support during that time.

When creating my Back-to-School Morph animation, I was inspired by all the after school and Saturday morning cartoons I would watch during my younger years. These wacky cartoons would always have a catchy theme song and unique intro, so this animation was certainly nostalgia driven.  

The first step would be finding cartoon style background art that matches my memory. TLC Creative has a team account for Adobe Stock and I was happily able to find this image as the core background for my back-to-school animation: 

I then used this aesthetic to find the other backgrounds and graphic assets needed for the animation.  

A big part of the back-to-school experience is ensuring you, or your kids, have everything needed to be prepared. Using this as the theme, my back-to-school animation centers around gathering all of those important school supplies before heading off to the big first day of class. Here are the final scenes in PowerPoint slide sorter view: 

One Morph effect I enjoy is creating a parallax effect where the background and foreground elements have different motion. In PowerPoint, Morph makes creating parallax effects easy – but you do need to be organized in the asset layering and names. For this animation the parallax motion is achieved by layering the background in the neighborhood scene with separate images for the sky, the background houses, the foreground houses, and the trees. As an example, here are the background layers exported from PhotoShop as separate .png images. When imported to PowerPoint, those layers were given the same naming.  

To create the effect, all a Morph transition needs is positioning each layer at different distances off the slide to create different motion timings. The school bus continuously moves to the right and all other layers move to the left throughout the Morph sequence. This visually creates each element “travelling” at different speeds through the animation.  

In total, for this scene, there are 4 elements “moving” to the left, and 1 element (the school bus) “moving” to the right. 

The parallax effect really gave the animation a cartoon style feel, which helped bring the whole thing together. Using Morph to bolster animations within PowerPoint is not only easy, but is also powerful and versatile. Just as my older brother eased my transition into high school, Morph seamlessly guides your audience from one slide to the next, making your presentation flow effortlessly. 

 

Hi from Lori.   When you say “back-to-school” my brain responds by singing that darn “wheels on the bus go round and round…” song. (And apologies if your brain is now singing along with me!)

I personally never had the school bus experience, but I did walk to and from school starting in first grade – sometimes by myself, which would not happen for today’s kids! I still remember the different neighborhood blocks, some with small colorful houses, some with large brick houses, the parks I’d walk past, and even the streets that had a crossing guard. I tell people I walked about a mile and a half to school…all by myself…in the snow (true story! but not backwards and not uphill). As I was reminiscing, I decided to take a look on Google Maps. First, my childhood home looks almost the same with the exception of a few missing trees. My elementary school also looks pretty much the same. However, apparently, I only walked .8 miles, or about 10 blocks, to school.

With all that in mind, I found a cute neighborhood map with a school bus and some adorable school kids on Adobe Stock, as editable vector art. The workflow of moving art from Adobe Illustrator to PowerPoint is easy. I was able to quickly copy each element in Illustrator and paste each directly onto the slide in PowerPoint. With a slide full of art elements, I had a fun time exploring what could be developed. 

And this is the result: 

TIP: These slides have lots of individual elements, but I opted to label in the Selection Pane only those that would be animated (actually, everything moves with Morph from slide 2 to 3, but only 6 art elements needed to be labelled and tracked across all the slides). Another reason for naming these 6 elements in the selection pane, was to easily see they were in the proper z-order and on top of the other elements (so I didn’t have to worry about a Morph “blip” as elements move under or over other elements during the animation effect).  

To give my animation some “extra credit” (Troy liked my back-to-school pun), I decided to start with the school full screen. Then, as if you’re looking back towards earth from a rocket blasting off or a child watching things disappear into the distance as the school bus drives them along, the neighborhood map comes into view with the whole neighborhood filling the next slide. 

Once I had my school, houses, trees, bushes, stoplights and other elements where I wanted them, I then duplicated the slide and adjusted the elements Morph would move. From here I continued to duplicate-adjust-duplicate-adjust to build the 62-slide seamless animation. 

Now, working with a 62-slide animation may seem overwhelming, but by duplicating and building it as I went, and making sure I didn’t change the layer order, everything came together rather quickly.  

The goal was a Morph-only animation, but I have to confess I didn’t use Morph for all of it. The final animation of the kids jumping was just faster and easier to accomplish with a series of no transition slides. Morph was not allowing me to get the “jumping kids” to jump fast enough without an awkward delay. So, I may have created my own rule for this back-to-school animation as slides 24-62 simply have a transition of “None” and auto-advance after 0 seconds. That’s 38 slides of very happy school kids! 

CONCLUSION 

Looking back at what everyone on our design team created, you can see that what started with Eli going back-to-school for the first time, morphed into reminiscing and sharing some childhood stories, which morphed into a fun and creative challenge! (See what I did there?)  There are so many ways to use PowerPoint’s Morph transition, whether you’re being subtle with your content and gently drawing the viewer’s eye to focus areas, or you’re looking to make a bold statement or big splash! 

Thanks to Amber, Christie, Mike, and Jake on our design team for taking us back-to-school! 

Lori @ TLC 

By |2024-08-13T07:55:10-07:00September 19th, 2024|PowerPoint|

Copilot vs QuickStarter Presentation Creation

In the previous post I talked about PowerPoint retiring the QuickStarter feature. Because I created a presentation on the 2024 Paris Olympics, I wondered what Copilot would create with the same ask. Let’s compare!

In PowerPoint, start a new presentation and open the Copilot pane (note: subscription to Copilot needed to do this). Select CREATE A PRESENTATION ABOUT… > finish the statement with a presentation topic in the lower entry area.

For this example, I used the same prompt used for my QuickStarter presentation, “2024 Paris Olympics”. This is a very high-level and simple prompt for Copilot to work with. It also is not a prompt I would use (eg. don’t do as I do in this case). A prompt that is a more detailed ask to Copilot is going to produce a much better, and tailored, presentation.

Copilot provides some information about what it is creating, and prompts us to use Designer for more slide layout options.

The first thing to note about the presentation, and something I have not noted before. The presentation name is labelled “QuickStarter” – the feature that was just announced as being retired! Maybe it is more of an evolution of the feature…

The presentation created is similar to the QuickStarter generated presentation:

  • A selection of on-topic slides
  • Speaker notes with more information on the topic of each slide
  • Design based on a Microsoft template

But the copilot presentation is different from the QuickStarter presentation, some good and some not good:

  • The Copilot presentation has A LOT of text on each slide (too much)
  • The Copilot presentation integrates photos onto each slide (and the QuickStarter presentation had no images)
  • The Copilot presentation does not offer any formatting and use of PowerPoint hidden slides with tips

For comparison, here is the QuickStarter presentation created from the ask/prompt “2024 Paris Olympics”

Troy @ TLC

 

By |2024-09-15T16:20:39-07:00September 12th, 2024|PowerPoint|

PowerPoint’s QuickStarter is Retired

I received this notice from Microsoft this past week.

I did a search and never did a blog post on the PowerPoint QuickStarter feature. When it was released in 2017 I know I tested it and was not a fan of it. For posterity and future reference, QuickStarter is – was – opened by going to FILE > NEW > QUICKSTARTER

Add a presentation topic and click SEARCH

A summary of topics per slide is presented. Unselect any slide topic and click NEXT

Select a Microsoft template (and only a Microsoft template) for the presentation and click CREATE

A presentation is created with content, speaker notes, and the first 2 hidden slides are PowerPoint formatting and use tips (such as tip to open the Presenter Notes to see the added content)

Actually I was impressed with the technology and coding, but not a fan of how I saw it being used as a school report shortcut. Now in 2024, I am more impressed with how this pre-AI assembly of data feature is the OG of automated presentation creation – and in experimenting with it more this week, Quickstarter does as good a job as CoPilot in creating a presentation on a specified topic!

Troy @ TLC

 

By |2024-09-15T16:21:15-07:00September 10th, 2024|PowerPoint|

It’s Back to School with Morph (part 2)

Troy was inspired by Amber’s fun, 8-bit (see previous post) back-to-school animation and turned this into an internal design challenge for our team. He tasked everyone with creating an animation themed around back-to-school. The catch? Only Morph can be used! Today we’re going to see what Christie and Mike created…take it away Christie… 

(Christie) 

Hello everyone, this is Christie from the TLC Creative design team. Let me tell you one of my back-to-school stories. It was the first day back to school for freshman year of high school, and it happened to be my birthday. I walked into the classroom not knowing anyone, so all of this was about to be very embarrassing.  

As class started, our teacher, Mrs. Johnson, asked everyone to stand up and introduce ourselves. This was never my strong suit so speaking in front of a whole classroom full of new people was nerve-racking. For some reason I decided to introduce the conversation to let everyone know that the day was my birthday. Just then, my teacher said, “let’s all sing ‘Happy Birthday'”.  

Instantly, everyone started singing. I could feel my cheeks turning red as everyone’s eyes turned towards me. Despite my embarrassment, I managed to smile. Let’s just say that was an interesting start to freshman year of high school.  

I am not sharing photos of high school me, and luckily all the back-to-school images I used for this animation were found in a single Adobe Illustrator file sourced from Adobe Stock. I was inspired to use a traditional back-to-school look with a chalk board, but with a more adult audience (that’s you) vs an adolescent back-to-school year look. I liked the Adobe Stock image and its balanced design as is. So, no layout work; however, I did have to modify to fill a 16×9 slide area, and the challenge of how to animate with just Morph.  

The font was an editable Adobe family font, that was simple enough to activate to use.  

In Adobe Illustrator, I outlined the text in order to export it as an SVG format graphic so it was PowerPoint ready (vs. having an .svg with live text and needing the custom font installed on the computer).  

When it came to the school icon graphics, they were set as an object with a live stroke in the Adobe Illustrator file, so I outlined each and exported as .SVG PowerPoint ready images.  

After exporting all images, I was concerned that I may have created too many complex vector images for PowerPoint to deal with, ultimately causing Morph to potentially load each slide slower and delay the animation. My solution was to switch from vector graphics (.svg) to .PNG images. The file size is a bit larger, but the complexity factor for PowerPoint rendering the large number of graphics on each slide was resolved.  

For the animation, there are only 2 slides needed for Morph to create the full animation. On the first slide I adjusted all graphics and words off the edge of the slide, at different scales, placement, and rotation. 

On the second slide, all the objects are rotated, sized, and placed in their end positions. 


Here is the final result.

 

(Mike)

As a kid, younger me (Mike) always dreaded back to school. We moved a lot, and it seemed like I was always the new kid. I remember the anxiety starting to build in August and it got worse on the first day of class. I kind of forgot about all the angst, until it came to my daughter’s first day of kindergarten. Outside her new classroom, she suddenly didn’t want to go in. She latched on to my wife’s leg and started crying. For me, seeing her in that situation, I had a lot of empathy, and that nervous feeling all came flooding back to me. Eventually her teacher calmed her and was able to have her come into the classroom. By the end of the day, my daughter had made a new best friend, and all was good again. 

The inspiration for this design, and animation, comes from a video game my kids played when they were young, called Little Big Planet. The visuals in the game were a combination of paper and fabric art, illustrations, and realistic photos – a styling I really like.  

For my back-to-school animation, the background paper art images were created with Adobe Firefly’s AI software. I entered a simple prompt of “paper art of a school, wide shot, bright colors” and Firefly generated options to choose from. I then just replaced the word “school” in the prompt to “summer lake”, “countryside”, “neighborhood”, and “classroom” for the other backgrounds needed for the animation. This way, I was able to get the fantastic art, quickly, without investing time in searching a stock image library for images that worked aesthetically and all visually coordinated.

For the kid images and line art accent graphics, I was not satisfied with the AI generated art options and did invest time sourcing these from our from our stock photo resources. 

Using only the Morph transition was a challenge, mainly trying to get the timing of the animations exactly how I liked them. My solution for this project was spreading out the Morph sequences over extra slides. Also, with so many art elements, getting the correct layering to prevent visual glitches was tricky. TIP: name each element in the Selection Panel starting with the “double !!”. 

Like back-to-school time, creating a complex Morph transition can give you a little anxiety, but once you get past that initial intimidation, it can become your new best friend. When well planned, the unique animations a Morph transition can create will really grab an audience’s attention and make your slides, and message, very impactful. 

This is part 2 of our 3 part series showcasing back-to-school PowerPoint Morph animations. Look for part 3 soon! 

By |2024-09-06T17:11:53-07:00September 5th, 2024|PowerPoint|
Go to Top