How To Create Animated 🔥Neumorphic🔥 PowerPoint Infographic

Welcome to this comprehensive guide on creating stunning animated neumorphic infographics in PowerPoint. Designed and inspired by the work of One Skill PowerPoint, this tutorial will walk you through every step of crafting both black-and-white and colorful gradient neumorphic designs, culminating in a dynamic animated infographic that can elevate your presentations to the next level.

Neumorphism, a design trend blending skeuomorphism and flat design, creates soft, extruded plastic-like surfaces with subtle shadows and highlights. It’s ideal for modern UI elements and infographics, giving your slides a fresh, tactile look that feels both contemporary and approachable.

Understanding Neumorphism and Its Application in PowerPoint
Tools and PowerPoint Version for Best Results
Step 1: Setting Up Your Neumorphic Slide Background
Step 2: Creating the Elevated Neumorphic Shape
Step 3: Creating the Inset Neumorphic Shape
Step 4: Combining Neumorphic Shapes to Create a Hollow Shape
Step 5: Creating a Neumorphic Button Design
Step 6: Assembling the Infographic Layout
Step 7: Adding Smooth Animations
Step 8: Creating the Color Version of the Infographic
Conclusion: Mastering Neumorphic Infographics in PowerPoint
Frequently Asked Questions (FAQ)
Additional Resources and Links

Understanding Neumorphism and Its Application in PowerPoint

If you’re new to neumorphic design, it’s helpful to first understand what sets it apart from traditional flat design. Neumorphism uses light and shadow to create an illusion of depth, making UI elements appear as if they are either pressed into or raised from the background. This style is characterized by:

Soft, diffused shadows
Minimal color palettes often based on subtle gradients
Consistent use of background color for shapes and slides
Use of both elevated (extruded) and inset (pressed) effects

For a deeper dive into neumorphism, I recommend watching Max McKinney’s insightful video on the subject, linked in the resources below. Additionally, the PowerPoint Design One tutorial offers valuable tips specifically for PowerPoint users seeking to master neumorphic styles.

To get inspired on real-world applications of neumorphic design, you can explore specialized PowerPoint templates that showcase this trend beautifully, also linked for your convenience.

Recommended Resources

Tools and PowerPoint Version for Best Results

Before we dive into the creation process, it’s important to highlight the PowerPoint version I am using to create these effects. I am working with Microsoft 365 on Windows, which includes the latest features such as morph transitions and slide zooms that enhance animations and transitions.

If you’re using an older version of PowerPoint, some features might not be available, so consider upgrading to Microsoft 365 for the best experience. A link for upgrading is provided below.

If you’re a Mac user, I’ve experimented with PowerPoint on Mac as well. If you’re interested in a Mac vs. Windows comparison for PowerPoint design capabilities, feel free to let me know in the comments section of my channel.

Step 1: Setting Up Your Neumorphic Slide Background

Let’s start fresh by creating a new slide with the appropriate background color. For neumorphic design, the slide background and the shapes you create must share the same color to achieve the characteristic soft shadow effect.

Here’s how to set it up:

Open a new slide in PowerPoint.
Go to Format Background → Fill → Solid Fill.
Choose a base color. While gray is a popular choice, I like to add a hint of blue to the gray to make it more visually interesting.
To get the exact color I use, select More Colors → Custom, and paste the HEX code I use (available in the video resources).

Once the slide background is set, remove any unnecessary elements like slide numbers or footers, or replace them with custom neumorphic versions if you prefer. I recommend my Skillshare class on creating modern PowerPoint templates for more on this.

Step 2: Creating the Elevated Neumorphic Shape

Now that the background is ready, let’s create our first neumorphic element: the elevated shape. This will look like it’s softly raised above the slide surface.

Follow these steps:

Insert a shape—let’s use a circle for this example. Hold down the Shift key while drawing to make a perfect circle.
Set the dimensions to 11 cm by 11 cm for consistency.
Center the shape on the slide and remove the outline.
Fill the shape with the exact same color as your slide background.
Add the dark shadow on the bottom right side:

Go to Shape Effects → Shadow.
Select the Bottom Right shadow preset.
Customize the shadow color to a darker gray (same hue as background but darker).
Set transparency to 60%, blur to 20 points, and distance to 15 points.

Since PowerPoint doesn’t allow two shadows on one shape, duplicate the circle.
On the duplicate, apply the light shadow on the opposite side:

Set the shadow angle to 225° (180° + 45°).
Choose white as the shadow color with 25% transparency.
Adjust blur and distance to match the dark shadow settings.

Align the two circles perfectly and group them.

This grouped shape now has the soft extruded effect characteristic of neumorphism. You can duplicate and resize this shape to create various elements for your infographic.

One cool trick I learned from the PowerPoint Design One tutorial is that once you create this grouped shape, you can quickly change it to any other shape you like—making your design process flexible and efficient.

Step 3: Creating the Inset Neumorphic Shape

The inset shape gives the impression that the element is pressed into the background. It’s a great complement to the elevated look and adds variety to your design.

To create an inset shape:

Duplicate your elevated circle and move it to the right side of the slide.
Ungroup the duplicate and delete the white shadow shape, leaving only the base circle with the dark shadow.
Add an inner shadow:

Go to Shape Effects → Shadow → choose Inner Top Left.
Set the shadow color to the same dark gray as before.
Adjust transparency to 60%, blur to 20, and distance to 15.

Apply a gradient fill to the circle:

Set the first color stop to the background gray at 50% position.
Set the second color stop to pure white.
Set the gradient direction to a 45° angle.

This creates the inset effect, making the shape appear sunken into the slide.

Step 4: Combining Neumorphic Shapes to Create a Hollow Shape

