Presentations

Using screencapture software to make next-level PowerPoint presentations

I normally record talks I give at conferences, using my phone in my jacket pocket. I have a strict 'no critiquing myself during the talk itself' rule, so the recording allows me to listen back afterwards and pick up on things that I'd want to do differently next time, or things that worked well etc.

In the past I've also put a video up on YouTube, using Camtasia to record me moving the slides along with the audio of my talk at the LIASA conference in Cape Town. I don't think this worked that well because there was simply too many long periods where nothing changed on the screen - in real life that was fine because the audience looks at the speaker, but in a video - a visual medium after all - it just feels a little inert and uninteresting.

So for a recent talk I decided to try and make a version of the slides that would work as a proper video. I spoke at the CILIP PPRG Conference in January (more on that in a previous post) about our UoYTips marketing campaign - York won a Bronze Marketing Award which I was picking up at the event. I delivered the slides and recorded the talk in the usual way, but then set about creating a new version of the slides that had much more going on visually. The actual slides are here, if you're interested, and here is how they evolved for the video I came up with:

Now I've done this, I'm wondering why I can't just do more visually exciting slides anyway? This doesn't have to be just for YouTube. I've always wanted to use video in presentations more, and it's surprisingly easy to do as it turns out.

The tools

To make the video above I used three bits of software. PowerPoint, obviously, for the slides. Audacity to edit and play the audio (this is free). And Screencastomatic for both the screen-capture videos within the slides, and the overall screen-capture of slides plus audio you can view above. Screencastomatic is a great tool, which I found much easier to use than Camtasia. It's quick and intuitive. It can be used for free, but in order to record videos of more than 15 minutes, and record PC audio, you need the pro subscription - this costs 12 quid year which is pretty great value, I reckon.

Here's what the Screencast-o-matic interface looks like:

too.PNG

It's very easy to redraw the box around the exact part of the screen (or all the screen) that you want to record. You can pause and restart. You can also record PC audio as you go, or narrate into a mic. As you can see it gives you the option of recording from webcam at the same time if you wish, which happens in a smallish box at the top right of the screen.

It's really easy to use.

The techniques

In the video above there are a number of techniques (perhaps that's too grand a word!) employed to suit different types of information.

  • Actual video recorded on my phone. (This happens about 25 seconds in.) I recorded a video in the usual way, emailed it to myself, and went to Insert Video in PPT. You can make it full screen, or you can overlay the branding / visual identity from your PPT over the top. I think this is crucial to how easy this is to do - the video can effectively be the background of the slide, just like an image can. You then overlay it with text, shapes, images etc as normal.

  • Screencasting Google Earth. I really like this one, which happens here. How to have something dynamic on screen while I talk about the University of York? Type it into Google Earth then press record on the screencasting software, and return on Google Earth. It zooms all the way in and then, delightfully, spins round the building you've chosen for a bit. I'm going to use this in library induction sessions in the future, for sure.

  • Using gifs. There's a couple of examples of this, but here's the most interesting one. It starts off as a regular full-screen image, and then I used animation to first of all drop the text on top of the image at the appropriate time, and secondly to trigger the gif video beginning (having downloaded the gif from a gif site, and saved it as a video).

  • Regular PowerPoint animations and transitions. There's a few moments where things are added onto the screen one-by-one as I mention them, and there's this very long fade transition between two slides

  • Videos of websites instead of screengrabs of websites. There's an example here, and another example here. In the talk I just showed a screenshot of the thing I was talking about, but here it's a 15 second video of the site being used, which is much more interesting. I'm definitely going to reuse this technique.

The drawbacks

Really the only two drawbacks are that it takes time, and it takes space.

Of course, recording a clip on a website in use takes more time than just a screenshot, but it becomes surprisingly quick. Perhaps a minute to set-up, record and save / export 20 seconds' worth of screen-capture, so not too bad at all.

In terms of space - the videos are MP4 files and pleasingly small. Most brief captures were under 1 meg. The 22 second-long Google Earth zoom right at the start of the video was 12 meg. The overall final file - a 20 minute video capturing the whole thing, was 99MB. Video files are so huge, I think this is pretty reasonable.

So, I'd recommend giving this a try. And if you create a presentation with video and upload it anywhere (or you've already done this in the past) leave me a link in the comments...

