
If you’re looking to elevate your presentations and create visually impressive slides, mastering PowerPoint slide design is essential. In this comprehensive tutorial, we will guide you step-by-step on how to design eye-catching slides featuring rounded hexagons filled with dynamic background images and add smooth animations that bring your slides to life. Whether you’re a beginner or an intermediate PowerPoint user, this tutorial will empower you to create professional, animated slides that stand out.
PowerPoint slide design is not just about placing images and text on a slide; it’s about crafting an engaging visual experience that communicates your message effectively. This tutorial covers everything—from setting a beautiful background and creating unique shapes to applying animations for a polished, professional look.
Table of Contents
- Getting Started: Setting Up Your Slide Background
- Creating Shapes with Slide Background Fill
- How to Create Rounded Hexagons Using Figma
- Importing and Editing Rounded Hexagons in PowerPoint
- Arranging and Grouping Hexagons for Design
- Adding Animations to Hexagon Groups
- Finalizing Your Slide with Text and Animations
- Customizing Slide Backgrounds Easily
- Frequently Asked Questions
- Conclusion
Getting Started: Setting Up Your Slide Background
Every great slide design starts with an appealing and meaningful background. In this tutorial, we begin by filling a blank slide with a beautiful, high-quality image that will set the tone for the entire slide.
- Start with a fresh, blank slide in PowerPoint.
- Download high-resolution photos from Unsplash.com. The video description also provides direct links to recommended photos.
- Select the photo you want to use, copy it by pressing Ctrl + C (or Command + C on Mac).
- Return to your empty slide in PowerPoint, right-click on the slide background, and select Format Background.
- In the Format Background pane, choose Picture or texture fill, then select Clipboard to paste the copied photo as your slide background.
This method embeds the photo as the slide’s background, making it unselectable during editing, which is ideal for designing on top without accidentally moving the image.

Creating Shapes with Slide Background Fill
Now that your slide has a stunning background, the next step is to add shapes that harmonize with this background. PowerPoint allows shapes to be filled with the slide background, creating a seamless and creative design effect.
- Go to the Insert tab and select Shapes.
- Choose the Rectangle shape and draw one that covers the entire slide.
- Fill this rectangle with black color and set its transparency to about 20%. This semi-transparent dark overlay ensures your slide content stands out while maintaining the background’s beauty.
- Insert any shape you like, for example, a circle.
- Select the shape, open the Format Shape pane, and under Fill, choose Slide Background Fill. This causes the shape to adopt the background image fill, making it look like a window into the background.
This technique is the foundation of the creative slide design we will build upon. It allows you to create shapes that blend perfectly with your background, adding depth and visual interest.

How to Create Rounded Hexagons Using Figma
While PowerPoint offers many shapes, it does not provide rounded hexagons by default. The closest built-in shape is a hexagon with sharp corners, but for a softer, more modern look, rounded hexagons are preferable.
To create these, we’ll use a free, external design tool called Figma, which is usually used for website and app design but works great for this purpose.
- Go to figma.com and sign up or log in using your Gmail account.
- Click on New Design File to start a new project.
- Choose the Polygon Tool from the shape tools (it looks like a triangle).
- Hold the Shift key and draw a perfect polygon.
- Change the number of sides from 3 (triangle) to 6 to create a hexagon.
- Adjust the corner radius slider to set the roundness of the hexagon corners. Setting it to 50 creates a nicely rounded hexagon.
- Select the shape and click Export. Choose the SVG format for best compatibility.
This simple yet powerful process gives you a custom rounded hexagon that you can import and edit in PowerPoint.

Importing and Editing Rounded Hexagons in PowerPoint
Once you have your rounded hexagon SVG file, it’s time to bring it into PowerPoint and make it fully editable.
- In PowerPoint, go to Insert > Pictures > This Device and locate your rounded hexagon SVG file.
- Insert the SVG onto your slide.
- Initially, some fill options may be grayed out. To fix this, select the SVG and click Convert to Shape from the Graphics Format tab.
- Now, the rounded hexagon is fully editable, and you can apply any fill, including the Slide Background Fill.
- Resize the hexagon to your desired size (in the tutorial, a height of 7 cm is used), ensuring the aspect ratio is locked to maintain proportions.
- Position the hexagon in the middle of the slide.
With this editable, rounded hexagon, you’re ready to start creating your unique slide layout.

Arranging and Grouping Hexagons for Design
To build an attractive pattern, you’ll arrange multiple hexagons in rows and columns, with consistent gaps and overlaps that create a dynamic visual flow.
- Hold down Ctrl + Shift and drag the hexagon to create copies in a straight line.
- Adjust the spacing between hexagons to your liking (a narrow gap looks neat and professional).
- Create a row of four hexagons, then group these shapes together (Ctrl + G) to make managing them easier.
- Duplicate the entire group to create additional rows, aligning and spacing them precisely.
- Add extra hexagons at the top and bottom to complete the pattern.
- Ungroup the hexagons and delete any shapes that fall outside the visible slide area or light window to keep the design clean.
- Select all remaining hexagons and apply the Slide Background Fill to make them blend beautifully with the background image.
- Group hexagons into five distinct groups (middle, top, bottom, and sides) to prepare for animation.
This arrangement creates a visually pleasing mosaic of hexagons that appear to be cut out from the background image, adding depth and sophistication to your slide.

