Featured

If you’ve ever wanted to elevate your PowerPoint presentations with captivating animations and smooth slide transitions, you’re in the right place. In this comprehensive guide, we’ll break down exactly how to create a stunning title slide animation in PowerPoint and achieve a beautiful transition to the next slide using the powerful powerpoint animation tools. This tutorial is based on the expert techniques shared by One Skill PPT, who offers a free Pitch Zoom template to get you started on your animation journey.

Whether you’re a beginner or looking to polish your presentation skills, this step-by-step article will guide you through designing an engaging slide with a modern glassmorphic effect, animating text with finesse, and leveraging the Morph transition for a professional finish. Ready to wow your audience? Let’s dive into the wonderful world of PowerPoint animations.

Table of Contents

Getting Started: Downloading the Free Template and Setting Up Your Slide

Before we jump into the animation magic, you’ll want to start with the free Pitch Zoom PowerPoint template provided by One Skill PPT. This template contains the essential design elements that will save you time and help you understand the animation process.

Here’s how to get it:

  1. Visit pptskill.com.
  2. Click on Preview and sign up for a free account.
  3. Once logged in, navigate to Chapter 12 and find the Bonus Slides Pitch Zoom Template.
  4. Scroll down to locate the Download button and click it to get your free template.

With the template ready, open PowerPoint and prepare a fresh blank slide to start building your animation from scratch.

The first step is to add a beautiful background image to your slide. The image used in the example comes from Freepik, and you can use any high-quality photo that fits your presentation theme.

Copying and pasting a beautiful background image into a blank PowerPoint slide

Copy the image from a previous slide or your image folder and paste it onto your blank slide. This image will serve as the base for the glassmorphic effect we’ll create next.

Creating the Glassmorphic Effect: A Modern Design Trend

Glassmorphism is a trendy design technique that mimics frosted glass by combining transparency, blur, and subtle shadows. It adds a sleek, modern feel to your slides and makes your content pop.

Here’s how to create this effect in PowerPoint:

Step 1: Add a Blurred Background Image

  1. Duplicate the background image on your slide.
  2. Right-click the duplicate and select Picture Format.
  3. Navigate to Artistic Effects and choose the Blur effect.
  4. Adjust the blur to the maximum setting to create a fully blurred image.
  5. Copy this blurred image and delete it from the slide.
  6. Click on the slide background (outside any objects), then go to Format Background.
  7. Choose Picture or texture fill and select Clipboard as the picture source to paste the blurred image as the slide background.

Applying maximum blur effect to a duplicated image in PowerPoint

Now your slide background is a blurred version of your original image, setting the stage for the glassmorphic shapes.

Step 2: Create Glassmorphic Shapes

To add the glass effect, insert a shape that will act like a frosted glass pane:

  1. Insert a shape of your choice (e.g., a circle or rectangle).
  2. Right-click the shape and select Format Shape.
  3. Under Fill, choose Slide Background Fill. This makes the shape fill with the blurred background you set earlier.
  4. Add a thin white outline to the shape for contrast.
  5. Apply a white inside shadow with a slight blur to mimic the light diffusion of glass.

Creating a glassmorphic circle shape with slide background fill in PowerPoint

This technique allows the shape to adapt dynamically to the background image, maintaining the glass effect even if you move the shape around.

Animating Your Title Text: Smooth Fade and Motion Path

Next, let’s bring your slide title to life with elegant animations. The goal is to have the title words fade in with a subtle upward motion, creating a professional and engaging effect.

Step 1: Prepare Your Text Boxes

Start by copying the three text boxes that make up your slide title (e.g., “Pitch Zoom Template” words) and paste them onto your slide.

Also, copy any decorative shapes like rounded rectangles from your corners to enhance the design.

Step 2: Clear Existing Animations

Open the Animation Pane and remove any pre-existing animations to start fresh.

Step 3: Add Wipe Animation

  1. Select the first text box (e.g., “Pitch”).
  2. Add a Wipe animation with the direction set to From Top.
  3. Set the animation to start With Previous and give it a duration of around 0.8 seconds.

Step 4: Add Motion Path Animation

  1. Add a Motion Path: Line animation to the same text box.
  2. Drag the red endpoint of the motion path slightly upward to shorten the travel distance.
  3. Set this animation to start With Previous and duration to about 1.25 seconds.
  4. In the animation options, apply Maximum Smooth End.
  5. Reverse the path direction so the text moves upward instead of downward.

Animating text box with wipe from top and upward motion path in PowerPoint

This combination makes the text box wipe in from the top while simultaneously moving up, creating a sleek entrance effect.

Step 5: Duplicate Animations to Other Text Boxes

To save time, use the Animation Painter tool:

  • Select the first animated text box.
  • Double-click the Animation Painter.
  • Click on each of the other text boxes to apply the same animations.
  • Adjust the start delays for the middle and last text boxes to add a staggered effect (e.g., 0.25 seconds and 0.5 seconds delays respectively).

Step 6: Animate Decorative Shapes

Apply the same two animations (wipe and motion path) to the rounded rectangles in the corners to create a cohesive look. Move their animations to the top of the animation list to keep your pane organized.

Completed title slide animation with text and corner shapes fading in smoothly

Seamless Slide Transition with Morph and Zoom Effects

Transitions are just as important as animations because they set the flow of the presentation. Here’s how to create a smooth transition from your title slide to the next slide using the Morph transition.

Step 1: Create a Second Blank Slide

Add a new blank slide where you’ll place your glassmorphic circles and zoomed-in background.

Step 2: Add Background Image and Crop

Use the same background image as the first slide, but crop and zoom in slightly to create a subtle zoom effect during transition.

Step 3: Set Morph Transition