A guide to the best free sites for cc0 art and stock photography

I recently wrote a guide for my library's blog on the best sites for high quality, free, and public domain images. I've recreated part of it below.

These sites are hugely useful for marketing purposes, as you can use them in websites, posters, slides, on social media (but NOT insta! That needs your own photos on...) and so on, completely legally and without shelling out any cash.

The sites listed below contain images which have been made Creative Commons Zero (also known as CCO) by their creators, are available to use by anyone, however they like. The images are in the Public Domain and can be reproduced, incorporated into other works, modified, and reused, without needing permission and in most cases without even needing to credit the author.

Free to use stock photography

Pexels

Pexels is the CC0 site I go to first when creating slides or websites. It's good on technology particularly, but covers loads of areas well, with stock photography that is far above the average stock shots. It has tens of thousands of pictures, including the ability to search by colour, and also has a sister site dedicated to CC0 video.

A selection of images found using pexels.com's colour browsing facility

A selection of images found using pexels.com's colour browsing facility

Stocksnap

Once you start using CC0 image sites you get used to seeing the same stock photography appearing on many of them (it comes with the territory, as the fact that the copyright has no restrictions means any site can pick them up and use them - you could start an image bank right now using CC0 images if you wanted to), but Stocksnap seems to have a few more pictures which are unique to it. Thanks to Hilary and Luke who showed me this at the PPRG conference. Here's the 'recently added images' from today:

The most recent additons to StockSnap.io

The most recent additons to StockSnap.io

nappy.co

Nappy describes itself as “Beautiful, high-res photos of black and brown people. For free” and this is a rare thing: stock photography is often VERY white. Thank you to @AgentK23 for giving me the heads-up about this site.

Photos from the ‘Work’ category of nappy.co

Photos from the ‘Work’ category of nappy.co

finda.photo

