Skip to main content

๐Ÿ“Š Lesson 3.2: Images, Shapes & the Object Toolkit

A slide is a canvas, and now you get the tools that go on it. In this lesson you'll insert images the four different ways Slides offers, meet the full object toolkit โ€” shapes, lines, arrows, text boxes, tables, and word art โ€” and learn to format, crop, and mask them so they look intentional. Everything you place should serve the message and respect the clean theme you just built; visuals are here to help the audience understand faster, not to fill space.

๐Ÿ“š What You'll Learn

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

  • Insert images four ways โ€” upload, by URL, from Drive/Photos, and search
  • Use the object toolkit: shapes, lines, arrows, text boxes, tables, and word art
  • Format objects with fill, border, shadow, and transparency
  • Crop an image and mask it to a shape, and replace an image cleanly
  • Keep images sharp when projected and use icons for simple, clear illustration
  • Use images you actually have the rights to โ€” honestly and safely

โฑ๏ธ Estimated Time: 45 minutes

๐ŸŽฏ Project: Add a strong title-slide image and at least one shape or diagram element to your running deck.

In This Lesson

๐Ÿ–ผ๏ธ Inserting Images โ€” Four Ways

Under Insert โ†’ Image, Slides offers several sources for the same result โ€” a picture on your slide. Knowing all four saves you time and keeps you out of copy-paste trouble:

  • Upload from computer โ€” a file you already have (a photo, a logo, an exported chart). The most reliable path, because the image travels inside the deck.
  • Search the web โ€” a built-in image search right inside Slides. Convenient, but the results are the internet's images, and most carry rights you should respect (more on this below).
  • Drive & Photos โ€” pull directly from your Google Drive or Google Photos. Great for logos and assets your team already stores in the cloud.
  • By URL โ€” paste a direct link to an image online. Handy, but the image lives at that address; if the page takes it down, your slide can break. Prefer upload for anything important.

Once an image is on the slide, it behaves like any other object: drag to move, drag a corner handle to resize. Always resize from a corner handle, holding Shift if needed, so you keep the original proportions โ€” dragging a side handle squishes or stretches the picture, which the eye notices instantly and reads as careless.

๐Ÿง  Mindset

An image on a slide should earn its place. The best presentation images do a job: they show something words can't (a product, a place, a face), they set a mood, or they make an abstract idea concrete. A generic stock photo of people shaking hands adds nothing and quietly signals "filler." Before you insert a picture, ask: what does this help the audience understand? If the answer is "nothing," leave the slide clean.

๐Ÿงฐ The Object Toolkit

Images are just one kind of object. The Insert menu (and the toolbar) is a whole toolkit of things you can place, and together they let you build almost any visual without leaving Slides:

Object What it's for Good to know
Shapes Boxes, circles, arrows, callouts โ€” the building blocks of diagrams Shapes hold text: double-click to type inside them
Lines & arrows Connect shapes, point at things, show flow Connectors can snap to shapes and follow when you move them
Text boxes Free-floating text outside the layout placeholders Use sparingly โ€” placeholders keep type on-theme and consistent
Tables Rows-and-columns data on a slide Keep them small and readable; big tables belong in a doc or sheet
Word art Stylized text you can color, outline, and rotate freely Occasional accent โ€” not a substitute for readable body text

The workhorses are shapes and connectors. With a few rectangles, a couple of arrows, and your theme's accent color, you can build a process flow, an org chart, or a timeline that looks far more deliberate than a bullet list โ€” which is exactly what the next lesson is about. Notice how these object types relate:

