Content-Ready Business Decks

Researched by Consultants from Top-Tier Management Companies

The SlideTeam Blog

All About PowerPoint, Presentations & Life

Business Presentations
3 Design Hacks to Make Images Bleed in Your Presentation

3 Design Hacks to Make Images Bleed in Your Presentation

Anuj Malhotra

January 31, 2017

The first advice that any professional designer gives for creating captivating slides is to use images. They are absolutely right in saying so. Firstly, because we are visual learners and empirical evidence shows that images are remembered more than text. Secondly, visuals add aesthetic value to a slide- add color, characters, and personalize an otherwise impersonal message.

 

Many presenters follow this advice but still fall short of creating captivating slides. They do not know how to leverage the power of visuals. Knowing how to use images is as important as just using images.

 

In this article, we are sharing with you one hack for using visuals that will make any slide look good- Use Bleeding Images. Simply put, images that cover the complete slide canvas. There is no boundary or blank spaces detracting from the beauty of the image. The image should bleed into the edges of the slide area; that’s what I like and trust me, audiences do too.

 

There is one condition to using this hack successfully- Do not dump loads of text over the beautiful image. Why use a full-screen image in first place if it is to be buried under text, right? You must be thinking...

 

Why Make Images Bleed in the First Place?

 

Which looks better- a passport size photograph of your favorite actor/actress or a full size poster decorating your wall? Obviously, the bigger the image, the better.

 

However, very often, presenters insert an image that occupies just a portion of the slide. No matter how breathtaking the visual is, if it is made to sit in the middle of a slide like some frame, it will fail to achieve that intended effect. If you download a high quality image, then you can easily drag it to cover the complete slide area without worrying the image would pixelate.
Check out the before and after below. That is what we mean by image bleeding. It creates a powerful effect and immediately grabs the attention of the audience. Place your message on the less significant areas of an image, add a transparent shape if the readability is less and a captivating slide is ready!

 

Small versus full size image example 1

 

If you have been keeping images small simply because you didn’t know how to place text over the image, then master this technique by reading the hacks below:

 

11 Hacks To Make Text Over Images More Readable & Craft A Stunning Slide

 

Another mistake that presenters make is by adding multiple images in a slide. Even worse, they are not arranged properly to remotely resemble a collage. The result is no visual gets the attention it deserves. Instead pick one attention-grabbing visual and play it up on the slide by making it bleed, like in the example below:

 

Small versus full size image example 2

 

How to Make Images Bleed in Your Presentation

 

There are 3 ways to do this depending on the image- the easy way and when that does not work out, the clever way.

 

For Images With Lot of Empty Space

Hack #1 (Easy)- Drag the Image to Cover the Slide

 

Duh! You probably knew that. But there is a way to drag an image that most presenters never follow. They expand an image from one corner of the slide and keep dragging it till it covers the complete slide area. If some area is left naked, they drag it from the center points messing up the dimensions of the image.

 

Incorrect way of dragging an image

 

Who will notice a slight stretching of the image?” But trust me, everybody comes to know even if that forced stretch is very small.

 

How to avoid that? Press the Ctrl key (Cmd on Mac) and then drag any corner handle outwards. The image will expand proportionately from all sides and there will no scope of error. If the image is still not covering the complete slide canvas, drag it outside the slide boundaries. Just ensure the less important areas of the image are getting chopped off, and not the face or some other body part that will make the image look awkward.

 

In the above example, we do not want the boy’s head to be cropped. A good thing is that we have plenty of unwanted space on his right that can be sacrificed. So, instead of pressing the Control key, press the Shift key (so that image expands from one side only) and drag the image from the corner right handle till it covers the slide from bottom. Locate the Crop button from the Format tab (see the screenshot below)

 

Locate the Crop button in PowerPoint Ribbon

 

Drag the cropping handle inwards (see the screenshot below) till the image is chopped off till the borders of your slide.

 

Drag the cropping handle inwards till the edge of the slide

 

For Images With Flat/Solid Background Colors

Hack #2 (Easy)- Fill the Slide Background with Image Background

 

Sometimes, following hack 1 lands you in a sticky situation. The image covers up the entire slide area for sure but there’s no space left for you to place your presentation content. Take this image below:

 