finda.photo (that's the actual URL as well as the name) searches through lots of other CC0 sites in one go, including the excellent UnSplash. As well searching by keyword you can browse by colour, collection, or original source.

Images from the 'Glare' category of finda.photo

Images from the 'Glare' category of finda.photo

Interestingly after I tweeted this, Unsplash got in touch with a reply, and pointed out that finda.photo only searches a relatively small percentage of their photos:

I had no idea this was the case! So, worth going direct to Unsplash.com too.

Gratisography

For some pictures that are about as far away from tired stock photography cliches as it is possible to get, head over to Gratisography. Quirky, odd images, of extremely high resolution and quality, free to use in any way you see fit. There's really nothing quite like it.

Gratisography. Not your average stock photography site

Gratisography. Not your average stock photography site

RawPixel

A new site for me is RawPixel. They got in touch after reading an earlier version of this guide and I'm happy to include them - if you work in design this site must be a godsend. There's a real variety here, not just in terms of the images but the way they're grouped and organised - check out the Boards section to see what I mean. Just for this image alone I will be using their site again - images of teaching seem to be almost impossible to find!

Finally a decent image of 'teaching' happening! And they've ever-so-helpfully left a lovely big copyspace on the board for you to write in whatever you like...

Finally a decent image of 'teaching' happening! And they've ever-so-helpfully left a lovely big copyspace on the board for you to write in whatever you like...

UKBlackTech

These aren't cc0 - they're Creative Commons Attribution - but I wanted to include them because they're a set of tech-focussed images focusing on BAME protagonists. It's great that UKBlackTech have made these available for free.

Download these images at ukblacktech.com

Download these images at ukblacktech.com

Free to use art and artwork imagery

An absolute ruddy masterpiece, from 1565, available to you, reader, to do with as you please, thanks to The Met

An absolute ruddy masterpiece, from 1565, available to you, reader, to do with as you please, thanks to The Met

  • New York Met

    375,000 images of artworks from The Met's collection to use, share, and remix without restriction. And it's the New York Met, so they have some of the most famous paintings in the world, like Bruegel's The Harvestors from 1565. 

  • Walters Art Museum

    Because the Walters owns or has jurisdiction over the objects in its collection and owns or customarily obtains the rights to any imaging of its collection objects, it has adopted the Creative Commons Zero: No Rights Reserved or CC0 license to waive copyright and allow for unrestricted use of digital images and metadata by any person, for any purpose.

  • Riks Museum Amsterdam

    The Dutch Rijkmuseum in Amsterdam has opened its collection to the public with the majority of its photographed artwork being released under a CC0+ license that requires attribution. You must create a free account in order to download.

  • Getty Museum

    Thousands of images of artworks are available for download, without charge, under the Getty's Open Content Program. Look for the Download button under the image.

  • Yale Center for British Art

    The Center provides free and open access to images of works in the public domain and certain other materials, and hopes to encourage further the use and reuse of its public domain resources by all who may have access to them.

  • Europeana Collections

    Europeana provides an extraordinary 8 million images which are completely free to re-use, covering the areas of Art, Fashion, Maps & Geography, Migration, Natural History, Music and others.


You’ll find details of my Presentation Skills or PowerPoint workshops here: you can book an all-day or half-day session for your organisation, online or in person. We look at a lot of great CC0 image sites and talk about how to find the right images for your presentations and social media.

A short post on preparing short presentations (for short time-slots)

This is a good question, something I've answered a lot in workshops but never blogged about. So here's what I think is really important about prepping short talks with PowerPoint presentations:

  1. Create the number of slides you think you need, then get rid of a couple! The time just rushes past in short presentations, so when it comes to your PPT (or whatever else you're using) you almost always need less than you think. Five slides for a 15 minute presentation may often be enough.
  2. Simplicity is never more important. Simple slides are better anwyay (image-rich, a little text as possible, no bullets) but are especially vital when you only have a very short window in which to convey your information. The messages need to stick, so make them easy to understand and support them with relevant images.
  3. Signpost to more detailed information. Have a blog-post already published which goes into more detail than your 15 minutes will allow, and use a customised bit.ly URL to share the post in an easy-to-remember link at the end of your talk.
  4. Structure is still important. Audiences find structured presentations easier to remember and understand, even for very short talks. So try to have a beginning, a middle, and an end clearly signalled (both in what you're saying and in your slides)
  5. Consider doing a 20:20. A 20:20 (also known as Pecha Kucha) technique involves having 20 slides, each of which automatically moves on after 20 seconds. These are acually really fun to do (the trick is to keep talking rather than stopping to wait for the slides to catch up) and force a real discipline in terms of the economy of your delivery. A 20:20 takes just under 7 minutes and it's amazing how much you can cover in that time if you practice. (I know point 5 directly contradicts point 1, but the approach is SO different with Pecha Kucha it's a whole different ball-game...) 

6 Alternatives to Bullet Points

 

First things first: bullet points are not inherently bad. They can be very useful in written documents. When used in presentations, however, they stop your presentation being as effective. (They often turn presentations into written documents) In fact, your audience engages less, remembers less, agrees less and likes you less when you use bullet points in your PowerPoint presentations. (International Journal of Business Communication, 2015)

So why take that risk?

Usually the answer to that question is one of: 1) It's what I've always done, 2) It's the easiest way thing to do, or 3) Because what else would I do?

For me, 'we've always done it this way' is not a reason to do something. 'This is the best way to do it' is a reason to do something, and sometimes that overlaps with that we've always done, but not always. 

