Skip to main content

πŸ“½οΈ Lesson 3.2: Images, Shapes, Icons & PowerPoint Designer

A slide is a visual aid, so this is the lesson where it finally gets visual. You'll bring in pictures, icons, and shapes β€” and format them with the theme colors you set last lesson, so everything still looks like one deck. But visuals cut both ways: the right image makes a point land, and the wrong one is just noise. So the real skill here isn't clicking Insert β€” it's judging whether a picture earns its place. We'll also meet PowerPoint Designer, the AI that suggests polished layouts for you.

πŸ“š What You'll Learn

By the end of this lesson, you will be able to:

  • Insert Pictures from your device, from stock images, and from online search β€” and crop, size, and compress them
  • Use the built-in Icons library and draw Shapes, formatting fill, outline, and effects with theme colors
  • Put text inside a shape and know when a shape beats a plain text box
  • Try PowerPoint Designer for AI-suggested layouts β€” and understand honestly where it works and where it doesn't
  • Apply the taste rule that images should carry meaning, not decorate, and preview an image's alt text

⏱️ Estimated Time: 55 minutes

🎯 Project: Add one meaningful image and one icon or shape to your deck, format them with your theme colors, and run Designer on a slide.

In This Lesson

The Insert Tab: Your Visual Toolkit

Nearly everything visual you add to a slide comes from one place: the Insert tab. It's worth a slow first look, because knowing what's on it turns "how do I get a picture in here?" into a reflex. The Images group holds Pictures (from your device, from stock images, and from an online search). Next to it, the Illustrations group holds Shapes, Icons, SmartArt (which gets its own treatment in Lesson 3.3), and Chart. Further along you'll find Text Box, Header & Footer, and β€” in later lessons β€” Video and Audio.

The through-line for this lesson is that every one of these is a tool for making a point visible, not decoration to fill space. Before you reach for any of them, it's worth holding the question in your head: what is this element helping my audience understand? A photo that shows the thing you're describing, an icon that labels a category at a glance, a shape that groups related ideas β€” those earn their place. A stock photo of a handshake behind your title because the slide "looked empty" does not. We'll keep coming back to that test.