Adding Animations to Hexagon Groups
Animations breathe life into your slide and help guide your audience’s attention. Let’s add smooth flying animations to each group of hexagons.
- Open the Animation Pane to monitor your animations.
- Select all hexagon groups and add the Fly In animation.
- Set the animation direction to From Top for all groups initially.
- Change the Start option to With Previous so animations play automatically.
- Set the Duration to 2 seconds for smooth motion.
- Choose Maximum Smooth End in the animation options for a soft landing effect.
- Adjust the bottom two rows of hexagons to fly in From Bottom instead to add variety and balance.
- Fix overlapping by sending the top and bottom hexagon groups to the back and ensuring the middle row stays in front.
- Send the semi-transparent rectangle background to the back as well to make sure hexagons are clearly visible.
Preview the animations to see the hexagons fly in softly from different directions, overlapping in a pleasing, layered effect.

Finalizing Your Slide with Text and Animations
To complete your slide, add branding elements like logos, titles, and slide numbers, and animate these for a polished presentation.
- Copy logo, text boxes, and slide number from a previous slide or create new ones.
- Paste them onto your current slide and group the text elements for easier animation.
- Add a Flame animation to the grouped text boxes, setting the direction From Left.
- Set the animation to Start With Previous and duration to 2 seconds.
- Use the Bounce effect slider to adjust bounce timing to 1.5 seconds for a fun, dynamic entrance.
Now your slide features animated hexagons flying in with a smooth landing and text bouncing in from the side, creating an engaging and professional look.

Customizing Slide Backgrounds Easily
One of the great advantages of this slide design is its flexibility. You can quickly change the entire mood and look of your slide by switching the background photo, and the hexagons will automatically update to reflect the new image.
- Select a new photo and copy it to your clipboard.
- Go to any hexagon or shape using the Slide Background Fill option.
- In the fill options, choose Clipboard to update the fill with the new photo.
- Repeat this for different hexagons or the slide background itself to refresh your design instantly.
This approach allows you to maintain your slide layout and animations while giving your presentation a fresh, new look in seconds.

Frequently Asked Questions
What is Slide Background Fill in PowerPoint?
Slide Background Fill is a feature in PowerPoint that allows shapes to inherit the slide’s background image or color as their fill. This creates the effect of “cut-out” shapes revealing the background, perfect for creative designs like the hexagon slide in this tutorial.
Why use Figma to create rounded hexagons instead of PowerPoint shapes?
PowerPoint does not natively provide rounded hexagon shapes. Figma, a free web-based design tool, allows precise creation and customization of polygons with rounded corners. Exporting these as SVG files lets you import fully editable, custom shapes into PowerPoint.
Can I animate individual hexagons instead of groups?
Yes, you can animate individual hexagons separately for more complex effects. However, grouping hexagons simplifies managing animations and keeps the slide design organized, especially for larger patterns.
Is this slide design suitable for all presentation topics?
This creative PowerPoint slide design works well for modern, tech, marketing, or design-focused presentations. It adds a professional and dynamic visual style, but consider your audience and presentation context to ensure it suits your message.
How can I make the hexagons more colorful or add text inside them?
You can customize the fill colors of hexagons using solid colors or gradients instead of Slide Background Fill. Adding text inside hexagons is possible by inserting text boxes over each shape or grouping text with the hexagon. Just ensure text readability by adjusting contrast.
Are there any ready-made templates with similar hexagon designs?
Yes, if you’re short on time, consider using high-quality PowerPoint templates that feature hexagon designs and animations. The video creator recommends checking out curated template collections for professional and time-saving options.
Conclusion
Mastering PowerPoint slide design with creative shapes and animations can transform your presentations from ordinary to outstanding. This tutorial has shown you how to create impressive animated slides with rounded hexagons filled with your slide background image, adding depth, style, and professionalism.
By leveraging tools like Figma for custom shapes and PowerPoint’s animation features, you can craft engaging visuals that captivate your audience. Plus, the flexibility to quickly swap backgrounds means your slides stay fresh and adaptable to any presentation theme.
Remember, great slide design is about balancing creativity with clarity. Use these techniques to enhance your storytelling and make your presentations memorable.
For those who want to save time, exploring high-quality PowerPoint templates is a smart choice. Templates provide a foundation of beautiful designs and animations that you can customize to your needs.
Keep practicing these design skills, and you’ll become an unstoppable PowerPoint creator in no time!
Happy designing!