Presentations

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

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

Finally, 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. Stock photography is often VERY white, so 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.


If you have any more suggestions for great CC0 sites, let me know with a comment below and we'll add them to the list.

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...

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...

Creating images with copy-space for text

This post originally appeared on the Lib-Innovation blog.

As always things have changed in my library over the summer, and we needed some new images to reflect our reconfigured rooms, new signage and new services. We're very fortunate to have easy access to the University photographer Paul Sheilds, who is based in our Morrell Library building, so we booked a morning with him.

We had very specific needs in mind, based on a list we'd drawn up to suit what I wanted for our Induction Project, what my Academic Liaison colleague David Brown wanted for the new LibGuides and what the Comms Team needed. In particular I was really keen to get photos with copy-space.

Copy-space literally means a space to write 'copy' in the newspaper meaning of the word - in other words an area of the image which is less busy and which could be written upon without obscuring a key part of the picture.

In essence I wanted to be able to write directly onto the images (for use in slides, posters, digital screens and social media) without having either a separate area for text, or a back-filled text box - because I think it looks smarter that way and because it allows the images to be full screen at all times. It's a lot easier to do this when the images are captured with that in mind from the outset.

Here are some examples - these are works-in-progress that I'm playing around with for the forthcoming #UoYTips Induction campaign for 2016/17 at my institution. They won't look exactly like this in the final versions but the copy-text principle will remain.

We have borrowable laptops which I wanted to showcase. I've added a piece of text to the copy-space:

Here's an example of an image of the same lockers which is a great pic but which doesn't have copy-space built in (making it a little less flexible to work with in marketing):

It would be possible to write on this of course, but you'd need to manipulate the image to ensure the text was legible, or used a back-filled text box.

Next up is a picture of the copy-print-scan machines - the copy-space in this case being the underside of the lid. I did experiment with having the text at an angle to match it but it looked a little clunky so I went with good old fashioned horizontal text for this one...

Here's a picture of a student - by not putting her centre of the frame (and by conforming to the rule of thirds) we've made space for the text.

Finally here's an example where despite leaving copy-space the background is too busy to write directly onto - the text wouldn't be clear enough. There's a neat divide where the wall ends, so I've inserted a shape over everything to the left of the wall, to make the copy-space more clearly defined. I did this in PowerPoint - inserting the rectangle, filling it black, then making the fill 19% transparent. The white text is clearly visible against it, and the focus of the image (the walls you can write on) is still clear and uncluttered.