graph TD I["βž• Insert tab"] --> P["πŸ–ΌοΈ Pictures
device Β· stock Β· online"] I --> C["πŸ”· Icons
built-in library"] I --> S["⬛ Shapes
fill · outline · effects"] I --> A["🧩 SmartArt & Chart
covered in 3.3 and later"] P --> M["🎯 Does it carry meaning?"] C --> M S --> M M -. "yes" .-> K["Keep it β€” it earns its place"] M -. "no" .-> D["Cut it β€” it is just noise"]

Read the diagram as this lesson's discipline: the Insert tab gives you a rich toolkit, but every item you place should pass through the "does it carry meaning?" gate. Things that pass, stay; things that don't, get cut. That one habit is worth more than knowing every button.

Pictures: Insert, Crop, Size, Compress

Click Insert > Pictures and you'll get a menu with a few sources. This Device inserts an image file from your computer. Stock Images opens Microsoft's built-in library of royalty-free photos, illustrations, icons, cutout people, and stickers β€” a genuinely useful, license-safe source that's right there in the app. (At the time of writing, free accounts see a smaller selection; the full library comes with a Microsoft 365 subscription.) Online Pictures searches the web (Bing) and can filter by license, though you should always confirm you're actually allowed to use what you find. For most decks, Stock Images is the safest and fastest choice, because you never have to wonder about rights.

Cropping β€” show only what matters

Once a picture is on the slide, select it and the Picture Format tab appears. The single most useful tool there is Crop. Cropping trims away the parts of an image you don't need so the part you do need fills the frame β€” it's how you turn a wide snapshot into a tight, purposeful visual. You can crop to a plain rectangle, crop to a shape (a circle, a rounded rectangle), or crop to a specific aspect ratio. Cropping doesn't delete the hidden pixels by default; it just hides them, so you can re-crop later β€” which matters for the next point.

Sizing β€” resize from the corner

To resize a picture, always drag a corner handle, never a side handle. Corner handles keep the image's proportions; side handles stretch it and make people look strangely wide or tall. If you ever see a distorted photo in a deck, a side-handle drag is almost always the culprit. Hold the aspect ratio, and your images stay honest.

Compressing β€” keep the file sensible

High-resolution photos are heavy, and a deck full of them can balloon to hundreds of megabytes β€” slow to open, awkward to email, sometimes too big to share. On the desktop app, Picture Format > Compress Pictures shrinks images to a resolution that's still crisp on screen while cutting the file size dramatically. It can also delete cropped areas β€” those hidden pixels we mentioned β€” to save even more. (Do that only once you're sure of your crops, since it's what makes cropping permanent.) Compression controls are richer on the desktop; on the web, PowerPoint generally handles reasonable sizing for you, but be mindful of inserting enormous original files.

⚠️ Two picture pitfalls

Stretching: resizing from a side handle distorts the image β€” always use a corner. Bloat: dropping in raw phone photos at full resolution makes decks huge and slow; compress before you share. And a rights reminder β€” Online Pictures pulls from the web, so confirm you have the right to use an image; when in doubt, use Stock Images, which is cleared for use inside PowerPoint.

πŸ’‘ Quality in, quality out

A small, blurry image blown up to fill a slide looks worse the bigger it gets β€” projectors are unforgiving. Start with an image large enough for the space you'll give it, then crop down to the part you want rather than scaling a tiny image up. You can always make a big picture smaller; you can't invent detail that was never there.

Icons & Shapes, Styled with Theme Colors

Photos aren't the only visuals, and often they're not the best ones. Two lighter-weight tools β€” Icons and Shapes β€” do an enormous amount of work on clean, modern slides, and because you can color them with your theme colors, they always look like part of your deck.

Icons β€” a labeled idea at a glance

Insert > Icons opens Microsoft's built-in icon library: a large, searchable collection of simple line and glyph icons for concepts, objects, actions, and categories. Type "growth," "security," "people," "clock," and you'll get clean, consistent symbols that read instantly from across a room. Once inserted, an icon behaves like a shape: you can recolor it, resize it (it's vector, so it stays razor-sharp at any size β€” unlike a photo), and even convert it to a shape to edit its pieces. Icons are perfect for labeling the parts of a list, marking sections, or giving a bare heading a small visual anchor. Because they're all drawn in the same style, a set of them looks coordinated with almost no effort.

Shapes β€” the quiet workhorses

Insert > Shapes gives you rectangles, circles, arrows, lines, callouts, and more. Shapes are the humble backbone of good slide design: a rounded rectangle groups related items, an arrow shows a flow between two things, a colored band anchors a section title, a line separates two zones. Draw a shape by clicking the shape and dragging on the slide (hold Shift while dragging to keep a perfect circle or square, or a straight line).

Formatting β€” always from theme colors

Select any shape or icon and the Shape Format tab gives you three levers: Shape Fill (the inside), Shape Outline (the border), and Shape Effects (shadow, glow, soft edges, and so on). Here's the rule that keeps everything coherent, straight from Lesson 3.1: fill and outline from the Theme Colors row, not from More Colors. Color a shape "Accent 1" and it matches everything else using Accent 1 β€” and it recolors automatically if you ever change your theme or variant. Reach for a hand-picked custom color and you've orphaned that shape from the system. The Shape Styles gallery is a handy shortcut, too: it offers preset combinations of fill, outline, and effect already built from your theme colors, so one click gives you a coordinated look.

βœ… Text inside a shape

You don't need a separate text box on top of a shape β€” just select the shape and start typing, and the text lives inside it, moving and resizing as one object. This is perfect for labeled buttons, callout boxes, process steps, and colored banners. A shape with text in it is tidier and easier to align than a shape and a floating text box that you have to keep in sync. When the words and the box belong together, make them one object.

Keep restraint in mind here too. A few well-placed icons and a couple of clean shapes make a slide look designed; a dozen shapes with different colors, thick outlines, and drop shadows make it look busy. Effects especially are best used sparingly β€” a subtle shadow can help a shape sit above the background, but glows and heavy bevels usually date a deck. When in doubt, simpler and flatter reads as more modern and more professional.

PowerPoint Designer β€” Honestly

PowerPoint Designer (you'll also see it called Design Ideas) is a genuinely helpful feature: it looks at the content on your slide β€” your title, your text, your pictures β€” and suggests several polished, professionally laid-out versions in a pane on the right. You click the one you like and it applies instantly. Drop a photo onto a title slide and Designer will often propose a handful of elegant full-bleed arrangements you'd never have built by hand as fast. Paste in a short list and it can turn it into a clean visual layout. It's the closest thing PowerPoint has to a design assistant looking over your shoulder.

In current versions you'll find it on the Home tab (Home > Designer); some versions still put it at Design > Designer β€” check both (or it pops up on its own when it has an idea). The best way to use it is as a starting point: let it suggest, pick the one closest to what you want, then refine. It's especially good at the layouts people find fiddly β€” a photo bled to the slide edge with the title placed just right, a set of icons arranged evenly, a timeline from a few dates.

⚠️ Honest limits β€” flag these

Designer is not always available, and it's important to say so plainly. It needs an internet connection (it does its thinking in the cloud). It's strongest in Microsoft 365 and on the web app, and its availability and quality vary β€” by your plan, by whether you're signed in, by region, and sometimes it simply has no good idea for a given slide and stays quiet. On a work or school account, an admin may have turned it on or off. So treat Designer as a welcome bonus when it appears, not a feature you can count on being there. If you don't see it, you haven't done anything wrong β€” check that you're online and signed in, and know that everything in this course works without it.

There's a deeper reason not to lean on it too hard, and it goes back to the philosophy of the course. Designer restyles the slide in front of you. It's not the same as setting a coherent look for the whole deck through your theme and Slide Master. If you Designer-ify slides one at a time, you can end up with a deck of individually pretty slides that don't quite agree with each other β€” the slide-by-slide decorating problem in a shinier form. The healthiest workflow: set your theme first (Lesson 3.1), let it carry the base look, and use Designer for the occasional layout it does better than you would by hand. Also worth knowing: because Designer sends slide content to the cloud to generate ideas, be thoughtful about using it on sensitive material β€” a good habit we'll revisit around sharing in Module 6.

πŸ†š A quick Google Slides note

Designer is one of PowerPoint's real advantages. Google Slides has no direct equivalent of comparable depth (its AI help is newer and more limited), and PowerPoint's huge template and Stock Images libraries add to the gap. If polished, AI-assisted layouts matter to you, this is a column where PowerPoint clearly wins β€” one honest point in its favor among several where the two tools are close.

Does This Image Earn Its Place?

Let's make the taste rule explicit, because it's the thing that separates decks that look sharp from decks that look cluttered. Every visual on a slide should carry meaning. If a picture, icon, or shape helps the audience understand or remember your point, keep it. If it's there because the slide "felt empty" or because you wanted decoration, cut it. Empty space is not a problem to solve; it's what makes the meaningful things stand out.

Ask three quick questions of any image before it stays:

  • Does it show the thing I'm talking about? A photo of the actual product, place, person, or result is worth a paragraph of words. A generic stock image of "business success" is worth nothing.
  • Would the point be weaker without it? If removing the image loses nothing, it was decoration. If removing it makes the slide harder to understand, it earned its place.
  • Is it good enough to project? Sharp, well-cropped, and on-brand β€” or blurry, stretched, and clashing with your theme? A weak image hurts more than no image.

This is really the same one-idea-per-slide discipline you've been building, applied to pictures. A strong visual often lets you delete text β€” show the chart instead of describing it, show the photo instead of listing its features β€” which is exactly the direction a good deck wants to move: fewer words, clearer visuals, the slide supporting what you say rather than repeating it. The best slides frequently have one striking image and a handful of words, because the presenter's voice carries the rest.

The rule in one line: if an image doesn't make the point clearer, stronger, or more memorable, it isn't helping β€” and on a slide, anything that isn't helping is in the way.

A First Look at Alt Text

One quick, important habit to start now: alt text. Alternative text is a short written description of an image that screen readers read aloud, so people who can't see the picture still get its meaning. It also helps when an image fails to load. Right-click any picture, icon, or shape and choose View Alt Text… (or Edit Alt Text…) to see and set it. PowerPoint often auto-generates a guess, which you should preview and correct β€” the machine's guess is frequently vague or wrong.

Good alt text describes the image's purpose in a sentence: not "image," not "a picture of a chart," but "Line chart showing sales doubling from 2023 to 2025." For a purely decorative shape that carries no information, you can mark it decorative so screen readers skip it. We'll cover accessibility properly in Lesson 8.2 β€” the full Review > Check Accessibility tool, reading order, contrast, and more. For now, just start the habit: when you add a meaningful image, take ten seconds to give it honest alt text. It's a small courtesy that makes your decks work for everyone.

πŸ“– Definition

Alt text (alternative text): a short text description attached to an image or object, read aloud by screen readers and shown if the image can't load. Describe the meaning, not just the appearance. Mark truly decorative objects as decorative so they're skipped. It lives under right-click > Edit Alt Text, and it's a cornerstone of accessible slides.

🎯 Project: Add Meaningful Visuals

Your deck has a coherent theme from last lesson; now let's make a slide or two genuinely visual β€” using pictures, icons, and shapes that earn their place and stay on-theme.

πŸ‹οΈ Add a meaningful image and an icon or shape

Objective: Add one image that carries real meaning and one icon or shape formatted with your theme colors, then try PowerPoint Designer on a slide.

Instructions (about 18 minutes):

  1. (4 min) Pick a slide where a picture would clarify your point. Use Insert > Pictures > Stock Images (safest for rights) to find one that shows the actual thing you're talking about β€” not generic decoration.
  2. (3 min) Crop it to the part that matters and resize it from a corner handle so it isn't distorted. Position it so the slide feels balanced, not crammed.
  3. (3 min) Add one icon (Insert > Icons) or one shape (Insert > Shapes) that labels or groups an idea. Recolor its fill/outline from the Theme Colors row so it matches your deck.
  4. (2 min) If you used a shape as a label or callout, click it and type text inside it rather than floating a separate text box on top.
  5. (3 min) Try Home > Designer (or Design > Designer) on one slide (you'll need to be online and signed in). Preview its suggestions and either apply one you like or dismiss them. Note whether it appeared β€” it's fine if it didn't.
  6. (2 min) Right-click your image and open Edit Alt Text. Write one honest sentence describing what it shows, replacing any weak auto-generated guess.
  7. (1 min) Run the earn-its-place test on everything you added: if any element doesn't make a point clearer, delete it.
πŸ’‘ Hint β€” a per-slide checklist
Visuals on this slide

Image
- Source: Stock Images / device / online (confirm rights)
- What it SHOWS (the meaning): ...............
- Cropped to the part that matters?      yes / no
- Resized from a CORNER (not stretched)? yes / no
- Alt text (one honest sentence): ...............

Icon or shape
- What it labels or groups: ...............
- Fill & outline from Theme Colors (not hand-picked)? yes / no
- Text typed INSIDE the shape (if a label/callout)?    yes / no

Designer
- Ran Designer (Home or Design tab) on a slide?  yes / no (online + signed in)
- Applied a suggestion or dismissed?  ...............

The test
- Does every element earn its place? cut anything that doesn't.

Aim for restraint: one strong image and one clean icon or shape beats a slide crowded with visuals. If a slide is starting to feel busy, remove something rather than adding more.

βœ… Project Completion Checklist

  • You added an image that shows your point (not generic decoration), cropped and un-distorted
  • You added an icon or shape formatted with your theme colors
  • If you used a label/callout shape, its text lives inside the shape
  • You ran Designer on one slide (and noted whether it appeared)
  • Your image has one honest sentence of alt text

🎯 Quick Quiz

Question 1: You want to resize a photo without distorting it. Which handle do you drag?

Question 2: What's the honest truth about PowerPoint Designer's availability?

Question 3: How should you decide whether to keep an image on a slide?

Best Practices for Visuals

βœ… Do's

  • Use Stock Images when unsure about rights. It's built in, license-safe, and fast.
  • Crop tight and resize from the corner. Show only the part that matters, and never stretch.
  • Color shapes and icons from theme colors. Fill and outline from the Theme Colors row keeps everything coherent and recolorable.
  • Give meaningful images alt text. One honest sentence, describing the meaning.

❌ Don'ts

  • Don't add decoration to fill space. If an image doesn't carry meaning, it's in the way.
  • Don't insert giant raw photos and never compress. Bloated decks are slow to open and hard to share.
  • Don't lean on Designer for the whole deck's look. Set the theme first; use Designer for the occasional layout it does better.
  • Don't pile on effects. Heavy shadows, glows, and bevels date a deck β€” flatter reads as more modern.

πŸ’‘ Pro Tips

  • A strong image often lets you delete text β€” show it instead of describing it.
  • Icons are vector, so they stay sharp at any size and a set of them looks coordinated for free.
  • Crop to a shape (a circle, a rounded rectangle) for a quick, tasteful way to frame a photo on-theme.

πŸ““ Learning Journal

Keep a learning journal as you work through this course β€” a separate document, a note, or even a slide at the end of the deck you're building. After each lesson, take a few minutes to write down:

  • Key concepts you learned
  • Techniques that clicked for you
  • Questions or confusion points to revisit
  • Ideas you want to try in your own decks
  • Your progress and feelings about learning this β€” including where your confidence grew

✍️ This lesson's prompt: Which visual made the biggest difference to a slide, and why did it earn its place? Did you cut anything that turned out to be just decoration? If you tried Designer, did it appear, and what did you make of its suggestions β€” helpful starting point or something you'd rather do by hand?

πŸ“ Lesson Summary

πŸŽ“ Key Takeaways

  • The Insert tab is your visual toolkit: Pictures (device, stock, online), Icons, Shapes, plus SmartArt and Chart. Every element should carry meaning.
  • Pictures: insert (Stock Images is safest for rights), crop to what matters, resize from a corner to avoid distortion, and compress to keep the file sensible.
  • Icons and Shapes are lighter, vector-crisp visuals; format their fill and outline from the Theme Colors row so they stay coherent, and type text inside a shape for labels and callouts.
  • PowerPoint Designer suggests polished layouts, but honestly: it needs internet, is strongest on 365/web, and its availability varies β€” a bonus, not a guarantee, and no substitute for setting the theme.
  • The taste rule: an image should earn its place by carrying meaning. And start giving meaningful images honest alt text β€” full accessibility comes in Lesson 8.2.

πŸŽ‰ What You've Accomplished

Your deck can now show, not just tell. You've inserted and shaped a meaningful image, added an on-theme icon or shape, met Designer with clear eyes about what it can and can't do, and started the alt-text habit. Best of all, you're building the judgment that matters most with visuals β€” the discipline to keep what helps and cut what doesn't. That taste will serve you long after you've forgotten which menu Crop lives on.

❓ Common Questions at This Stage

Where can I get images I'm actually allowed to use?

Start with Insert > Pictures > Stock Images β€” Microsoft's built-in, royalty-free library of photos, illustrations, icons, and more, cleared for use right inside PowerPoint. Online Pictures searches the web and can filter by license, but you should confirm the rights yourself. When in doubt, Stock Images is the safe choice.

I don't see Design Ideas / Designer. Did I do something wrong?

Almost certainly not. Designer needs an internet connection, is strongest on Microsoft 365 and the web app, and its availability varies by plan, sign-in, region, and even the individual slide β€” sometimes it just has no suggestion. On a work or school account an admin may have disabled it. Check that you're online and signed in; and remember everything in this course works fine without it.

My deck file got huge. What happened?

Usually full-resolution photos. On the desktop app use Picture Format > Compress Pictures to reduce image resolution to something crisp on screen but far smaller, and optionally delete cropped-out areas. Do the delete only once you're happy with your crops, since it makes them permanent.

πŸ”­ Looking Ahead

In the next lesson β€” Lesson 3.3: Align, Distribute, Arrange & SmartArt Diagrams β€” we turn a slightly messy slide into a clean, "designed"-looking one. You'll learn Align and Distribute to line objects up perfectly, Arrange and grouping to control stacking order, gridlines and smart guides for effortless snapping, and SmartArt to turn plain bullet text into instant lists, processes, cycles, and hierarchies β€” recolored, of course, with your theme colors.

βœ… Before the Next Lesson

  • Make sure at least one slide in your deck now has a meaningful image plus an icon or shape
  • Confirm your added shapes and icons use theme colors, not hand-picked ones
  • Write your Learning Journal entry for this lesson

πŸ“š Additional Resources

🌟 Encouragement for the Journey

You've crossed a real line today: your slides don't just say things anymore, they show them β€” and you're already thinking like a designer, asking whether each visual earns its place. That instinct is rarer and more valuable than knowing every button. Next we make everything on your slides line up crisply, which is the final touch that reads as "professionally designed." You're building something good. πŸ“½οΈ