{"id":32072,"date":"2023-03-10T15:22:37","date_gmt":"2023-03-10T14:22:37","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32072"},"modified":"2025-06-16T19:05:44","modified_gmt":"2025-06-16T17:05:44","slug":"nedre-tredjedel","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/sv\/user-manual\/live-editing\/layers\/lower-third-2\/lower-third\/","title":{"rendered":"Lower Third Skikt"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Vad \u00e4r en l\u00e4gre tredjedel?<\/h2>\n\n\n\n<p>En nedre tredjedel \u00e4r en \u00f6verlagring av text och grafiska element som placeras ovanp\u00e5 videoinneh\u00e5ll f\u00f6r att ge publiken extra information. Eftersom denna \u00f6verlagring ofta visas i den nedre tredjedelen av sk\u00e4rmen kallas den nedre tredjedelen eller nedre tredjedelen. Detta kan tyckas trivialt, men deras n\u00f6dv\u00e4ndighet \u00e4r tydlig n\u00e4r de anv\u00e4nds d\u00e5ligt eller saknas helt, vilket kan f\u00f6rvirra publiken.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2021\/06\/livestreamessentials-lowerthirds-1024x578.jpg\" alt=\"Lower Third-lager i mimoLive\" class=\"wp-image-29121\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2021\/06\/livestreamessentials-lowerthirds-1024x578.jpg 1024w,  https:\/\/mimolive.com\/wp-content\/uploads\/2021\/06\/livestreamessentials-lowerthirds-300x169.jpg 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2021\/06\/livestreamessentials-lowerthirds-768x433.jpg 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2021\/06\/livestreamessentials-lowerthirds.jpg 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/04\/Vertical-in-Horizontal-TV-.mp4\"><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">L\u00e4gre tredjedelar i mimoLive<\/h3>\n\n\n\n<p>F\u00f6r att skapa l\u00e4gre tredjedelar i mimoLive kan du l\u00e4gga till <strong>Lower Third skikt<\/strong> till ditt projekt. Den <strong>Lower Third skikt<\/strong> kan du skapa, animera och styra alla typer av nedre tredjedelar. Vanligtvis anv\u00e4nds den f\u00f6r att presentera en person med namn och en beskrivning, t.ex. en jobbtitel eller position. Ofta inneh\u00e5ller en nedre tredjedel en kombination av en f\u00f6retagslogotyp, namn och titel. Du kan enkelt utforma din nedre tredjedel i mimoLive genom att l\u00e4gga till grafik, anpassad typografi, f\u00e4rg, form och stil.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">L\u00e4gga till ett l\u00e4gre tredje lager till ett mimoLive-dokument<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/b90b18fe-2895-44a0-a4b9-77273ff95386.jpeg\"><img decoding=\"async\" width=\"1000\" height=\"739\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/b90b18fe-2895-44a0-a4b9-77273ff95386.jpeg\" alt=\"\" class=\"wp-image-32074\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/b90b18fe-2895-44a0-a4b9-77273ff95386.jpeg 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/b90b18fe-2895-44a0-a4b9-77273ff95386-300x222.jpeg 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/b90b18fe-2895-44a0-a4b9-77273ff95386-768x568.jpeg 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/b90b18fe-2895-44a0-a4b9-77273ff95386-16x12.jpeg 16w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"set-up-the-lower-third-layer\">Installera Lower Third-lagret<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"content\">Inneh\u00e5ll<\/h4>\n\n\n\n<p>Fyll i en titel och en underrubrik i avsnittet Inneh\u00e5ll. Om du vill kan du l\u00e4mna f\u00e4ltet Subtitle tomt f\u00f6r att bara presentera en textrad.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"animation\">Animering<\/h4>\n\n\n\n<p>I avsnittet Animering i parametrarna kan du definiera tidpunkten och typen av animering som du vill att den nedre tredjedelen ska visas och f\u00f6rsvinna. F\u00f6r \u00f6verg\u00e5ngsanimationen finns f\u00f6ljande alternativ: Cut, Dissolve, Push, Wipe fr\u00e5n v\u00e4nster till h\u00f6ger och Wipe fr\u00e5n h\u00f6ger till v\u00e4nster. Parametern Duration styr hastigheten p\u00e5 \u00f6verg\u00e5ngen. Om du vill att texten ska visas senare \u00e4n bakgrundsgrafiken kan du f\u00f6rdr\u00f6ja texten med f\u00e4ltet Textf\u00f6rdr\u00f6jning.<\/p>\n\n\n\n<p>Vanligtvis f\u00f6rsvinner den nedre tredjedelen med den omv\u00e4nda animeringen av dess utseende. Med parametern Utg\u00e5ende kan du dock ange en annan animering f\u00f6r f\u00f6rsvinnandet.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"design\">Design<\/h4>\n\n\n\n<p><strong>Var kreativ!<\/strong><br>Vi uppmuntrar dig starkt att leka med de grafiska designparametrarna f\u00f6r den nedre tredjedelen. M\u00f6jligheterna \u00e4r o\u00e4ndliga och med bara n\u00e5gra f\u00e5 klick kan du skapa din egen unika stil f\u00f6r den nedre tredjedelen av ditt program. Kolla ocks\u00e5 in <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/nedre-tredje-lekplatsen\/\">Lower Third Mall f\u00f6r lekplats<\/a> f\u00f6r att se n\u00e5gra fantastiska designer.<\/p>\n\n\n\n<p>Typen av bakgrund f\u00f6r den nedre tredjedelen kan st\u00e4llas in med parametern Typ i avsnittet Bakgrund. Du kan anv\u00e4nda en anpassad f\u00e4rg, en gradient fr\u00e5n v\u00e4nster till h\u00f6ger, en gradient fr\u00e5n topp till botten, en anpassad bild eller effekten Frostat glas.<\/p>\n\n\n\n<p><strong>En anpassad bild kan ocks\u00e5 vara en anpassad film!<\/strong><br>Om du vill ha en snygg animerad bakgrund kan du skapa animationen i ett tredjepartsverktyg (t.ex. Adobe Aftereffects) och importera animationen som en film till mimoLive. Anv\u00e4nd denna film som k\u00e4lla f\u00f6r en \"Custom Image\"-bakgrund. L\u00e4s mer h\u00e4r: <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/skapa-animerade-nedre-tredjedelar-med-after-effects\/\">Skapa animerade Lower Thirds med Adobe After Effects<\/a><\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\">Frosted Glass-effekten \u00e4r mycket GPU-intensiv och kan kosta ramfall i programmet ut! <\/p><\/div>\n                <div><p class=\"text_highlight\">Om du upplever bildrutor i programmet ut medan du presenterar den nedre tredjedelen m\u00e5ste du f\u00f6rmodligen byta till en annan bakgrundstyp (t.ex. Constant Color) eftersom Frosted Glass-effekten \u00e4r mycket GPU-intensiv.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_section {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(217,237,248);\n    border-radius: 8px;\n  \n}\n\n.icon_highlight {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(58,134,172);\n    line-height:60px;\n}\n\n.text_highlight {\n    color:rgb(58,134,172);\n}\n\n.text_highlight_headline{\n    font-weight:bold;\n    color:rgb(58,134,172);\n}\n\n.main_div\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n}\n.left_div_icon{\n    display:flex !IMPORTANT;\n    width:40px;\n    padding:0;\n    margin:10px 20px 10px 10px;\n    \n}\n.right_div_text{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    padding:10px;\n    margin:0;\n    width:200px;\n    }<\/style>\n\t\t\n\n\n<p>I avsnittet Utseende hittar du alla m\u00f6jliga parametrar f\u00f6r att styra utseendet p\u00e5 texten i den nedre tredjedelen: Du kan justera typsnitt, teckenstorlek och f\u00e4rg samt Kerning f\u00f6r titeln och undertexten individuellt.<\/p>\n\n\n\n<p>Om texten knappt syns kan du \u00f6ka kontrasten genom att l\u00e4gga till en slagskugga. Om alternativet Slagskugga \u00e4r aktiverat f\u00e5r du \u00e4nnu fler parametrar att leka med: Skuggans f\u00e4rg, dess osk\u00e4rpa, avst\u00e5ndet och en riktning.<\/p>\n\n\n\n<p>Alla parametrar i Geometry-sektionen l\u00e5ter dig st\u00e4lla in position och storlek f\u00f6r den nedre tredjedelen. Om du vill kan du styra dessa parametrar genom direkt manipulation i f\u00f6rhandsgranskningsomr\u00e5det f\u00f6r lager.<\/p>\n\n\n\n<p>F\u00f6r att f\u00e5 mer liv i den nedre tredjedelen kan du l\u00e4gga till en animerad bakgrund i avsnittet Bakgrundsanimering. Det fungerar b\u00e4st om du v\u00e4ljer en s\u00f6ml\u00f6s kakelbar bild. Parametrarna Translation X, Translation Y och Rotation kan anv\u00e4ndas f\u00f6r att styra bakgrundsbildens r\u00f6relse \u00f6ver den nedre tredje bakgrunden. Med v\u00e4rdet Opacitet kan du st\u00e4lla in transparensen f\u00f6r det animerade \u00f6verl\u00e4gget.<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\">Du kan st\u00e4nga av Rotation och Translation Y genom att ange en nolla i deras inmatningsf\u00e4lt f\u00f6r att f\u00e5 en bakgrund som endast r\u00f6r sig horisontellt.<\/p><\/div>\n                <div><p class=\"text_highlight\"><\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"controlling-the-lower-third-layer\">Styrning av Lower Third-skiktet<\/h3>\n\n\n\n<p>Den nedre tredjedelen kan st\u00e4llas in i ett \"skjut och gl\u00f6m\"-l\u00e4ge med parametern Typ i avsnittet Kontroll inst\u00e4lld p\u00e5 \"Auto\". I detta fall kommer den nedre tredjedelen att visas under den tid som du anger i f\u00e4ltet Text Duration nedan. Om du \u00e4ndrar Typ till Manuell m\u00e5ste du sj\u00e4lv st\u00e4nga av den nedre tredjedelen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"best-practise\">B\u00e4sta praxis<\/h3>\n\n\n\n<p>Om du r\u00e5kar ha en l\u00e5ng lista med talare p\u00e5 din konferens eller beh\u00f6ver visa namnen p\u00e5 olika medlemmar i en talkshow \u00e4r det vettigt att f\u00f6rst skapa en master lower third och sedan l\u00e4gga till flera <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/lager-och-varianter\/\">varianter<\/a> till den.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"594\" height=\"276\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a035d9d3-c523-435b-8cb9-97fa1aab39a6.png\" alt=\"\" class=\"wp-image-32075\" style=\"width:446px;height:207px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a035d9d3-c523-435b-8cb9-97fa1aab39a6.png 594w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a035d9d3-c523-435b-8cb9-97fa1aab39a6-300x139.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a035d9d3-c523-435b-8cb9-97fa1aab39a6-18x8.png 18w\" sizes=\"(max-width: 594px) 100vw, 594px\" \/><\/figure>\n\n\n\n<p>I <a href=\"https:\/\/mimolive.com\/sv\/anvandarhandbok\/fjarrkontroll-ytor\/\">Yta f\u00f6r fj\u00e4rrkontroll<\/a>Denna lista \u00f6ver lagervarianter ger dig en bra f\u00f6rinst\u00e4llning f\u00f6r att skapa ett kontrollgr\u00e4nssnitt direkt med alla namnen p\u00e5 det:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"152\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/7a3209c6-5c6e-4a0d-83aa-4ace5830a7ea.png\" alt=\"\" class=\"wp-image-32076\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/7a3209c6-5c6e-4a0d-83aa-4ace5830a7ea.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/7a3209c6-5c6e-4a0d-83aa-4ace5830a7ea-300x46.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/7a3209c6-5c6e-4a0d-83aa-4ace5830a7ea-768x117.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/7a3209c6-5c6e-4a0d-83aa-4ace5830a7ea-18x3.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Med lagret Lower Third kan du skapa, animera och styra alla typer av lower thirds. Vanligtvis anv\u00e4nds det f\u00f6r att introducera en person med sitt namn och en beskrivning som en jobbtitel eller position. Ofta inneh\u00e5ller en nedre tredjedel en kombination av en f\u00f6retagslogotyp, namn och titel.<\/p>","protected":false},"author":3,"featured_media":29121,"parent":40880,"menu_order":0,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32072","user-manual","type-user-manual","status-publish","has-post-thumbnail","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/32072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":3,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/32072\/revisions"}],"predecessor-version":[{"id":40811,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/32072\/revisions\/40811"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/user-manual\/40880"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/media\/29121"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/media?parent=32072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/categories?post=32072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/sv\/wp-json\/wp\/v2\/tags?post=32072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}