If you’re aiming to elevate your Powerpoint presentation skills, especially with modern and eye-catching design effects, you’ve come to the right place. Today, we’ll dive deep into creating an impressive animated glassmorphic effect using PowerPoint—an effect that adds a frosty, translucent aesthetic to your slides making them look sleek and professional.

This guide will walk you through every step of the process, from designing the slide elements with gradient fills to applying artistic effects and finally animating your slide using the morph transition. Whether you’re a beginner or an intermediate PowerPoint user, this tutorial will empower you to create stunning presentations quickly and efficiently.

Table of Contents

• Understanding the Glassmorphic Effect
• Preparing Your Slide Design
• Applying Gradient Fills to Elements
• Converting Design to Picture and Adding Effects
• Creating the Blurred Circle Mask
• Animating with Morph Transition
• Enhancing the Glow Effect
• Tips for Using Multiple Circles
• Frequently Asked Questions (FAQ)
• Conclusion

Understanding the Glassmorphic Effect

The glassmorphic design trend is characterized by translucent, frosted glass-like elements layered over colorful backgrounds. It creates a visually appealing depth and texture, often enhanced by blur and shadow effects that simulate the way light interacts with glass surfaces. This effect has gained popularity in UI/UX design and can be effectively replicated in PowerPoint to give your presentations a modern, polished look.

In this tutorial, you’ll learn how to create an animated glassmorphic effect that not only looks stunning but also moves smoothly, adding dynamic interest to your slides. The key components of this effect include:

• Text and shapes filled with beautiful gradient colors
• Applying picture effects like film grain and blur to add texture and softness
• Using shape merging techniques to crop blurred images into custom shapes
• Animating the effect with PowerPoint‘s morph transition for smooth movement

Powerpoint presentation skills like these can dramatically improve the visual impact of your slides and help you stand out in any presentation environment.

Preparing Your Slide Design

Before diving into effects and animation, it’s essential to prepare your slide layout and design elements carefully. This includes inserting text boxes and circles with specific gradient fills that will form the foundation of your glassmorphic effect.

Step 1: Insert Text Boxes and Circles

Begin by creating two text boxes and two circles on your slide. Here’s how:

1. Open a new slide in PowerPoint Microsoft 365 (Windows version recommended for compatibility).
2. Insert two text boxes using the “Insert” tab and type your desired text.
3. Draw two perfect circles by holding the Shift key while dragging the shape tool.

For the text boxes, use a large, eye-catching font. The font used here is Hanson, a free font you can download here. This font has a modern, bold style that complements the glassmorphic aesthetic perfectly.

Set the font sizes to:

Text Box	Font Size
First Text Box	190 pt
Second Text Box	125 pt

Step 2: Align and Group Text Boxes

Once your text boxes are created and formatted, align them properly:

• Select both text boxes by holding Shift and clicking each.
• Group them by right-clicking and choosing Group.
• Center-align the grouped text so it sits perfectly in the middle of your slide.

Step 3: Position the Circles

Next, position your circles where you want the glassmorphic highlights to appear. Use two circles placed strategically behind the text boxes to add depth and interest.

• Send the circles to the back (Right Click > Send to Back) so the text remains visible on top.
• Rotate the circles slightly for a dynamic composition.
• Duplicate the first circle and place the second one in a different position.

Applying Gradient Fills to Elements

The glassmorphic effect relies heavily on beautiful gradient fills for both shapes and text. Here’s how to create and apply these gradients:

Gradient Fill for Circles

Each circle uses a radial gradient fill made up of two color stops. The key to the look is setting the right colors, transparency, and positioning:

• The first color stop is a light color with some transparency to create softness.
• The second color stop is a slightly darker color to add depth.

Use specific hex codes and transparency values for best results (these can be customized based on your color theme). You can copy the fill style from one circle and apply it to the other using the Ctrl + Shift + C and Ctrl + Shift + V shortcut keys.

Gradient Fill for Text

The text boxes are filled with linear gradient fills:

• The first text box uses a gradient with four color stops for a rich, layered effect.
• The second text box uses a gradient with five color stops to add even more color variation.

To apply these fills quickly, copy the style from one text box and paste it onto the other using the same shortcut keys mentioned above.

Converting Design to Picture and Adding Effects

Now that your slide elements are beautifully arranged and filled with gradients, the next step is to convert the entire design into a picture. This is crucial because it allows you to apply advanced picture effects that are not available on individual shapes or text boxes.

Step 1: Convert to Picture

• Select all elements on the slide (hold down Shift and click all objects).
• Cut the selection with Ctrl + X.
• Paste it back using Ctrl + V, but make sure to paste as a picture.

This conversion simplifies the design into a single image that you can manipulate with picture effects.

Step 2: Apply Artistic Effects

With your design now a picture, apply the following effects to achieve the textured, glass-like feel:

• Go to Picture Format > Artistic Effects and select Film Grain.
• Set the grain size to 50 for a nice subtle texture.
• Adjust picture color options to boost saturation and color temperature to the maximum to enhance vibrancy.
• Add some transparency (around 20-30%) to soften the effect and avoid intensity overload.

Creating the Blurred Circle Mask