graph TD A["๐Ÿงฐ Insert menu
the object toolkit"] --> B["๐Ÿ–ผ๏ธ Images
upload ยท URL ยท Drive ยท search"] A --> C["โฌ› Shapes
boxes ยท circles ยท callouts"] A --> D["โ†”๏ธ Lines & arrows
connectors"] A --> E["๐Ÿ”ค Text boxes & word art"] A --> F["โ–ฆ Tables"] C --> G["๐Ÿงฉ Simple diagrams
flow ยท org ยท timeline"] D --> G

Everything flows from one Insert menu, and shapes plus connectors are what you'll combine most often into the clean diagrams we build next lesson.

๐Ÿ’ก Prefer placeholders over stray text boxes

When you need a title or body text, use the slide's layout placeholders (from the theme) rather than dropping a fresh text box. Placeholders inherit your theme's fonts, sizes, and positions automatically, so text stays consistent and on-brand. Reach for a standalone text box only for a genuine one-off, like a caption on a photo.

๐ŸŽจ Formatting: Fill, Border, Shadow & Transparency

Select any object and a set of formatting controls appears in the toolbar (and under Format options). The four you'll use constantly:

  • Fill โ€” the color inside a shape. Pull it from your theme colors so shapes match the deck. A shape can also have no fill (transparent) so only its outline shows.
  • Border โ€” the outline: its color, thickness, and dash style. A thin border in your accent color often looks cleaner than a heavy filled shape.
  • Shadow โ€” a drop shadow to lift an object off the slide. Used subtly it adds depth; used heavily it looks dated. Less is almost always more.
  • Transparency โ€” how see-through the fill or the image is. This is the secret behind readable text over photos: a semi-transparent dark shape laid over an image dims it just enough to read white text on top. For a shape, open the fill color โ–ธ Custom and drag the transparency slider; for an image, use Format options โ–ธ Adjustments โ–ธ Transparency.

The discipline here is the same as with color in the last lesson: restraint. Pull fills and borders from your theme palette, keep shadows gentle, and let transparency solve real problems (text over images) rather than decorate. A slide full of glossy, shadowed, gradient shapes looks busier and less trustworthy than a few clean ones in your accent color.

โš ๏ธ Effects age fast

Heavy shadows, thick 3-D-looking borders, and strong gradients are the visual equivalent of an old font โ€” they instantly date a deck. If you find yourself stacking effects to make a shape "pop," step back: a flat shape in your accent color, well-aligned, almost always looks more modern and more professional. Restraint isn't boring; it's confident.

โœ‚๏ธ Cropping, Masking & Replacing Images

Raw photos rarely fit a slide perfectly. Two tools fix that:

  • Crop โ€” trim away the parts of an image you don't want. Select the image and click the crop tool (or double-click the image), then drag the crop handles inward. Cropping to a tighter part of a photo โ€” a face, a product, one clear subject โ€” almost always makes it stronger. It doesn't delete pixels, so you can re-crop later.
  • Mask to a shape โ€” instead of a plain rectangle, you can pour an image into a shape: a circle, a rounded rectangle, an arrow. Use the small dropdown next to the crop tool and choose a shape. Circular headshots and rounded photo cards look polished and modern, and masking keeps your images visually consistent with each other.

Replacing an image is its own quiet superpower. Select an image and use Replace image: the new picture drops into the exact same position, size, crop, and mask as the old one. That means you can build a beautifully-placed image slot once and swap the photo later without redoing any layout โ€” perfect for a template where only the picture changes slide to slide.

โœ… Pro Tip

To put readable text over a photo, layer it: place the image, add a shape on top with a dark fill set to partial transparency, then put your text (in a light theme color) over the shape. The shape dims the busy photo just enough that the text stays crisp from the back row. This one move turns a nice picture into a usable title slide.

๐Ÿ” Sharp When Projected: Quality & Icons

Nothing undercuts a good deck like a blurry image blown up on a big screen. A few durable rules keep your visuals crisp:

  • Start bigger than you need, then shrink. Scaling a large image down stays sharp; blowing a small image up makes it fuzzy and blocky. If a picture looks soft on your laptop, it'll look worse on a wall.
  • Watch the resolution when you enlarge. A tiny thumbnail dragged to fill a slide will pixelate. Find a larger version of the image instead of stretching a small one.
  • Favor simple, high-contrast visuals. They survive projection, bright rooms, and compression far better than busy, detailed ones.
  • Prefer vector-style graphics and icons where you can. Simple line or solid icons stay crisp at any size and read instantly, even from the back.

Icons and simple illustration

Icons are the unsung hero of clean slides. A small, consistent icon beside each point โ€” a lightbulb for an idea, a shield for security, a clock for time โ€” helps the audience grasp categories at a glance and makes a slide feel designed. Keep them from one consistent set so their style matches, and color them with your theme accent so they belong to the deck. A row of matching icons often communicates faster and cleaner than a paragraph or a stock photo.

๐Ÿ’ก Consistency beats variety

Just like colors and fonts, images and icons look most designed when they share a style. Photos that share a mood, icons from a single set, shapes in your accent color โ€” sameness across a deck reads as intention. A slide of mismatched clip-art styles reads as a scrapbook. When in doubt, make your visuals look like siblings.

โš–๏ธ Using Images You Have the Rights To

This part matters, and it deserves honesty rather than a lawyerly dodge. Most images on the internet โ€” including many that show up in the built-in web image search โ€” are protected by copyright. A picture being easy to find, or appearing right inside Slides, does not mean it's free for you to use. For a private practice deck no one will see, this is low-stakes; for anything you'll present publicly, publish, or use commercially, using someone else's image without permission can be a real problem.

The good, low-friction habits:

  • Use images you own or made. Your own photos, screenshots, and charts are the safest of all.
  • Use properly licensed images. Some sites offer images under permissive licenses (for example, Creative Commons or their own free-to-use terms). Read the specific license โ€” some still require crediting the creator, and terms differ.
  • Buy or subscribe to stock when you need polished, cleared photography for professional or commercial work.
  • Treat search results as "check first," not "grab freely." If you don't know the license, assume you don't have permission.

To be transparent: I'm describing general good practice, not giving legal advice, and the rules vary by country and by how you'll use the image. When the stakes are real โ€” a public talk, a published deck, anything commercial โ€” verify the license for each image, and when in doubt, use something you own. It's the one habit that never gets you in trouble.

โš ๏ธ Search convenience, rights responsibility

The web image search built into Slides is genuinely convenient, and Google surfaces license information where it can โ€” but it's still on you to confirm you're allowed to use a given image for your purpose. Convenience of finding is not the same as permission to use. Build the habit now, while your decks are small, and it becomes automatic when the stakes are higher.

๐ŸŽฏ Project: A Title Image & a Shape

Let's give your running deck some visual life. You'll add a strong image to the title slide (with readable text over it) and place at least one shape or simple diagram element somewhere in the deck โ€” all pulling from your theme so it stays coherent.

๐Ÿ‹๏ธ Add visuals to your deck

Objective: A title slide with a strong, sharp, rights-clear image and readable text, plus one intentional shape element elsewhere.

Instructions (about 20 minutes):

  1. (5 min) On your title slide, insert an image that genuinely fits your topic โ€” upload your own, pull from Drive/Photos, or use a properly licensed one. Resize from a corner to keep its proportions.
  2. (3 min) Crop it to its strongest part, or mask it to a shape if that suits the slide. Make sure it looks sharp, not stretched or blocky.
  3. (4 min) Make your title readable over it: add a shape with a dark fill at partial transparency, then put your title text (in a light theme color) on top. Confirm it passes the squint test.
  4. (4 min) On another slide, add at least one shape element โ€” a callout box, an accent bar, or two boxes joined by an arrow โ€” filled from your theme accent color.
  5. (2 min) Format restraint check: gentle shadow (or none), border/fill from theme colors, no stacked effects.
  6. (2 min) Confirm every image is one you have the right to use, and note where it came from.
๐Ÿ’ก Hint โ€” a readable-title-over-photo recipe
Title slide with image

1. Insert image  (Insert > Image > Upload / Drive)
2. Resize from a CORNER handle (keep proportions)
3. Crop to the strongest part of the photo
4. Insert > Shape > rectangle over the image
   - Fill: dark theme color
   - Transparency: ~40-60% (dims the photo)
5. Put the title text on top, in a LIGHT theme color
6. Squint test: readable from a few steps back? Good.

Rights check: is this image mine / licensed / cleared? Note the source.

The transparent dark shape between photo and text is the whole trick โ€” it makes any busy image safe to put words on.

โœ… Project Completion Checklist

  • Your title slide has a strong, on-topic image that fits its proportions and looks sharp
  • The title text is readable over the image (contrast band or overlay if needed)
  • You added at least one shape or diagram element, colored from your theme
  • Formatting is restrained โ€” theme colors, gentle or no shadow, no stacked effects
  • Every image is one you have the right to use, and you noted its source

๐ŸŽฏ Quick Quiz

Question 1: You need to make white title text readable over a busy photo. What's the cleanest approach?

Question 2: You found a great image in the built-in web image search. What's the honest rule about using it?

Best Practices for Images & Objects

โœ… Do's

  • Resize from corners. Keep proportions; a squished image reads as careless.
  • Crop tight and mask consistently. A strong subject and matching shapes look designed.
  • Pull fills and borders from theme colors. Objects that match the theme feel like one deck.

โŒ Don'ts

  • Don't stretch small images to fill a slide. They pixelate on a projector โ€” find a bigger source.
  • Don't stack heavy effects. Shadows, gradients, and 3-D borders date a deck fast.
  • Don't grab search images blindly. Check rights before anything public or commercial.

๐Ÿ’ก Pro Tips

  • Use Replace image to swap a photo while keeping its exact size, crop, and mask โ€” perfect for templated slides.
  • A row of matching icons from one set, in your accent color, often beats a stock photo for clarity.

๐Ÿ““ 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 image or shape technique surprised you most โ€” cropping, masking to a shape, the transparent overlay for text, or replacing an image in place? Where did you get your title image, and how did you confirm you can use it? Did adding visuals tempt you to over-decorate, and how did you hold the line? Note one visual you're proud of and why it helps your message.

๐Ÿ“ Lesson Summary

๐ŸŽ“ Key Takeaways

  • You can insert images four ways โ€” upload, by URL, from Drive/Photos, and search โ€” and the whole object toolkit (shapes, lines, arrows, text boxes, tables, word art) lives in the Insert menu.
  • Format with fill, border, shadow, and transparency, pulling colors from your theme and keeping effects restrained โ€” busy effects date a deck.
  • Crop to the strongest part, mask to a shape for a polished look, and use Replace image to swap a photo while keeping its exact placement.
  • Keep visuals sharp when projected (start big, don't stretch small), favor consistent icons, and only use images you have the rights to.

๐ŸŽ‰ What You've Accomplished

Your deck now has real visual life โ€” a strong title image, readable text over it, and at least one intentional shape โ€” all coherent with your theme. Just as importantly, you've built the habits that keep visuals sharp, restrained, and rights-clear. You can now put almost anything on a slide and make it look like it belongs.

โ“ Common Questions at This Stage

My image looks fine on my laptop but blurry on the projector. What went wrong?

Almost always, a small image was enlarged to fill the slide. Scaling down stays sharp; scaling up pixelates. Find a larger version of the picture and shrink it to fit, rather than stretching a small one. Simple, high-contrast images also survive projection far better than busy, detailed ones.

When should I use a table versus building something from shapes?

Use a small table for genuine rows-and-columns data you must show. For relationships โ€” a process, an org chart, a timeline โ€” build it from shapes and connectors instead; it's clearer and more designed. Big data tables usually belong in Sheets or a doc, with just the key numbers on the slide.

Is it really a problem to use an image I found online for a class or work talk?

It depends on how you'll use it, and the rules vary by country โ€” this is general guidance, not legal advice. A private practice deck is low-stakes; a public, published, or commercial deck is where using someone's image without permission can bite. The safe habit: use images you own or that are properly licensed, check the license when unsure, and verify anything with real stakes.

๐Ÿ”ญ Looking Ahead

In the next lesson โ€” Lesson 3.3: Alignment, Distribution, Arrange & Simple Diagrams โ€” we take the objects you now know how to place and make them clean. You'll use smart guides, the Arrange menu, distribute-evenly, grouping, and ordering to turn a messy slide into a tidy one, and build a simple diagram from shapes and connectors.

โœ… Before the Next Lesson

  • Confirm your title slide has a strong, sharp, rights-clear image with readable text
  • Make sure at least one shape or diagram element uses your theme colors
  • Write your Learning Journal entry for this lesson

๐Ÿ“š Additional Resources

๐ŸŒŸ Encouragement for the Journey

You just gave your deck a face. Images and shapes are where a presentation starts to feel real โ€” and you're placing them with taste and restraint, not clutter. Next we make everything line up perfectly, and that's where good slides become clean slides. ๐Ÿ“Š