Showcasing Your Images with Keynote Image Galleries | Elaine Giles | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Showcasing Your Images with Keynote Image Galleries

teacher avatar Elaine Giles, Always learning & loving it!

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

12 Lessons (18m)
    • 1. Introduction

    • 2. Creating an Image Gallery

    • 3. Adding Images to Your Image Gallery

    • 4. Re-ordering Images in the Gallery

    • 5. Removing Images from the Gallery

    • 6. Adding Captions to Your Images

    • 7. Using Image Descriptions

    • 8. Changing Transitions

    • 9. Arrange Options

    • 10. Presenting Image Galleries

    • 11. Class Project

    • 12. Wrap Up

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Keynote has a range of media options including the recently added Image Gallery control. It's a hidden gem of a feature you can use to showcase a range of your images quickly and easily.

In this class you’ll learn how to master the Image Gallery component, configuring Keynote to do all the hard work for you when it comes to showcasing your images. 

Here's exactly what you get:

  • A series of videos containing concise, straight to the point, instructions of how to use and best configure the Image Gallery component in Keynote
  • BONUS: Invitation to exclusive AMA sessions

As a class project, you’ll create an Image Gallery of your own to make working with images in Keynote faster than ever before.

While this course assumes no prior detailed knowledge of Keynote, a passing familiarity with the interface and functionality of the app would be beneficial.

Meet Your Teacher

Teacher Profile Image

Elaine Giles

Always learning & loving it!


Hello, I'm Elaine and I'm a technology consultant based in Manchester, UK.

My passion is technology and I love to share that passion via live training sessions, video demos and written tutorials. I have a YouTube Channel with many training videos for a whole range of applications including Scrivener, Affinity Photo, Affinity Designer, Photoshop, Pixelmator, Acorn, Sketch and many more together with videos demonstrating the Microsoft Office applications, Word, Excel and PowerPoint. One of my passions is designing slides and many of those I have designed and presented can be seen on my SlideShare page.

I'm a Fellow of The Learning and Performance Institute, a global membership body for learning professionals, having been granted Fellowship in 2003. I have worked with a numbe... See full profile

Class Ratings