Apply the Morph transition to this slide with a duration of about 2 seconds.

Applying morph transition with zoomed background image

Step 4: Add Blurred Background and Foreground Image

Repeat the blurred background technique for this slide and place the original sharp image on top.

Step 5: Prepare Content Elements

  • Copy the rounded rectangles from the previous slide but remove their animations.
  • Copy the “Table of Contents” text box to this slide and the previous one, but position it outside the visible slide area on the first slide so Morph can animate it in.

Smooth zoom in transition with morph and table of contents text appearing

When you play the slideshow, the Morph transition will create a subtle zoom effect on the background and slide in the table of contents from the top, giving a professional and dynamic feel.

Animating Glassmorphic Circles with Zoom and Spin

Now, let’s animate the glassmorphic circles on the second slide to add motion and interactivity.

Step 1: Design Your Circles

The circles use the same glassmorphic fill as before — slide background fill with a white outline and inside shadow.

Some circles contain text, while smaller circles are grouped with icons (e.g., from Phosphor Icons).

Step 2: Copy Circles to Second Slide

Paste all the circles onto the second slide, ensuring no animations are applied yet.

Step 3: Name Your Shapes Properly

For the Morph transition to work flawlessly, shape names must be consistent across slides.

Tip Example Naming
Start all shape names with double exclamation marks “!!” !!Mission (small circle), !!Mission Big (big circle)
Use the same names on both slides Copy shapes from slide 2 to slide 1 to keep names consistent

Naming glassmorphic circles with double exclamation marks for morph transition

Step 4: Align and Resize Circles on Slide 1

Copy the bigger circles to slide 1, center-align them precisely, and position them to the right. Resize them to about 7 cm height and width.

Make the circle text transparent on slide 1 so it doesn’t appear prematurely.

Step 5: Animate Circles on Slide 1

Add animations to the small and big circles:

  • Zoom In: Start with previous, duration 0.75 seconds, delay 0.75 seconds.
  • Spin: Start with previous, duration 1.5 seconds, delay 0.75 seconds, with maximum smooth end.

Use the Animation Painter to copy these two animations to all smaller circles and big circles.

Circles zooming and spinning as part of PowerPoint animation

Step 6: Fix Premature Text Appearance

If you notice text from other circles appearing too soon (e.g., “Financials”), add an Appear animation to those big circles with a delay (e.g., 2.25 seconds) so they show only after the transition.

Tips for Naming Shapes and Organizing Animations

Proper organization is crucial when working with advanced animations and transitions in PowerPoint:

  • Name your shapes consistently: Use prefixes like “!!” to keep track and ensure Morph transitions work correctly.
  • Align shapes precisely: Use PowerPoint’s align tools to stack and position shapes for smooth morphing.
  • Manage your Animation Pane: Delete unnecessary animations and reorder animations logically to keep your workflow clean.
  • Use Animation Painter: Duplicate complex animations easily across multiple objects.

Following these tips will save time and prevent common issues when animating multiple objects with transitions.

Frequently Asked Questions (FAQ)

What is the glassmorphic effect in PowerPoint?

Glassmorphism is a design style that simulates frosted glass by using blurred backgrounds, transparency, and subtle shadows within shapes. In PowerPoint, it’s achieved by filling shapes with the slide background fill (which uses a blurred background image) and adding white outlines and blurred shadows for depth.

How do I create smooth animations for title text?

Combine wipe animations with motion path animations. For example, apply a wipe from top and simultaneously add an upward motion path with smooth easing. Adjust delays for staggered entrances and use the Animation Painter to copy animations efficiently.

What is the Morph transition, and how does it help?

The Morph transition in PowerPoint animates smooth transformations between slides by recognizing shapes with the same name and animating their position, size, and other properties. It’s perfect for zoom effects and distributing objects across slides seamlessly.

Why should I name my shapes with double exclamation marks (!!)?

Naming shapes with “!!” at the beginning helps PowerPoint recognize and match shapes during Morph transitions, ensuring animations don’t get mixed up or misplaced between slides.

Can I add interactive elements like clickable slide zooms to these circles?

Yes! You can add clickable slide zooms inside the glassmorphic circles to create interactive navigation within your presentation. For detailed instructions, check out the previous Pitch Zoom tutorial by the same creator.

Is this Pitch Zoom template free to use?

Absolutely! The Pitch Zoom template used in this tutorial is 100% free and available for download at pptskill.com.

Conclusion: Take Your PowerPoint Animations to the Next Level

Creating professional and eye-catching PowerPoint animations is easier than you think once you understand the techniques behind the scenes. From crafting a modern glassmorphic effect to animating your title text with wipe and motion path combinations, and finishing with a seamless Morph transition, you can transform your presentations into dynamic visual experiences.

Remember to:

  • Use high-quality background images and blur them for depth.
  • Apply slide background fills to shapes for that glass effect.
  • Combine multiple animations on text and shapes for smooth entrances.
  • Leverage the Morph transition and consistent shape naming for flawless slide transitions.
  • Organize animations and use the Animation Painter to save time.

With the free Pitch Zoom template and these detailed steps, you’re well on your way to mastering powerpoint animation and impressing your audience with stunning visuals. Ready to go further? Consider adding clickable slide zooms inside your glassmorphic circles for interactive presentations.

Explore more tutorials, download templates, and keep experimenting with PowerPoint’s robust animation features to elevate your presentation game.

Happy animating!

Get 15+ Mio. PowerPoint Assets - FREE SIGN-UP

Sign up for free to our PowerPoint extension, ExpertSlides. Everything you need, directly in PowerPoint. No credit card required.

You have been successfully signed up. You will receive an email with your password in a few moments.