Small image that can be easily expanded

 

If we enlarge this image, the objects in the image cover the slide edge to edge leaving just a small strip at the top. One will have to literally squeeze his presentation title in that small area which won’t look professional.

 

Full Image but with little space for text

 

A workaround for this kind of problem is to leave the image as it is. If the background of the image is a plain solid color (like turquoise in this example), then you can simply fill up the remaining slide area with the same color and nobody can differentiate image background from the slide background. To get that perfect match...

Use the Eyedropper tool to Fill the Slide Background (Format Background > Solid Fill > Color drop-down box)

 

Use Eyedropper to Format the Background

 

Here’s how the final image looks like:

 

Even though the image was not bleeding, it appears so after applying this hack

 

This is an ideal situation. Most of the times, you won’t be lucky to have images with a solid background. It could be a gradient background, textured with lots of shadows and lights, or a real-life scene in the background. That’s when hack 3 will come to your rescue:

 

For Images With Intricate/Real-life Backgrounds

Hack #3 (Tricky)- Duplicate Portion of Image to Cover the Blank Space

 

Have you ever experienced that joy when you found just the perfect image for your slide? You go “Yay” on stumbling upon that breathtaking image. That joy is short-lived when you insert that image into your slide. The dimensions of the slide and that of the image are not a perfect match.

 

Hack 1 and 2 are of no use. “You want me to amputate the man’s or woman’s arms and worse, chop half their head?” No, we do not want that. Worry not, we have another trick up our sleeve. You’ll love it!

 

NOTE: Bleeding images becomes more difficult in widescreen presentations (16:9 aspect ratio) as it is difficult to find images composed in this dimension.

 

So let’s take a widescreen presentation slide this time. Here’s a powerful image but falls short of covering the entire slide canvas. Dragging the image is not a solution as we don’t want the face to be cropped.

 

Dragging is not an option in this slide

 

Although it appears that the background is a plain solid one, when you try hack 2 (use eyedropper tool to fill the white area with background color), you do not get the perfect results you wished for:

 

Using eyedropper to fill background does not work

 

The trick is to duplicate the image onto your slide (Use Ctrl + D shortcut) and fill the blank space with it. Locate the Crop button from the Format tab in the PowerPoint ribbon. Using the crop handles (see the screenshot below), take the area needed to cover up the blank slide.

 

Duplicate and Crop the Image

 

This is how your slide now looks after cropping:

 

How slide looks after cropping

 

Still as bad as before. Just one small change and see the difference! Select the cropped image, locate the Rotate menu in the Format tab, click the drop-down menu and click the Flip Horizontal option (see the screenshot below).

 

Flip the Cropped Image Horizontally

 

Now, see how the complete image looks on bleeding:

 

Perfect blending of image background and cropped portion of the image

 

If you were looking at the above image for the first time, could you have guessed that it was altered using the clever trick!

 

Let’s take another example to show how beautifully this hack works (it has saved me and my slides countless times). Here’s another image that would get badly cropped if dragged to fit the slide:

 

How to cover up the blank space of a slide

 

Let’s apply the same cosmetic changes we made in the above example- Duplicate the image, crop the area needed to cover up the blank screen, and flip the cropped area horizontal. Here’s our bleeding image:

 

Perfect cropping of the image to make it bleed

 

And using one of the hacks from the 11 Hacks To Make Text Over Images More Readable , we crafted a stunning slide:

 

Placing text over images

 

Wait...we have one more powerful hack to share with you. Now that you know how to make images bleed (hopefully you’ll follow this advice), you can create a STELLAR slide if you follow one more presentation tip- Follow the Rule of Thirds. The Rule of Thirds design principle is an empirically proven technique to create pleasing compositions. Put simply, it means dividing your slide into thirds horizontally and vertically and place the most important elements in an image on the points where lines intersect.  

 

Learn About the Rule of Thirds in Presentation Design

 

We explained everything about the rule of thirds in our last post but what we had not shared was how to crop an image so that it follows the rule. This is the perfect time to share that trick:

 

How to Make Images Follow the Rule of Thirds