One of the most exciting parts is combining these shapes to create new designs. For example, you can resize the inset shape and place it on top of the elevated shape to create a hollow effect—a beautiful and modern look for infographics.

Group these combined shapes and center them on your slide for balance and symmetry.

You could also create a hollow shape directly from PowerPoint’s shape menu and apply the same shadow and gradient settings, but using these two shapes you’ve created saves time and ensures consistency.

Step 5: Creating a Neumorphic Button Design

Neumorphic buttons are subtle yet visually appealing, perfect for call-to-actions or highlighting key stats in your infographic.

To make a neumorphic button:

Create Slides in Seconds with ExpertSlides AI

Generate AI Presentations today:

TRY NOW!

Duplicate the hollow shape and delete the inset part, leaving just the elevated hollow shape.
Resize this shape to 4 cm by 4 cm.
Place a smaller circle above it for the button.
Apply a radial gradient fill to this small circle with three color stops:

White (lightest)
Background gray
Dark shadow gray

Set the gradient type to radial and adjust the direction to make the light appear softly centered.
To soften the shadow, go to 3D Format settings and apply a Round Top Bevel with zero width and height.
Add text on top using the Montserrat Semi Bold font at size 40 with the dark shadow gray color.

This results in a soft, inviting button that fits perfectly within your neumorphic infographic.

Step 6: Assembling the Infographic Layout

Now that you have your basic shapes and buttons, it’s time to assemble them into a cohesive infographic.

Here’s how I arranged mine:

Copy and paste your hollow shapes and buttons in a horizontal line across the slide.
Use guides or grids for precise alignment and equal spacing — the free Bright Slide PowerPoint add-in is a fantastic tool for creating these guides.
Group shapes and buttons as needed for easier manipulation.
Add icons inside the circles to visually represent each section of your infographic.
Include text boxes for titles or numbers to label each part.

By grouping and aligning everything neatly, your infographic will look professional and balanced.

Step 7: Adding Smooth Animations

Animations bring your infographic to life. I used a subtle floating effect where each group gently moves up and down, creating a dynamic yet unobtrusive movement.

Here’s how to achieve this:

Select the first group of shapes.
Go to the Animations tab and choose the Line animation.
Set the direction to Down.
Drag the shape upward slightly to define the travel distance.
In the animation settings, set:

Start: With Previous
Duration: 2 seconds
Smooth Start and End: 1 second each
Auto Reverse: Enabled
Repeat: Until End of Slide

Use the Animation Painter to copy this animation to the other groups.
Add staggered delays (e.g., 0.4 seconds between groups) for a natural flow.

Preview your slide in full screen to see the smooth floating effect in action.

Step 8: Creating the Color Version of the Infographic

While the black-and-white neumorphic infographic is elegant and minimalistic, adding color can make your infographic more vibrant and engaging.

To create the color version:

Duplicate your black-and-white infographic slide.
Ungroup all the shapes and buttons to access individual elements.
Select all icons and convert them from icons to shapes via Graphics Format → Convert to Shape. This allows gradient fills to be applied.
Copy the gradient fill styles from your color palette or previous slides and apply them to the icons and shapes using Format Painter or Paste Special.
Group the elements back together for easy animation.
Reapply animations as needed using the Animation Painter.
Add delays to keep the smooth floating effect consistent.

This approach ensures your infographic maintains the neumorphic style while adding eye-catching color gradients.

Conclusion: Mastering Neumorphic Infographics in PowerPoint

Congratulations! By following these steps, you now know how to create both black-and-white and colorful animated neumorphic infographics in PowerPoint. This modern design approach will make your presentations stand out with subtle depth, soft shadows, and smooth animations.

Remember these key takeaways:

Use the same color for your slide background and shapes to ensure the shadows blend seamlessly.
Combine light and dark shadows strategically to create elevated and inset effects.
Utilize gradient fills and bevel effects for additional depth and softness.
Group and align shapes carefully for a balanced infographic layout.
Add gentle animations to bring your infographic to life without overwhelming the viewer.

If you want to access the tutorial slides or support my work, check out my Patreon page linked in the resources below. Also, consider exploring my Skillshare courses to deepen your PowerPoint design skills.

Stay creative, stay healthy, and happy designing!

Frequently Asked Questions (FAQ)

What is neumorphic design?

Neumorphic design is a style that combines flat design and skeuomorphism by using subtle shadows and highlights to create soft, extruded shapes that appear tactile and three-dimensional.

Can I create neumorphic designs in older versions of PowerPoint?

While you can create some shadow effects in older versions, the full neumorphic experience with smooth gradients, advanced shadows, and morph animations is best achieved in Microsoft 365 or the latest PowerPoint versions.

Why do the slide background and shape colors need to be the same?

Matching the background and shape colors allows shadows and highlights to blend naturally, producing the characteristic soft, extruded look of neumorphism.

How do I add multiple shadows to a single shape in PowerPoint?

PowerPoint does not support multiple shadows on one shape directly. The workaround is to duplicate the shape and apply different shadows to each duplicate, then align and group them.

Can I animate neumorphic infographics?

Yes! Adding subtle animations like floating or gentle movement can make your neumorphic infographics more engaging without detracting from their clean look.

Is neumorphism suitable for all types of presentations?

Neumorphism works best for modern, minimalist designs and digital interfaces. For highly formal or data-heavy presentations, consider balancing neumorphic elements with more traditional design approaches.

Where can I find neumorphic PowerPoint templates?

You can find high-quality neumorphic templates on Envato Market and other design platforms. I have linked a recommended neumorphic PowerPoint template in the resources section.

Additional Resources and Links

Check out the full video: How To Create Animated 🔥Neumorphic🔥 PowerPoint Infographic

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.

Table of Contents