{"id":64055,"date":"2020-07-21T15:08:37","date_gmt":"2020-07-21T20:08:37","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=64055"},"modified":"2020-07-24T08:39:42","modified_gmt":"2020-07-24T13:39:42","slug":"create-lower-third-overlays-for-video","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/","title":{"rendered":"Creating Lower Third Overlays for Video Using Pages and Preview"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TitleLowerThird.jpg\" alt=\"\" class=\"wp-image-64075\" width=\"640\" height=\"98\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TitleLowerThird.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TitleLowerThird-284x43.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TitleLowerThird-190x29.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TitleLowerThird-284x43@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TitleLowerThird-190x29@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>An example lower third bring used in OBS<\/figcaption><\/figure>\n\n\n\n<p>During the <a rel=\"noreferrer noopener\" aria-label=\"recent six-part series on Open Broadcaster Software (OBS) (opens in a new tab)\" href=\"https:\/\/eshop.macsales.com\/blog\/?s=open+broadcaster+software\" target=\"_blank\">recent six-part series on Open Broadcaster Software (OBS)<\/a>, I referred to \u201clower third\u201d overlays a few times. A <strong>lower third<\/strong> is a graphic overlay placed in the title-safe lower area of the screen, although they rarely (if ever) take up the entire lower third of the display. Today I\u2019ll show how to use Apple\u2019s free <strong>Pages<\/strong> and <strong>Preview<\/strong> apps for Mac to create both simple and fancy lower third graphics.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Simple: Just Text<\/h2>\n\n\n\n<p>A very simple lower third can often be created by your streaming software. In OBS, this is done by creating a new source: click the + at the bottom of the source list, then selecting &#8220;Text (FreeType 2). A dialog appears in which you can type your text. However, this is where one of the bugs in OBS appears; you cannot change the font, text size, or color without the app crashing. As long as you like white Helvetica, you might be happy&#8230;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"683\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText.jpg\" alt=\"A lower third created using the Text source in OBS\" class=\"wp-image-64063\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText-225x120.jpg 225w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText-284x152.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText-190x101.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText-225x120@2x.jpg 450w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText-284x152@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/SimplyOBSText-190x101@2x.jpg 380w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption>A lower third created using the Text source in OBS<\/figcaption><\/figure><\/div>\n\n\n\n<p>Let&#8217;s make a text-only lower third in Pages. Why Pages? It&#8217;s free, it&#8217;s available to every Mac owner, and it is remarkably powerful.<\/p>\n\n\n\n<p>1 &#8211; To begin, launch Pages and create a new blank document.<\/p>\n\n\n\n<p>2 &#8211; Click the &#8220;Text&#8221; box at the top of the document to create a text container. It appears as a rectangle with &#8220;handles&#8221; around the sides for resizing or rotating the text, with the words &#8220;Type to enter text&#8221; in it.<\/p>\n\n\n\n<p>3 &#8211; Double-click on the text to select it, then type the words you want on your text-only lower third.<\/p>\n\n\n\n<p>4 &#8211; Now you can start having some fun. Select your new text, then make sure that you&#8217;ve clicked the Format button in the upper right of the Pages window and the Text pane is showing. This allows you to style your text any way you wish.<\/p>\n\n\n\n<p>In this example, I typed the words &#8220;Fun With Video&#8221;, changed the font to Impact, increased the size to 40 point, and changed the color to yellow.<\/p>\n\n\n\n<p>5 &#8211; Next, we want to capture that text as a PNG image so we can apply transparency to everything but the text. Fortunately, <a rel=\"noreferrer noopener\" aria-label=\"macOS comes with a really good screenshot tool (opens in a new tab)\" href=\"https:\/\/eshop.macsales.com\/blog\/55918-how-to-take-a-screenshot-in-macos%E2%80%8B-mojave-and-catalina\/\" target=\"_blank\">macOS comes with a really good screenshot tool<\/a>. Here I pressed Command (\u2318) &#8211; Shift &#8211; 5 to bring up the tool, selected &#8220;Capture selected portion&#8221;, dragged a selection box around the styled text, and pressed return.<\/p>\n\n\n\n<p>6 &#8211; Now comes the fun part, getting rid of the white background and turning it to a transparent &#8220;alpha channel&#8221;. Double-click the screenshot to open it in Preview. You see something like this in Preview:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview.jpg\" alt=\"The text captured from Pages by taking a screenshot, now opened in Preview.\" class=\"wp-image-64064\" width=\"640\" height=\"322\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview-239x120.jpg 239w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview-284x143.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview-190x96.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview-239x120@2x.jpg 478w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview-284x143@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/TextInPreview-190x96@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>The text captured from Pages by taking a screenshot, now opened in Preview.<\/figcaption><\/figure>\n\n\n\n<p>7 &#8211; You may want to use the Scale Document Up button (in the toolbar, looks like a magnifying glass with a + in it) to make your image larger. This will help in the next step.<\/p>\n\n\n\n<p>8 &#8211; Select View &gt; Show Markup Toolbar in Preview. The toolbar now looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/PreviewWithMarkupToolbar.jpg\" alt=\"The Preview Toolbar, with the Instant Alpha tool highlighted in red.\" class=\"wp-image-64065\" width=\"640\" height=\"72\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/PreviewWithMarkupToolbar.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/PreviewWithMarkupToolbar-284x32.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/PreviewWithMarkupToolbar-190x21.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/PreviewWithMarkupToolbar-284x32@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/PreviewWithMarkupToolbar-190x21@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>The Preview Toolbar, with the Instant Alpha tool highlighted in red.<\/figcaption><\/figure>\n\n\n\n<p>9 &#8211; We want to use the Instant Alpha tool, which is highlighted in red in the image above. It looks like a &#8220;magic wand&#8221;, and is used to change a color background to a transparent alpha channel. Drag the tool across the white background and it turns a pinkish color. If you drag too far, even the yellow letters will be selected, so be careful&#8230;<\/p>\n\n\n\n<p>When you believe you&#8217;ve selected most of the background, the Preview window looks something like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/InstantAlpha.jpg\" alt=\"The pink area is what is selected with the Instant Alpha tool  to become transparent\" class=\"wp-image-64066\" width=\"640\" height=\"112\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/InstantAlpha.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/InstantAlpha-284x50.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/InstantAlpha-190x33.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/InstantAlpha-284x50@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/InstantAlpha-190x33@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>The pink area is what is selected with the Instant Alpha tool  to become transparent<\/figcaption><\/figure>\n\n\n\n<p>Now, stop dragging. The pink background is replaced with an animated &#8220;marching ants&#8221; dotted line surrounding the outside of the text box and the letters:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/MarchingAnts.jpg\" alt=\"The text selected by the Instant Alpha tool\" class=\"wp-image-64067\" width=\"640\" height=\"112\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/MarchingAnts.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/MarchingAnts-284x50.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/MarchingAnts-190x33.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/MarchingAnts-284x50@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/MarchingAnts-190x33@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>The text selected by the Instant Alpha tool<\/figcaption><\/figure>\n\n\n\n<p>10 &#8211; Press the Delete key on your keyboard. This eliminates the white background, which now becomes gray to show its transparency. The inside of the &#8220;d&#8221;, &#8220;e&#8221;, and &#8220;o&#8221; in the word video are still white, so we need to use the Instant Alpha tool to highlight the white areas and make them transparent. When we&#8217;re done, we have just the yellow letters on a gray (transparent) background:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/ImTransparent.jpg\" alt=\"Yellow text on a transparent background\" class=\"wp-image-64068\" width=\"640\" height=\"112\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/ImTransparent.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/ImTransparent-284x50.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/ImTransparent-190x33.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/ImTransparent-284x50@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/ImTransparent-190x33@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>Yellow text on a transparent background<\/figcaption><\/figure>\n\n\n\n<p>Back in OBS &#8212; or whatever video streaming or recording app we&#8217;re using &#8212; we can now add the PNG file as an image source. Here&#8217;s what the video looks like with the yellow lower third added in:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FunWithVideo.jpg\" alt=\"The new Lower Third overlaid on live video\" class=\"wp-image-64069\" width=\"640\" height=\"103\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FunWithVideo.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FunWithVideo-284x46.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FunWithVideo-190x31.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FunWithVideo-284x46@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FunWithVideo-190x31@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>The new Lower Third overlaid on live video<\/figcaption><\/figure>\n\n\n\n<p>While this seems like an onerous process, it can actually be accomplished in less than a minute once you&#8217;ve done it a few times.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fancy Lower Third<\/h2>\n\n\n\n<p>Now we&#8217;re going to make a fancy lower third. By fancy, I mean that we can create a graphic with a logo, text, colors, shapes, you name it. I won&#8217;t go through the steps required to create the graphic &#8212; I suggest that you familiarize yourself with the Shape tools in pages to create your lower third graphic. The rest of the steps are similar to what we did in creating our simple text lower third, particularly in making the background transparent.<\/p>\n\n\n\n<p>If you have a logo you&#8217;d like to add, it can be imported into your Pages document using Insert &gt; Choose from the menu bar. I created the fancy lower third seen in the image below by using a plain white rectangle with a thin black border, a rectangle with a two-tone blue gradient fill, a triangle with the same gradient fill, some text boxes, and the Rocket Yard logo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird.jpg\" alt=\"A sample lower &quot;fancy&quot; lower third made in Pages, with a transparent section on the right\" class=\"wp-image-64073\" width=\"640\" height=\"356\" srcset=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird.jpg 1280w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird-216x120.jpg 216w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird-284x158.jpg 284w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird-190x106.jpg 190w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird-216x120@2x.jpg 432w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird-284x158@2x.jpg 568w, https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/FancyLowerThird-190x106@2x.jpg 380w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><figcaption>A sample lower &#8220;fancy&#8221; lower third made in Pages, with a transparent section on the right<\/figcaption><\/figure>\n\n\n\n<p>I wanted the right side of the lower third to remain transparent, so I used the Preview Instant Alpha tool to create that area that I&#8217;m pointing at. Sure, this isn&#8217;t the most design-savvy lower third ever created, but it took me only about five minutes to make it. If I was really going to use this, I&#8217;d also get rid of the white line you see beneath my finger.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Other Lower Third Tools<\/h2>\n\n\n\n<p>There are other ways to create lower thirds for your videos. If you really want to get &#8220;pro&#8221; with your titles and even have an animated intro, <a rel=\"noreferrer noopener\" aria-label=\"Titler Pro from NewBlue (opens in a new tab)\" href=\"https:\/\/newbluefx.com\/products\/titling\/titler-pro\/\" target=\"_blank\">Titler Pro from NewBlue<\/a> ($299) is a very powerful tool.<\/p>\n\n\n\n<p><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/canva.com\" target=\"_blank\">Canva<\/a> is an online tool that empowers non-designers to create many design elements, including lower third graphics. Canva has a free trial available and can even create animated graphics.<\/p>\n\n\n\n<p>Of course, <a rel=\"noreferrer noopener\" aria-label=\"Adobe Photoshop (opens in a new tab)\" href=\"https:\/\/www.adobe.com\/products\/photoshop.html?promoid=PC1PQQ5T&amp;mv=other\" target=\"_blank\">Adobe Photoshop<\/a> is a time-honored tool for graphic creation. Many online templates are available that can be imported into Photoshop for customization. <a rel=\"noreferrer noopener\" aria-label=\"Pond5 (opens in a new tab)\" href=\"https:\/\/www.pond5.com\/stock-images\/psd\/tag\/lower-third\/\" target=\"_blank\">Pond5<\/a> is an example of a company that has these templates available for sale.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>During the recent six-part series on Open Broadcaster Software (OBS), I referred to \u201clower third\u201d overlays a few times. A lower third is a graphic overlay placed in the title-safe lower area of the screen, although they rarely (if ever) take up the entire lower third of the display. Today I\u2019ll show how to use [&hellip;]<\/p>\n","protected":false},"author":81,"featured_media":64094,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"spay_email":"","footnotes":""},"categories":[4],"class_list":["post-64055","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.2 (Yoast SEO v20.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create Lower Third Overlays for Video Using Pages &amp; Preview<\/title>\n<meta name=\"description\" content=\"A &quot;lower third&quot; is an overlay placed in the title-safe area of the screen. You can use the Mac Pages and Preview apps to create both simple and fancy graphics.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating Lower Third Overlays for Video Using Pages and Preview\" \/>\n<meta property=\"og:description\" content=\"A &quot;lower third&quot; is an overlay placed in the title-safe area of the screen. You can use the Mac Pages and Preview apps to create both simple and fancy graphics.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\" \/>\n<meta property=\"og:site_name\" content=\"Rocket Yard\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/stevensande\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-21T20:08:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-24T13:39:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/LowerThird_568x646.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"568\" \/>\n\t<meta property=\"og:image:height\" content=\"646\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Steve Sande\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Sande\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\"},\"author\":{\"name\":\"Steve Sande\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1152721d0acb70692858d0f3fcb12e7a\"},\"headline\":\"Creating Lower Third Overlays for Video Using Pages and Preview\",\"datePublished\":\"2020-07-21T20:08:37+00:00\",\"dateModified\":\"2020-07-24T13:39:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\"},\"wordCount\":1155,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"keywords\":[\"instant alpha\",\"OBS\",\"Open Broadcaster Software\",\"Pages\",\"Photoshop\",\"Preview\"],\"articleSection\":[\"Tech Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\",\"name\":\"Create Lower Third Overlays for Video Using Pages & Preview\",\"isPartOf\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\"},\"datePublished\":\"2020-07-21T20:08:37+00:00\",\"dateModified\":\"2020-07-24T13:39:42+00:00\",\"description\":\"A \\\"lower third\\\" is an overlay placed in the title-safe area of the screen. You can use the Mac Pages and Preview apps to create both simple and fancy graphics.\",\"breadcrumb\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eshop.macsales.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating Lower Third Overlays for Video Using Pages and Preview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#website\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"name\":\"Rocket Yard\",\"description\":\"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.\",\"publisher\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#organization\",\"name\":\"OWC\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"contentUrl\":\"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png\",\"width\":1024,\"height\":1024,\"caption\":\"OWC\"},\"image\":{\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1152721d0acb70692858d0f3fcb12e7a\",\"name\":\"Steve Sande\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1ad8e267ec82e12963d9cfe717c9b8e108e1edbb728f5d91fe50c6e7ecd14b15?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1ad8e267ec82e12963d9cfe717c9b8e108e1edbb728f5d91fe50c6e7ecd14b15?s=96&d=mm&r=g\",\"caption\":\"Steve Sande\"},\"description\":\"Steve has been writing about Apple products since 1986, starting on a bulletin board system, creating the first of his many Apple-related websites in 1994, joining the staff of The Unofficial Apple Weblog in 2008, and founding Apple World Today in 2015. He\u2019s semi-retired, loves to camp and take photos, and is an FAA-licensed drone pilot.\",\"sameAs\":[\"https:\/\/appleworld.today\",\"https:\/\/facebook.com\/stevensande\",\"https:\/\/www.linkedin.com\/in\/stevensande\/\",\"https:\/\/www.youtube.com\/channel\/UCUnDTuaRnXncKQXfQYVNIJA\/\"],\"url\":\"https:\/\/eshop.macsales.com\/blog\/author\/steve-sande\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Lower Third Overlays for Video Using Pages & Preview","description":"A \"lower third\" is an overlay placed in the title-safe area of the screen. You can use the Mac Pages and Preview apps to create both simple and fancy graphics.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/","og_locale":"en_US","og_type":"article","og_title":"Creating Lower Third Overlays for Video Using Pages and Preview","og_description":"A \"lower third\" is an overlay placed in the title-safe area of the screen. You can use the Mac Pages and Preview apps to create both simple and fancy graphics.","og_url":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/","og_site_name":"Rocket Yard","article_author":"https:\/\/facebook.com\/stevensande","article_published_time":"2020-07-21T20:08:37+00:00","article_modified_time":"2020-07-24T13:39:42+00:00","og_image":[{"width":568,"height":646,"url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/LowerThird_568x646.jpg","type":"image\/jpeg"}],"author":"Steve Sande","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Steve Sande","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#article","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/"},"author":{"name":"Steve Sande","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1152721d0acb70692858d0f3fcb12e7a"},"headline":"Creating Lower Third Overlays for Video Using Pages and Preview","datePublished":"2020-07-21T20:08:37+00:00","dateModified":"2020-07-24T13:39:42+00:00","mainEntityOfPage":{"@id":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/"},"wordCount":1155,"commentCount":2,"publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"keywords":["instant alpha","OBS","Open Broadcaster Software","Pages","Photoshop","Preview"],"articleSection":["Tech Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/","url":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/","name":"Create Lower Third Overlays for Video Using Pages & Preview","isPartOf":{"@id":"https:\/\/eshop.macsales.com\/blog\/#website"},"datePublished":"2020-07-21T20:08:37+00:00","dateModified":"2020-07-24T13:39:42+00:00","description":"A \"lower third\" is an overlay placed in the title-safe area of the screen. You can use the Mac Pages and Preview apps to create both simple and fancy graphics.","breadcrumb":{"@id":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/eshop.macsales.com\/blog\/64055-create-lower-third-overlays-for-video\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eshop.macsales.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Creating Lower Third Overlays for Video Using Pages and Preview"}]},{"@type":"WebSite","@id":"https:\/\/eshop.macsales.com\/blog\/#website","url":"https:\/\/eshop.macsales.com\/blog\/","name":"Rocket Yard","description":"Your source for expert tips, special deals, commentary, reviews, and the latest tech news.","publisher":{"@id":"https:\/\/eshop.macsales.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eshop.macsales.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/eshop.macsales.com\/blog\/#organization","name":"OWC","url":"https:\/\/eshop.macsales.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","contentUrl":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/06\/rocket-yard-logo-round.png","width":1024,"height":1024,"caption":"OWC"},"image":{"@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/1152721d0acb70692858d0f3fcb12e7a","name":"Steve Sande","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eshop.macsales.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1ad8e267ec82e12963d9cfe717c9b8e108e1edbb728f5d91fe50c6e7ecd14b15?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ad8e267ec82e12963d9cfe717c9b8e108e1edbb728f5d91fe50c6e7ecd14b15?s=96&d=mm&r=g","caption":"Steve Sande"},"description":"Steve has been writing about Apple products since 1986, starting on a bulletin board system, creating the first of his many Apple-related websites in 1994, joining the staff of The Unofficial Apple Weblog in 2008, and founding Apple World Today in 2015. He\u2019s semi-retired, loves to camp and take photos, and is an FAA-licensed drone pilot.","sameAs":["https:\/\/appleworld.today","https:\/\/facebook.com\/stevensande","https:\/\/www.linkedin.com\/in\/stevensande\/","https:\/\/www.youtube.com\/channel\/UCUnDTuaRnXncKQXfQYVNIJA\/"],"url":"https:\/\/eshop.macsales.com\/blog\/author\/steve-sande\/"}]}},"jetpack_featured_media_url":"https:\/\/eshop.macsales.com\/blog\/wp-content\/uploads\/2020\/07\/LowerThird_568x646.jpg","jetpack_shortlink":"https:\/\/wp.me\/pmPaT-gF9","_links":{"self":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/64055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/comments?post=64055"}],"version-history":[{"count":10,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/64055\/revisions"}],"predecessor-version":[{"id":64098,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/posts\/64055\/revisions\/64098"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media\/64094"}],"wp:attachment":[{"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/media?parent=64055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eshop.macsales.com\/blog\/wp-json\/wp\/v2\/categories?post=64055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}