Presentations are often huge opportunities. You have a room full of people giving you your attention (with potentially thousands more online afterwards) and you're there to talk to them about something significant. So although bullets may be easy, why not make the most of the opportunity? Why not do everything you can to not only get your message across but to get it to stick in people's minds? And finally, the 'what else is there?' issue - well, here are five alternatives to using bullets.

(Subscribers, there's LOTS of images in here, some of them stacked up as slides. It's probably going to be a lot easier to view this on the website itself rather than in an email / feedreader - here's the link.)

1) Just put fewer words on the slide

An example of using fewer words without reducing the impact

An example of using fewer words without reducing the impact

An obvious and straightforward place to start. Take away everything you don't need - if it's surplus to requirements, if you can remember to say it out-loud, or if it doesn't really matter whether you say it or not, just get rid of it!

The example here is a slide I used in a recent workshop. I could of course have listed all the ways in which marketing is changing, using bullet points to separate them. But I felt the slide would have more impact with just a single sentence written on the screen, me listing examples out loud, and a visual metaphor as the background image.

2) Cascade the key messages across multiple slides

Rather than making four or five points on one slide (and risk your audience reading ahead and getting out of sync with you the presenter), make one point per slide over four or five slides. This gives each point room to breathe, and helps with signalling to ensure your audience understands and remembers you.

If you're making several points on a theme you don't have to make new slides from scratch for each one - just do the first slide, right-click and Duplicate it, then edit the text on the duplicated version. I've used this technique in the examples below (use the arrows to switch between slides):

If you've got the most recent PowerPoint you can use the Morph transition between the slides, which works really nicely.

People worry that this method will mean a longer presentation but this isn't the case - you take the same amount of time overall, but cycle more quickly through the slides.

3) Use colour to make lists readable, rather than use bullet points

An example of using colour to differentiate chunks of text

An example of using colour to differentiate chunks of text

There are times when you need several points on a slide - for example when you're showing an audience what you'll talk about, or are summarising something, or making comparisons. In these instances neither of the first two techniques are appropriate; you need all the text on one screen. So just write it out like you normally would, but get rid of the baggage and negative associations of bullet-points by not using them - and recreate the POINT of them (making text easier to read) by using alternating colours.

In the particular example shown here, I've actually built up to what you see over three slides. The first just says has the alternating colours text list much larger and in the centre of the screen, then the second is as you see above but with the Bodleian's reply hidden, and then lastly the slide you see here.

4) Highlight key sections of your slide, one by one

I do this a lot - sometimes by building the content of the slides one animation at a time, or by changing the colour to highlight each section, one at a time. Again it means you can have all the points on screen, but you're not using bullets and you're in sync with your audience.

In the example below I've got all three points on screen but each one is highlighted yellow (picking out the yellow from elsewhere on the slide) while I talk about it - again use the arrows to move between them:

5) Turn your bullet points into something visual

An example of using icons instead of bullets

An example of using icons instead of bullets

A fifth option is to basically use bullets without people thinking 'Aargh, bullet points, death by PowerPoint here I come' etc. Use icons (for example from iconfinder.com) as bullet points - the images will help your audience learn. A basic example is shown here.

6) Combine several of the techniques above

The final example below is how I introduce the timings for my Presentation Skills training days. It does what a single slide with bullet points would do, but uses colour and visual elements over three slides to introduce the information in a more engaging way. Part of the reason I bothered doing this is the slides allow me to talk about each part of the day in turn, whilst staying in sync with my audience, AND it allows the audience to see the full day's timings in one go on the final slide of the sequence.

So there you go! Several ways to avoid bullet points. It's really worth taking a small amount of time to rewrite presentations to avoid bullets: your audience will thank you for it...


You’ll find details of my Presentation Skills or PowerPoint workshops here: you can book an all-day or half-day session for your organisation, online or in person.

Using PowerPoint as a design tool