Expectations Met?
  • Exceeded!
  • Yes
  • Somewhat
  • Not really
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: hello and welcome to this course, showing you how to use the media tools in keynote to showcase your images. I'm Elaine. And as a presentation professional, I've used keynote every day since I bought my first mark back in 2006. The latest update has added long requested media management features, including the ability to easily build image galleries right inside. Keynote. In this focused, short course, I'll show you how to best use this new feature. Set toe. Add images. Organized images, work with captions. Make your work accessible on present your finished galleries. In present of you, the class project will be your chance to share an image gallery of your own. You'll be able to create your own image gallery in record time once you've watched this class, and don't forget to share your work with your fellow students by uploading it to the class project section of the course. I'm real angels, and I hope you enjoy the course. Do join now and I look forward to meeting you on the inside 2. Creating an Image Gallery: the new media tools are contained in the media drop down tool available from the menu bar. So clicking on that there are five options available in here. Photos, image, gallery, movies, music and choose Now. First of all, choose just opens a dialog box unless you navigate your file system, but the other four are more automated than that. So taking a look at the photos option first brings up a dialog box, and within here it has a source list on the left hand side on at the moment is trying to find photos in the photos are it can also access photos from photo Booth. I don't have any photos in there. That's why we're not seeing anything. There are other options in here on different tabs for music, which is coming from I tunes on that movies, which is coming from the photos. APA's Well, now those three options photos music, movies in that dialog box map completely to the photos movies. A music option in the drop down there. There is an extra one, however, which is image gallery, and that's the one that we're focusing on. Clicking that inserts an image gallery onto the current slide. The other way to do that is to go to insert unto Choose Image Gallery. Both of those do exactly the same thing. Now, with an image gallery, you can add several images to a slide in one place so that only one image shows at a time. When you play your presentation, you cycle through all the images in the gallery before moving on to the next slide. Once you've got that framework for your image gallery, you cannot resize it, so it's completely re sizable. It can also be repositioned, so if you wanted to move it, you can also scale it outwards so it actually fills the entire page. If you like, it's all of those are options for you. I'm going to leave it set to the default by the 3. Adding Images to Your Image Gallery: and now you're ready to add images to that image gallery framework. To add those images, you have a couple of options. First of all, you can drag and drop them from your computer file system directly onto the image gallery itself. There's also a plus button on the right hand side underneath what will be the list of images when you've added images. Now I have a range of images available here, and they are in my finder. So I'm going to bring up the find a window and select all the images on Just Dragon dropped them onto that image gallery component. It has to think about it and that it inserts all of the images. Now, once you've got the images in, the gallery can navigate them in presentation design view. Using the browse buttons, which are these angle bracket buttons to the left and right, takes you forward and backwards, and you also have dots underneath the image gallery that can take you from image to image so either of those will navigate you through the images within your image gallery. So going back to the very 1st 1 now you can adjust the position or zoom level oven image. Those are the two things that you can actually edit. To do that, you need to double click on it. So I'm double clicking on the image of the dog. First thing I could do with that is move it so I could don't bring at the bottom of his face. Interview all the top. In this circumstance, though, I put a want to scale it. And to do that, I use the slider underneath on. Then when you're done, click the done button, moving through some of the other images on just do It, repeating the process of double clicking it, drugging the image about on door, scaling it so in this case, and get a better view there like that. But we can also move it slightly to lose those people on the left hand side that make it a fraction bigger armed, gone completely. There we are. What I would do is go through every image on do that with it, have a look if it would be better zoomed in to get a close up or taking it back so you can actually see more of the content of each photo. I'm just going through it so that one, for instance, can't even see the dog. You need to bring that up a little bit There. That one's OK once, not too bad. Nice. Is that one or that one? That one's not great. Tom Ridge. A double click on it. And the reason it looks odd is because it's a portrait image. Now. It doesn't matter if I zoom out to such an extent. I end up with two white blocks in the image gallery because at the point that you present this, they will disappear. So you don't have to worry about that and also say, Just go through making any necessary changes to those images and that's the last image. 4. Re-ordering Images in the Gallery: now, unless you're really lucky, your images are unlikely to be added to the image gallery in the order you want. But it's simple to fix that in this list of images over on the right hand side in the gallery top, you can drag and drop those images, so all you need to do is to pick up an image on drug and drop it round. So if we wanted to start off with the white dog on the red background, we can do that for that. By the sunset, it's literally just drag and drop to reorder those images. 5. Removing Images from the Gallery: now adding images is incredibly simple, as we've seen, but so is removing them. So let's find that one off those deaf. It'll type flowers to remove an image selected in the images list on, then click the minus Sign at the bottom on that is removed from the range of images contained within your gallery. 6. Adding Captions to Your Images: now captions or an optional feature. They are turned on by default, but you can if you don't want them a tall turn them off completely by taking the tick out of the captions. Check box. If you decide you do want captions, you have two options. Then the first of these is toe have individual captions per image, so one different caption per image. Alternatively, you can have the same caption for all of the images within a gallery, so let's leave it set to individual captions under out some captions to it. To do that, you need to double click underneath on the caption on, then add the caption by typing it. Pressing into gives you a new line when you finished, click away and it will de select that caption and then using either the browser buttons, all the dots underneath, you can go on, find another image on data Caption to that and a lot of couple more. So we have a few images that with captions added. Now, if you decide at this point, no, I just want one caption for all of the images. To do that, you need to go back to the radio button in the top, right? I'm just click on it. The caption you previously hot there will be removed on it will ask you to type another caption. So a great day out. Now, when I navigate through them, the same caption is displayed under all of the images, including images that didn't have a caption previously. But what if I then decide to go back and have individual captions? Well, a simple matter of just clicking the radio button. But the great news is the previous captions have bean retained. You don't have to retyped them. Thes were the individual captions I initially entered and they're still there saved with the images. 7. Using Image Descriptions: now image descriptions or another optional feature, but they're incredibly valuable for assistive technologies such as voice over. So an image description. Let's get an image that's have that little the white dog. An image description is in the lower right hand corner of the gallery tub. You click in there and actually type in a description for the image. The best way to utilize this feature is to be incredibly descriptive, so I wouldn't, for example, use the caption of I'm still waiting because it wouldn't describe the content of the image , whereas I've put a summary to which is the breed of dog waiting to play sat on the grass, which is about as descriptive as I think I can get. Now do be aware the image description isn't visible anywhere in your presentation, but it remains present as meta data, and it's used when required by those assistive technologist 8. Changing Transitions: in presentation mode, there will be a transition between images. The default is for subsequent images to simply appear, replacing the previous image. That is the appear transition now. Actually, that's happening already as I moved from image to image. How it's doing that is using the appear transition. It's not a very exciting transition, but it is using a transition to control the transitions you need to use the animate tub on , then action within their and you have three options. The first is appear, but if you collect the change button, there are three options. Appear is the first. Then there's dissolve and finally move in. Now appear doesn't have any configurable options. If we look underneath, there's an order for the images. As I go backwards and forwards, you can see the order is shown here. But that's all. There's nothing else to configure, but if you're going to change and choose dissolve, it gives you a very quick preview on alarmingly quick preview. That's because one of the options to configure is duration on. The duration is set to 1/2 a second, meaning that every half a 2nd 1 image transitions into the next. So that's probably a little quick. So we take that up to something more like 2 to 3 seconds, something like that that would be much more realistic for viewing photos on. Then you can click the preview button if you want to actually preview that, and that's a much more realistic speed for showcasing images. The other option you have is to adjust the build order and that's available from the bottom of the bottom There. This gives you the build order dialog box that lists each of the images contained within your image Gallery. Now making changes in here actually let you automate the transitions. So, for instance, if I would like the second image to appear automatically after the 1st 1 so in other words , without waiting for me to click it, I can select the second image and on the start option, choose after build one. What will happen then is it will group image number two with image number one on. I won't have to click it at the moment is going to appear as soon as the transition on Image one is complete. We want to put a delay on that. You can add that in the delay option there. What will happen now is the first image will appear. It will wait two seconds, and then the second image will start to transition in. So that is the build order option that you have now. The other option in here was move in and move in actually has even more configuration options. It has the duration, but it also has direction. At the moment, it's going right to left. But you can go in here and choose left to right. I'm previewing that it will go the other way. So although there's only three options because you've got build order options and you've got durations, you can actually configure them quite extensively. 9. Arrange Options: now going back to the format options. We've launched a gallery. There's also a couple of options in a range. Many of these are unavailable at the moment, so all of the's ed order options at the top are unavailable because I only have one item on the slide. If I just very quickly add a second item putting out there now, you can see when I select the Image gallery, I can bring it to the front of other items or send it to the back. But you will only have those active if you have more than one element on the slide. But one of the more useful options is this. A line option With this one, you can use that to align the gallery on the slide. So instead of drugging it, I'm never been quite sure. If it's in the right place here, you can actually use the options available from the drop down. I'll either center and middled could also use the size options in here if you want to scale it on another option. That's quite useful in design view, and it's only really relevant in design. View is the lock option when you do that. It stops you moving it to you, get little lock icons of the corners, and you can unlock so, as I say, only really relevant in design view, but can be quite handy for times. 10. Presenting Image Galleries: Now the image gallery itself works in exactly the same way a slides with builds on them work now to see all that we need to present this presentation, including the Image Gallery. And there are two things that we need to see first, what's shown to the viewer. And second, what the presenter sees in present of you. And I'm capturing each of thes screen separately so I can show you both here. So selecting the first slide on clicking play, What the viewer is seeing is the first slide. That's the blue one. What the presenter is seeing is the current slide, the next slide on some presenter notes. The present of you gives you is the presenter that behind the scenes view of the presentation now the layout of Presenter View is customizable, so it's likely yours will look slightly different to mine, but the same principles will still apply. Now. This specific layout of the present of you shows the current slide in the top life, with the build number shown below on the actual look of the build shown below that again. To see that, let's move on from this first slide onto the slide with the image gallery on it, and now we can see the current slide, which is two of three with the dog underneath builds remaining nine on underneath that what will be shown next to the viewer. So clicking a button or using the mouse it moves on, moving on again, going through each of those images contained within your image gallery. There's some of the captions coming in as well that we added to individual images. And finally, when you're on the last image, it reports Next slide three of three on move on to the final side, so the whole Image gallery concept is utilizing the standard keynote build feature without you having to do it all manually. 11. Class Project: it's your turn now. Your challenge to create your own image. Gallery and keynote. Once you've completed this class, you'll have all the knowledge you need to create super configurable image galleries using Keynote for Mac. So choose a range of images that you like to include and use the options covered in the course to ensure it shows your images after their very best. You'll need keynote, of course, but it's a free download. If you don't have it yet, just search for keynote in the Mac App store on Download it from there. I'd love to see what you create to showcase your images on. I'm sure your fellow students were, too. So do please share your image galleries with the class in the project gallery. I can't wait to see what you come up with. 12. Wrap Up: Well, we're at the end of this class dedicated to the Image gallery featuring Keynote. Thank you for your company. Along the way, it's much appreciated. We've covered all you need to know to be able to create your own image galleries In keynote , we started with adding an image gallery and then added images to it. Finessing them is required by cropping and zooming. We saw how to add captions to the included images to underinsured accessibility with the description feature. Finally, we saw how to use those same image galleries within presentations during the actual presentation itself. I would love to hear your feedback, and if you've enjoyed the course, I'd be really grateful if you could find the time to review it. I look forward to seeing your image galleries and hopefully meeting you again in the future course. Talking of which, what elements of presentation ups would you like help with? What topics would you like to see covered in future courses? Do let me know. In the meantime, enjoy your image galleries and I'll see you next time