PowerPoint slide design is an essential skill for anyone looking to create visually impressive presentations that captivate audiences. In this comprehensive tutorial, we’ll explore how to design stunning slides featuring rounded hexagons filled with beautiful background images, and how to animate them for a polished, professional look. Whether you’re a beginner or an experienced user, this step-by-step guide will enhance your PowerPoint slide design capabilities and help you develop creative slides that stand out.

This tutorial is inspired by the expert guidance from One Skill PPT, who shares practical tips and tricks on designing and animating slides with rounded hexagons using PowerPoint and external tools like Figma.

Table of Contents

• Getting Started: Preparing Your Slide
• Adding a Beautiful Background Image
• Creating a Semi-Transparent Dark Overlay
• Using Slide Background Fill for Shapes
• How to Create Rounded Hexagons for Your Slides
• Importing and Editing SVG Hexagons in PowerPoint
• Arranging and Grouping Hexagons on the Slide
• Adding Animations to Hexagon Groups
• Animating Text Boxes for a Complete Design
• Easily Changing the Slide’s Look with New Photos
• Frequently Asked Questions
• Conclusion

Getting Started: Preparing Your Slide

The first step in creating an impressive PowerPoint slide design is to start fresh with a blank slide. This allows you to build your design from the ground up without distractions or preset layouts.

Open PowerPoint and insert a new blank slide where you will create your masterpiece. This clean slate will provide the foundation for the background image, shapes, and animations that follow.

Adding a Beautiful Background Image

Visual impact begins with a compelling background image. For this tutorial, you can download high-quality photos from Unsplash.com, a free resource for stunning images.

Once you have selected a photo, copy it by pressing Ctrl + C (or Command + C on Mac). Then, return to your PowerPoint slide and right-click anywhere on the slide.

Choose Format Background from the context menu. In the Format Background pane, select Picture or texture fill and then click on Clipboard. This action pastes the copied photo as the slide background.

Note that once set as a background, the image cannot be selected or moved directly on the slide, which helps keep your design elements organized.

Creating a Semi-Transparent Dark Overlay

To ensure your content stands out against the background, add a semi-transparent dark rectangle overlay. This effect creates contrast while allowing the background image to remain visible.

Follow these steps:

• Go to the Insert tab and select Shapes.
• Choose the Rectangle tool.
• Draw a rectangle that covers the entire slide by aligning it to the top-left corner and dragging the bottom-right corner.
• Fill the rectangle with black color.
• Adjust the transparency to 20% so the background image subtly shows through.

This dark overlay serves as a canvas that enhances the visibility of your shapes and text.

Using Slide Background Fill for Shapes

One of the standout features in PowerPoint slide design is the ability to fill shapes with the slide background image, creating a dynamic and integrated look.

To demonstrate this, insert a simple shape like a circle:

• Go to Insert > Shapes and select the circle.
• Draw the circle on the slide.
• Right-click the shape, select Format Shape, and navigate to Fill options.
• Choose Slide Background Fill.

Notice how the shape now displays a portion of the background image, giving a window-like effect that adds depth and creativity to your slide.

How to Create Rounded Hexagons for Your Slides

Rounded hexagons are visually appealing and versatile shapes that can add a unique touch to your PowerPoint slide design. However, PowerPoint does not offer a default rounded hexagon shape, only a regular hexagon with sharp corners.

To overcome this limitation, you can create a rounded hexagon using an external free online design tool called Figma. Figma is widely used for UI/UX design but works perfectly for this task.

Here’s how to create your rounded hexagon in Figma:

1. Go to figma.com and sign up or log in with your Google account.
2. Click New Design File to start a new project.
3. Select the Polygon Tool from the shape tools (usually under the rectangle tool dropdown).
4. Hold down the Shift key and draw a polygon. By default, it will be a triangle.
5. Change the number of sides to 6 in the polygon properties to create a hexagon.
6. Adjust the corner radius slider or input field to round the corners. A value of 50 gives a smooth rounded effect.
7. Once satisfied, select the shape and export it as an SVG file.

This process creates a custom rounded hexagon that you can bring into PowerPoint for further editing and use.

Importing and Editing SVG Hexagons in PowerPoint

After exporting your rounded hexagon as an SVG file from Figma, import it into PowerPoint:

1. Go to Insert > Pictures > This Device and select your exported SVG file.
2. Once inserted, the hexagon may not be fully editable initially.
3. Select the hexagon and click Convert to Shape from the graphics tools. This action unlocks all editing capabilities.
4. You can now resize the hexagon freely while maintaining the aspect ratio. For instance, set the height to 7 centimeters and lock the aspect ratio to keep proportions consistent.
5. Change the fill type to solid color or slide background fill as desired.

Having a fully editable rounded hexagon opens up many creative possibilities for your slide design.

Arranging and Grouping Hexagons on the Slide