If you're a graphic designer you probably use a professional tool like Adobe InDesign or Photoshop to make leaflets, posters, infographics and other digital images. If, like me, you're not, and those tools are beyond both your budget and capacity to learn complicated programmes you're not going to use that often, you need an alternative.

I've written on here before about Canva, which is excellent for more than just presentations, and I like Phoster in the iOS app store for designing digital posters. But an under-rated tool for Design is PowerPoint. The main reasons are it's a lot more flexible than it's often given credit for, and it's incredibly easy to layer content (to put text over images, etc) - something which is maddeningly difficult to do in Word, for example.

So here are the key aspects to using PowerPoint for design.

1) You can make a slide ANY size, and save it as a JPG or PNG file

Go to Design, Slide Size then Custom Slide Size to get to this menu

Go to Design, Slide Size then Custom Slide Size to get to this menu

PowerPoint defaults to a 4:3 or 16:9 slide - but you can edit the slide to be any shape, size and proportions. Open a new presentation and go to Design then Slide Size and choose Custom Slide Size you can bring up this drop-down menu, or just put in the custom dimensions of your choice.

Everything becomes easier with design when your canvas is the perfect dimensions to start off with. Sizes like A3 and A4 are self-explanatory if you're designing flyers or posters, but also think about digital image sizes. For example:

  • A Twitter image (which is to say a perfectly sized image which doesn't require users to click to expand when viewing it's tweeted) is W: 116 mm x H 232mm
  • An Instagram image can be any square, but optimally is 134mm x 134mm
  • A Facebook image is 317mm x 317mm
  • A YouTube custom video thumbnail is H: 190mm x W: 338mm

(You can work out any pixels to mm dimensions using an online converter: I used this one for the above.)

Once you've created blank slides in a variety of useful sizes, save them to use as a template more quickly in the future.

2) You can install fantastic typography

As anyone who has attended my presentation skills training will attest, I'm always banging on about how Typography is a hugely underrated part of design. Fonts matter a lot, and can make the difference between something looking and the same thing looking really professional.

As always, I'd highly reccomend fontsquirrel as a souce of fantastic (and free to use) fonts - and see the previous post for more info on font-pairings.

Click to go to the font-pairing post

Click to go to the font-pairing post

3) It's easy to manipulate images in useful ways

You can find the ideal image from a CC0 site like Pexels, and make it easier to use - to layer text on top of, for example - using PPTs editing tools. They're nowhere near as sophisticated as those in Photoshop, but it's still really useful. Particularly darkening images using the Brightness slider so that white text clearly shows up on it, or blurring images. Both of these techniques are explained in more detail here.

You can also Crop images to specific shapes, circles for example, which can help with really striking design.

4) You can follow the basic principles of good design, and that's more important than the tool

I've found that I really like design without truly understanding it like a proper designer would, but certain rules apply across the board and help me with whatever I'm doing:

  1. Images AS the background most often works better than images against a background (unless you're using icons).
  2. Space is good. Leave space.
  3. No more than three fonts per design. And use fonts that help you communicate your message - or, to use a phrase I'm not altogether comfortable with for some reason, but it seems to apply here: use fonts intentionally.
  4. The most important thing about text is legibility. Make sure text is large, and the contrast is high between the text and the background.
  5. Left-align text unless there's a specific reason to Centre-align it (or very occasionally right-align or justify).
  6. Avoid orphan or widow words. Just stretch your text box a little more, or narrow it, so words aren't left on a line of their own. Canva's helpful design rules also have this to say on line length:

5) Save slides as images

You can save your PowerPoint as a PPTX to come back to the design later, but you can also save a slide as an image, or a whole bunch of slides as seperate images.

When you go to Save As, choose JPEG or PNG from the drop-down menu - it will then give you the choice of saving just the slide you're on at the moment as an image, or to create a folder into which it will save all the slides in the presentation as individual images.

Saving slides as JPEGs

Saving slides as JPEGs

And finally, while we're on the Save As function, here's a brief guide to which format to save regular presentations in depending on your situation...