This step is where the magic happens. You will create a blurred version of your slide design and then crop it into a circle to simulate the frosted glass effect.

Step 1: Save Slide as Picture

Since PowerPoint doesn’t have a direct “save slide as picture” button for your current design, here’s a quick workaround:

• Start your slideshow and capture a screenshot of the slide using Print Screen or Shift + Windows + S on Windows.
• Paste the screenshot back onto your slide using Ctrl + V.
• Center the screenshot perfectly over your slide.

Step 2: Apply Maximum Blur

• Select the screenshot image.
• Go to Picture Format > Artistic Effects and choose the Blur effect.
• Set the blur amount to maximum.

This blurred image will serve as the frosted background that mimics the glass effect.

Step 3: Crop the Blurred Image into a Circle

• Insert a new circle shape anywhere on your slide.
• Select the blurred image first, then hold Shift and select the circle.
• Go to Shape Format > Merge Shapes and choose Intersect.

This crops the blurred image to the shape of your circle.

Step 4: Add Frosty Effects

• Add a white inside shadow to the circle to enhance the frosted glass look.
• Add a subtle white outline (1 pt width, 20% transparency) around the circle for definition.

Animating with Morph Transition

Once your glassmorphic circle is ready, it’s time to bring it to life with animation. PowerPoint’s Morph transition is perfect for this, as it smoothly animates the movement and transformation of objects between slides.

Step 1: Duplicate the Slide

• Duplicate your slide by selecting it in the slide pane and pressing Ctrl + D or right-clicking and choosing Duplicate Slide.

Step 2: Reposition and Crop the Circle

• On the duplicated slide, select the glassmorphic circle.
• Go to Picture Format > Crop.
• Use the crop handles to reposition the circle to a new location on the slide (make sure not to grab the black handles that resize the shape).
• Click Crop to apply changes.

Step 3: Apply Morph Transition

• Go to the Transitions tab.
• Select Morph as the transition for the second slide.
• Adjust the transition duration to your liking for a smooth animation.

When you play the slideshow, the glassmorphic circle will animate smoothly from one position to another, creating an engaging visual effect.

Enhancing the Glow Effect

To make your glassmorphic design even more eye-catching, you can add a glowing effect by duplicating the slide design and applying additional blur.

Steps to Add Glow

1. Select your slide design picture (the one with gradient fills and effects).
2. Duplicate it and position the duplicate directly on top of the original.
3. Apply the maximum blur artistic effect to the top duplicate.
4. Send the blurred duplicate to the back so the grainy design remains visible on top.
5. Copy and paste this blurred design onto the second slide as well, centering and sending it to the back.

This layering creates a soft glow emanating from the glassmorphic shapes, increasing the depth and realism of the effect.

Tips for Using Multiple Circles

You’re not limited to just two circles; feel free to add as many as you want to create a more complex and dynamic glassmorphic design. Here are some tips:

• Use the selection pane (Home > Select > Selection Pane) to manage multiple circles easily.
• Vary the size, position, and opacity of circles to avoid uniformity and add visual interest.
• Apply the glow and blur effects consistently to all circles for a cohesive look.
• Keep the text legible by ensuring circles do not overlap or distract excessively.

Frequently Asked Questions (FAQ)

What version of PowerPoint do I need to create the glassmorphic effect?

This tutorial uses PowerPoint Microsoft 365 on Windows, which supports the Morph transition and advanced picture effects. Earlier versions may not support all features.

Can I use any font for the text boxes?

Yes, but it’s best to use a bold, modern font like Hanson (free to download) for maximum visual impact. Avoid overly decorative fonts that may reduce readability.

How do I paste elements as a picture in PowerPoint?

After copying your elements, use Paste Special and select Picture (Enhanced Metafile) or simply paste and then right-click the pasted object and choose Save as Picture if needed.

Is the Morph transition necessary?

While the Morph transition is not mandatory, it is highly recommended as it provides smooth animations that greatly enhance the glassmorphic effect’s appeal.

Can I customize the colors used in the gradients?

Absolutely! The hex codes and color stops can be adjusted to fit your brand or presentation theme. Just ensure the gradients maintain a soft, translucent feel.

How can I add more circles without cluttering the slide?

Balance is key. Use the Selection Pane to manage layers and keep circles subtle with lower opacity and smaller sizes. Avoid overlapping too many circles directly over the text.

Conclusion

Mastering Powerpoint presentation skills like creating the animated glassmorphic effect can set your presentations apart with a modern, professional aesthetic. By combining gradient fills, picture effects, shape merging, and the Morph transition animation, you can create stunning slide designs that captivate your audience.

Remember, the key steps include:

• Designing your slide with gradient-filled text and circles
• Converting your design to a picture to apply artistic effects
• Creating a blurred circular mask for the glass effect
• Animating with the Morph transition for smooth movement
• Enhancing with glow effects by layering blurred images

Feel free to experiment with colors, shapes, and animation timing to make the effect uniquely yours. The glassmorphic effect is versatile and can be adapted for a variety of presentation topics and styles.

Keep practicing these techniques to sharpen your PowerPoint skills and impress your audience every time you present. Happy designing!

Check out the full video: PowerPoint Presentation Skills: Creating the Glassmorphic Effect! ✨