With your rounded hexagon ready, it’s time to build a compelling pattern:

• Place the hexagon in the center of your slide.
• Hold Ctrl + Shift and drag to create copies of the hexagon in a straight line, adjusting the gap between shapes based on your preference (narrow gaps often look sleek).
• Create a row of four hexagons, and then group them together using Ctrl + G.
• Duplicate the group horizontally and vertically to form a grid or staggered pattern.
• Add extra hexagons at the top and bottom edges as needed to complete the layout.
• Ungroup the sets and delete any hexagons that extend beyond the slide’s visible area.
• Select all visible hexagons and change their fill to Slide Background Fill, so they reflect the background image seamlessly.
• Group hexagons into logical clusters (e.g., middle row, top row, bottom row) to simplify animation and editing.

This arrangement creates a modern and dynamic slide background that can be customized and animated.

Adding Animations to Hexagon Groups

Animations bring your slide to life and engage the audience. PowerPoint offers various animation effects that can be applied to grouped objects.

To animate your hexagon groups:

1. Open the Animations Pane to manage your animations clearly.
2. Select all hexagon groups.
3. Choose the Fly In animation effect.
4. Set the direction to From Top for most groups.
5. Adjust the start option to With Previous so animations play automatically.
6. Set the duration to 2 seconds for a smooth entrance.
7. Modify the animation options to use Maximum Smooth End for a soft landing effect.
8. For the bottom two rows, change the fly-in direction to From Bottom for visual balance.
9. Adjust the layering so the middle row stays in front, and the top and bottom rows are sent to the back for a natural overlap.
10. Send the semi-transparent rectangle overlay to the back to keep the hexagons visible on top.

Preview your slide to see the hexagons gracefully flying into the view with a professional touch.

Animating Text Boxes for a Complete Design

To complete your slide design, add text elements such as titles, logos, or slide numbers. These should complement the hexagon design and not overpower it.

To add and animate text boxes:

1. Copy the text boxes and logo from a previous slide or create new ones.
2. Paste them onto your current slide.
3. Group all text boxes into a single group for easier animation.
4. Apply the Flame animation effect with the direction set to From Left.
5. Set the animation to start With Previous alongside the hexagon animations.
6. Set the duration to 2 seconds for consistency.
7. Use the bounce slider to add a bounce effect lasting 1.5 seconds for a lively entrance.

This subtle bouncing text animation pairs well with the flying hexagons, creating a cohesive and engaging slide.

Easily Changing the Slide’s Look with New Photos

One of the best features of this slide design is its flexibility. You can quickly change the background photo and have the entire slide update seamlessly.

To change the background photo and update the slide background fill of hexagons:

1. Copy a new photo from your image source.
2. Go to the slide and open Format Shape options for the hexagons.
3. Under Fill, select Slide Background Fill.
4. Click Clipboard to paste the new photo as the background fill.
5. Notice how all hexagons and background elements update instantly with the new photo.

You can repeat this process with different photos to create a variety of looks without rebuilding your slide.

Frequently Asked Questions

How can I create rounded shapes that PowerPoint doesn’t offer by default?

PowerPoint lacks some custom shapes like rounded hexagons. You can use free online design tools like Figma to create custom shapes with rounded corners and export them as SVG files, which can be imported and edited in PowerPoint.

What is the advantage of using slide background fill for shapes?

Slide background fill allows shapes to display a portion of the background image, creating a cohesive and visually integrated design. This technique makes the shapes appear as windows into the background, enhancing the slide’s depth and creativity.

Can I animate multiple shapes at once?

Yes, grouping shapes into logical clusters and applying animations to the groups simplifies the animation process and ensures synchronized effects.

Is it possible to change the background image without redesigning the entire slide?

Absolutely. By using the slide background fill feature and updating the background image in the format options, you can quickly refresh the slide’s look with new photos.

Do I need special software to create the rounded hexagons?

No, the free version of Figma available online is sufficient for creating and exporting rounded hexagons for PowerPoint.

What animation effects work best for this slide design?

Fly In animations with smooth easing effects for the hexagons and bounce animations for text boxes create a dynamic yet professional appearance.

Conclusion

Mastering PowerPoint slide design with creative elements like rounded hexagons and engaging animations elevates your presentation skills and makes your slides memorable. By combining PowerPoint’s built-in features with free external tools like Figma, you can create unique shapes and effects that are not available by default.

This tutorial guides you through every step—from setting a gorgeous background and overlay, creating and importing rounded hexagons, arranging and grouping them, to applying animations and customizing your slide effortlessly.

Remember, the key to standout presentations is not just the content but also the design and delivery. With these techniques, you can impress your audience and communicate your message with style and clarity.

For those pressed for time, consider using high-quality PowerPoint templates that incorporate these design principles, available from reputable sources.

Happy designing, and may your PowerPoint slides always captivate!