Logos Over Photos - Best Practices

Back at the dawn of time, when PowerPoint was first being programmed, a fateful and incorrect decision was made. Placeholder content would always appear in front of static content, regardless of how placeholders and other content were stacked on the layout. This has led to countless bald designers, from them tearing out their hair because there's no way to place logos over photos.


The Locked Graphics Workaround

One way to circumvent this design flaw is to place a picture placeholder on the layout as usual. Then create a sample slide from it. Place the logo over the photo and lock its position in the XML. Here's my article on how to do that: OOXML Hacking: Locking Graphics. This allows the user to replace the photo while keeping the logo in front.

The disadvantage is that you can't create a new slide from the layout. Instead, the user must copy and paste the sample slide to create another one.


The Background Picture Fill Workaround

If the photo is a full-screen photo, there's another method. This time, don't place a picture placeholder on the layout. Instead, just place the logo there. In use, the user right-clicks on the background and chooses Format Background. On the Format Background task pane, choose Picture or texture fill, then click on the File button and choose the background photo. The logo will stay on top.

The disadvantage to this technique is you have to include instructions to the end user, who may never have used a picture fill previously. My thanks to Jaakko Tuomivaara of Supergroup Studios in the UK for this tip.


Logos Over Photos: The Placeholder Picture Fill Workaround

This works with any size photo, it doesn't have to be full-frame like the previous hack. No copy and paste, no instructions required. I heard about this one from Joshua Finto (Make It So Studio in Austin, TX).

On the layout, insert a picture placeholder to hold the photo. Then add another placeholder on top, sized to exactly the same size as the logo. I use Online Image placeholders because they are rarely used, using a common placeholder type risks content being placed in it if you change layout types. Remove bullets, if there are any, and type a space character so no placeholder text appears.

In the Format Picture task pane, click on Picture or texture fill, then on the File button and fill the placeholder with the logo. Create a slide, place a photo and voila! The logo appears over top of the photo! After creating this, it's wise to lock the placeholder in XML on that layout, to prevent distortion by the user playing with it. OOXML Hacking: Locking Graphics. EMF, SVG and transparent PNGs are all good logo formats for this application.

Microsoft maintains User Voice forums to collect feedback from users. I've created a suggestion there that the placeholder/shape stacking order on the layout should be respected on slides. Please add your vote here: Layout shapes and placeholders should keep their stacking order on the slide. Perhaps we can persuade Microsoft to fix the mistake so we don't need these time-wasting workarounds.

10:52 am

4 thoughts on “Logos Over Photos - Best Practices

  1. The problem with the last solution (I use it regularly) is twofold:

    1. The placeholder with the logo as background can be moved (and deleted) by the user. While I personally would think that users should be mature enough to not wrack havoc to a layout, I had customers complaining about this solution.

    2. If the layout of a slide is changed, text might be filled from another placeholder into this placeholder with the logo (even if the second layout was created as a copy of the first one with only minor changes, like colors). I never found out how to prevent this, and how PowerPoint determines which content goes into which placeholder.

    What I find most annoying is that the lock status of placeholders on the layout gets lost when a slide is created from that layout. If it could be preserved, a whole plethora of solutions would become possible …

    • Thanks for pointing out those issues. PowerPoint always chooses the same placeholder type when moving content during a layout change. So you could avoid it by choosing an esoteric placeholder type.

  2. I have created images placeholders, and using a mix of Apple Keynote and PPT I have managed to "punch" a hole on the placeholder using a vector logo, so any image can be placed and the logo always remain there. Works beautiful.

    • It's helpful to others if you include the exact steps to reproduce the effect, rather than the generic "a mix of Keynote and PPT"

      That approach wouldn't work so well if the user resizes the placeholder. And how would you handle multi color logos?

Leave a Reply

*Required fields. Your email address will not be published.

Posting XML? To enter XML code, please replace all less than signs "<" with "&lt;" and greater than signs ">" with "&gt;". Otherwise, Wordpress will strip them out and you will see only a blank area where your code would have appeared.