{"id":2797,"date":"2023-05-16T10:00:00","date_gmt":"2023-05-16T09:00:00","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/fmstel\/?p=2797"},"modified":"2023-05-16T10:11:32","modified_gmt":"2023-05-16T09:11:32","slug":"using-overlays-to-make-engaging-videos","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/fmstel\/2023\/05\/16\/using-overlays-to-make-engaging-videos\/","title":{"rendered":"Using overlays to make engaging videos"},"content":{"rendered":"\n<p><em>This post, kindly provided by Module Leader David Thewlis, discusses the use of OpenShot Video Editor to add overlays into videos for teaching.<\/em><\/p>\n\n\n\n<p>Check out the resources section at the bottom of this post for step-by-step guides.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image-1024x579.png\" alt=\"\" class=\"wp-image-2825\" width=\"580\" height=\"328\" srcset=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image-1024x579.png 1024w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image-300x170.png 300w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image-768x434.png 768w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image-1536x868.png 1536w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image-1200x678.png 1200w, https:\/\/blogs.ncl.ac.uk\/fmstel\/files\/2023\/05\/blog-image.png 1573w\" sizes=\"auto, (max-width: 580px) 85vw, 580px\" \/><figcaption><em>Example taken from MEE8079, Assessment in Medical Education, 2023<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Why I use overlays?<\/h2>\n\n\n\n<p>I started my approach to online lecturing by recording in PowerPoint. Then I moved to recording in ReCap\/Panopto. Neither were quite right for me, I felt limited in my delivery compared to in-person teaching. I found using props difficult when you only take up a small portion of a screen and emphasis on what really matters can be lost when you can\u2019t feel the energy of the room.<\/p>\n\n\n\n<p>I realised my biggest issue with my lectures was that I was relegated to a tiny corner and the slides had become central.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p><em>You want the slides to be condiments to what you\u2019re saying, not be the main event<\/em>.<\/p><cite>Patrick Winston, <a href=\"https:\/\/youtu.be\/Unzc731iCUY\">How to Speak<\/a><\/cite><\/blockquote>\n\n\n\n<p><a href=\"https:\/\/libsearch.ncl.ac.uk\/primo-explore\/fulldisplay?docid=NCL_ALMA2159228620002411&amp;vid=NEWUI&amp;search_scope=NotPC&amp;tab=default_tab&amp;lang=en_US&amp;context=L\" target=\"_blank\" rel=\"noreferrer noopener\">Bell Hooks<\/a> writes about academics hiding behind the pedestal lose engagement with the class. Unfortunately, online lectures can create a similar barrier between us and our students. Overlays is the approach I decided on to help reduce this barrier in my teaching.<\/p>\n\n\n\n<p>I hope I am not the only person who spends hours watching videos on YouTube for inspiration. The videos I found most interesting (even if they were long) were simple speaker focused talks, which showed media when it was helpful. Replicating this type of content was my aim.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What can you use overlays for?<\/h2>\n\n\n\n<p>Overlays replace slides by allowing the speaker to have greater control over where and when to place media. You can incorporate pictures, videos, audio, and titles into a single talk with reasonably little skill (I have managed \u2013 you can too!). You can choose to direct focus in the frame. Wes Anderson has made a film director\u2019s career out of this skill, perhaps we can learn from it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Types of overlays:<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Picture<\/strong> \u2013 these can act very much like slides. Placing them in a corner of the screen, or covering the whole screen can offer different experiences.<\/li><li><strong>Titles<\/strong> \u2013 these are text which appears in picture. They can be used as a title, but I like to use them to correct a mistake I\u2019ve made in wording I also use them to throw forward to an idea or call back something discussed earlier in the lecture or course.<\/li><li><strong>Video<\/strong> \u2013 adding another video within your video can serve as a much better example than just simple explanation. I have done this a few times with examples of good teaching models recorded by my colleagues. I have also seen some effective uses of people having brief conversations with themselves using picture in picture overlays.<\/li><li><strong>Audio<\/strong>&#8211; if you have a flair for the dramatic backing music might help at some point in your talk. Audio Commentaries can also create a richer resource, see our <a href=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/2021\/12\/14\/case-study-audio-commentaries-on-client-consultations-susan-lennie\/\">case study.<\/a><\/li><li><strong>Emojis<\/strong> \u2013 They\u2019re there. Why not?<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How I set up overlays<\/h2>\n\n\n\n<p>You will require some basic video editing software \u2013 I like <a href=\"https:\/\/www.openshot.org\/\">OpenShot Video Editor<\/a>. It\u2019s free and reasonably simple. Simplicity is the theme of my advice.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1.&nbsp;&nbsp;&nbsp; <\/strong>Create\/choose your media<\/h3>\n\n\n\n<p>Create a recording of your lecture using whatever recording device you have available. Errors or issues with the recording can be fixed in the editing process if needed. In <a href=\"https:\/\/www.youtube.com\/watch?v=FTLyTJLHbWs\">this example on YouTube<\/a> an instructor made a mistake with wording. Rather than re-record the entire video, which is otherwise good value, they corrected with an overlay title.<\/p>\n\n\n\n<p>Making your images can be equally as easy. Saving pictures to an appropriate folder is one approach. I like to insert my pictures into a PowerPoint presentation to give myself the opportunity to get the structure clear in my head. I then save each slide as a picture.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2.&nbsp;&nbsp;&nbsp; <\/strong>Organise your content<\/h3>\n\n\n\n<p>Keep it simple and experiment with different formats. Layouts, text sizes, fonts, and colours all can have an impact on what you are communicating. Ensure that your titles are legible, and contrast appropriately with your background.&nbsp;I like the background to be the video of me generally, but I\u2019ve seen solid examples of it being a slide or set of slides.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3.&nbsp;&nbsp;&nbsp; <\/strong>Put the video together<\/h3>\n\n\n\n<p>I recommend you take your time editing your first few videos.<\/p>\n\n\n\n<p>Regardless of the software you decide to use I recommend you <strong><u>save your project often<\/u><\/strong>! Losing an almost completed video is very frustrating.<\/p>\n\n\n\n<p>You can clip your videos to remove errors. Insert other videos in the middle of your talk. Explore effects if you are delivering a narrative.<\/p>\n\n\n\n<p>The export time can be quite long (mine usually run around 40 minutes for a 10-15 minute video). This is an opportunity to make a coffee, have a stretch, and look away from a screen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Although it may need more initial time investment it is worth it. Using overlays can add a personal touch to any asynchronous video content.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-wide\" \/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"has-inline-color has-medium-gray-color\">Resources<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Software: <a href=\"https:\/\/www.openshot.org\/\">OpenShot Video Editor<\/a><\/li><li>FMSTEL Community Guide: <a href=\"https:\/\/ncl.instructure.com\/courses\/30988\/pages\/how-to-set-up-overlays-with-openshot-video-editor\">How to set up overlays with OpenShot Video Editor<\/a><\/li><li>Microsoft Guide: <a rel=\"noreferrer noopener\" href=\"https:\/\/support.microsoft.com\/en-us\/office\/save-a-slide-58a32e76-2026-431c-9d2b-e8312e49dae7#:~:text=Save%20a%20single%20slide%20as%20an%20image&amp;text=Click%20File%20%3E%20Save%20As%20(or,as%20Type%20drop%2Ddown%20menu.\" target=\"_blank\">Save slides as images<\/a><\/li><li>Colour Contract Checker: <a rel=\"noreferrer noopener\" href=\"https:\/\/color.a11y.com\/\" target=\"_blank\">A11Y<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"has-inline-color has-medium-gray-color\">References<\/span><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Winston, Patrick (2018) How to Speak. MIT OpenCourseWare<\/li><li>Hooks, Bell (1994) Teaching to transgress\u202f: education as the practice of freedom. New York: Routledge.<\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post, kindly provided by Module Leader David Thewlis, discusses the use of OpenShot Video Editor to add overlays into videos for teaching. Check out the resources section at the bottom of this post for step-by-step guides. Why I use overlays? I started my approach to online lecturing by recording in PowerPoint. Then I moved &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/fmstel\/2023\/05\/16\/using-overlays-to-make-engaging-videos\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Using overlays to make engaging videos&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7576,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[265,77,76,114],"class_list":["post-2797","post","type-post","status-publish","format-standard","hentry","category-pedagogy","tag-new-software","tag-online-learning","tag-online-teaching","tag-pedagogy"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/2797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/users\/7576"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/comments?post=2797"}],"version-history":[{"count":2,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/2797\/revisions"}],"predecessor-version":[{"id":2826,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/posts\/2797\/revisions\/2826"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/media?parent=2797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/categories?post=2797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/fmstel\/wp-json\/wp\/v2\/tags?post=2797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}