Say you have an image like the one below where the focus of attention- the Donald Trump poster- is right in the middle of the slide.

 

 

Image with subject of focus in the centre

The image is bleeding no doubt but there is also the practical problem of too little space to put any text. We need the poster to be on the left or right giving us more space for text and also take advantage of the rule of thirds. Let’s crop the image to make it follow the rule of thirds and yet keep the image bleeding.

 

Step 1- Crop the Image

Locate the crop button from the Format tab and crop the unwanted area:

 

Crop the redundant area on the left

 

Step 2- Place it Along the Rule of Thirds Gridline

Place the most important element in the image- the Donald Trump poster- along the power points (intersection of lines).

 

Place the Image along the Rule of Third Gridlines

 

Step 3- Duplicate the Image & Crop the Duplicate

Now the image is not bleeding. So we need to repeat the steps we followed in hack 3- insert the image again and take only the background area needed to fill up the blank space:

 

Duplicate the image and crop the unwanted area

 

 

This is how the slide looks after cropping the duplicate image:

 

This is how slide looks after cropping

 

Step 4- Flip the Cropped Background

Again repeat the steps to merge the original and the cropped image. Select the cropped image, go to the Rotate menu and click Flip Horizontal.

 

Flip the Cropped Image

 

And now the image is bleeding as well as following the rule of thirds!

 

Background merges perfectly after applying Flip Horizontal

 

You now have ample space on the slide to display your content. You can add a transparent layer behind the text to make it more readable, if you wish. Here's how the final slide looks:

 

Lot of white space helps place our content effectively

 

How did you like the presentation hacks we shared today? Did you learn something new? Share your feedback in the comments below. If you liked the post, share the post with your followers:

 

Tweet This Design Hack to Your Followers

Liked this blog? Please recommend us

22 thoughts on “3 Design Hacks to Make Images Bleed in Your Presentation”
  1. Chaitanya
    Nice I like it.
    1. slideteam
      Thank you so much Rahul! :)
  2. khaled El-Dlaeel
    khaled El-Dlaeel
    The FLIP HORIZONTAL trick is AMAZINGGGGGGG !!!! YOU ROCK !!
    1. slideteam
      Thank you so much Khaled! :)
  3. rahul gosain
    Anuj you rock. Thanks for this blog. cheers.
    1. slideteam
      Thanks a ton Rahul!!! :)
  4. Ellen Finkelstein
    Ellen Finkelstein
    Great post! I've used the Flip Horizontal trick quite a lot. For example, if you have a sky with clouds, you can extend it using that. You can also create some pretty great slides by bleeding only on 3 sides and using the white space for your text. I wrote a blog post on it called "A quick way to design better photo slides–the 3-side rule" at http://www.ellenfinkelstein.com/pptblog/a-quick-way-to-design-better-photo-slides-the-3-side-rule/
    1. slideteam
      Thank you so much, Ellen! Loved the hack you suggested about making an image touch 3 sides of the slide. Where images cannot be made to bleed, this hack will help in creating an impactful photo slide.
  5. Hiroko
    I really enjoy reading your post! Thank you for sharing your amazing tips!
    1. slideteam
      Glad you liked our post, Hiroko! Thank you so much. :)
  6. Carmen
    Thank you SlideTeam for sharing your knowledge!
    1. slideteam
      It is totally our pleasure, Carmen! :)
  7. Saccharis
    How clever!!! Thank you!
    1. slideteam
      Most welcome, Saccharis! Indeed, a clever trick! :)
  8. Mallory
    I've been struggling with this concept. Flipping is an awesome solution. Thanks! I've really upped my game since reading your suggestions.
    1. slideteam
      We are glad our posts are useful to you, Mallory. Thanks for appreciating our efforts! :)
  9. Shamair
    Loving the info on this website , you have done outstanding job on the articles .
    1. slideteam
      Thank you so much Shamair for the appreciation! :)
  10. Douglas Bodde
    Great blogs, interesting and useful!
    1. slideteam
      Thank you so much Douglas!
  11. audrey
    omg yes , thanks !
    1. slideteam
      Most welcome, Audrey! :)
Leave a Comment
Please type captcha here Reload captcha