{"id":31747,"date":"2023-03-10T15:22:36","date_gmt":"2023-03-10T14:22:36","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=31747"},"modified":"2025-05-21T15:58:38","modified_gmt":"2025-05-21T13:58:38","slug":"%eb%a0%88%ec%9d%b4%ec%96%b4-%eb%b0%8f-%eb%b3%80%ed%98%95","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/ko\/user-manual\/using-mimolive\/layers-and-variants\/","title":{"rendered":"\ub808\uc774\uc5b4 \ubc0f \ubcc0\ud615"},"content":{"rendered":"<p>In mimoLive, layers hold every ingredient of the final video composition. The concept is taken from how we create real-world photo collages and work in the same way. The lowest layer is in the very background, the highest layer is in the foreground of the composition. The overall final video output is called the program out.<\/p>\n\n\n\n<p>mimoLive has lots of different types of layers. Please refer to the <a href=\"https:\/\/mimolive.com\/user-manual\/layers\">Layer Library<\/a> for a list of available layers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Layer Stack<\/h2>\n\n\n\n<p>The layer stack in mimoLive is the area of<a href=\"https:\/\/mimolive.com\/user-manual\/using-mimolive\/user-interface-overview\/\" data-type=\"user-manual\" data-id=\"31730\"> the document window<\/a> which holds all layers of the project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"668\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1-1024x668.png\" alt=\"\" class=\"wp-image-34522\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1-1024x668.png 1024w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1-300x196.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1-768x501.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1-1536x1002.png 1536w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1-18x12.png 18w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/06\/Layer-Stack-V1.png 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Layers<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Example of Layers in mimoLive<\/h3>\n\n\n\n<p>In this example, there are three layers used. The <a href=\"https:\/\/mimolive.com\/user-manual\/live-editing\/layers\/background\/\" data-type=\"user-manual\" data-id=\"34097\">Background layer<\/a>, a <a href=\"https:\/\/mimolive.com\/user-manual\/live-editing\/layers\/placer\/\" data-type=\"user-manual\" data-id=\"32031\">Placer layer<\/a> containing the speaker video and a <a href=\"https:\/\/mimolive.com\/user-manual\/live-editing\/layers\/lower-third\/\" data-type=\"user-manual\" data-id=\"32072\">Lower Third layer<\/a> which contains name and title information.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1000\" height=\"563\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/4ca26ab7-cf37-4b34-9371-ffd798e8a140.jpeg\" alt=\"\" class=\"wp-image-31749\" style=\"width:500px;height:282px\" title=\"Example of a lower third (title) layer\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/4ca26ab7-cf37-4b34-9371-ffd798e8a140.jpeg 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/4ca26ab7-cf37-4b34-9371-ffd798e8a140-300x169.jpeg 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/4ca26ab7-cf37-4b34-9371-ffd798e8a140-768x432.jpeg 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/4ca26ab7-cf37-4b34-9371-ffd798e8a140-18x10.jpeg 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Adding A New Layer To The Layer Stack<\/h3>\n\n\n\n<p>There are three ways to add a new layer to the layer stack:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Drag a source from the <a href=\"https:\/\/mimolive.com\/user-manual\/sources-and-the-sources-repository\">Sources Repository<\/a> to the layer stack.<br>In the case of a visual source, you will get a preconfigured <a href=\"https:\/\/mimolive.com\/user-manual\/placer\">Placer layer<\/a> which displays the source in full-screen mode.<br>In the case of an <a href=\"https:\/\/mimolive.com\/user-manual\/sources-input\/audio\/\" data-type=\"user-manual\" data-id=\"31850\">Audio source<\/a>, you will get an <a href=\"https:\/\/mimolive.com\/user-manual\/audio-only\">Audio Only layer<\/a>.<\/li>\n\n\n\n<li>Click on the \u201c+\u201d button on the top right of the layer stack to open the Layer Templates Library. Find your layer and drag it to the layer stack at the position you want the layer to be.<\/li>\n\n\n\n<li>Click on the \u201c+\u201d button on the top right of the layer stack to open the Layer Templates Library. In the Layer Templates Library double click on the Layer Template you want to add. The new layer will be added on top of the currently selected layer. You may need to reorder the layer position within the layer stack to meet your needs.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ccab7fb6-0663-4733-96b8-dff0b23f7a2a.jpeg\"><img decoding=\"async\" width=\"1000\" height=\"739\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ccab7fb6-0663-4733-96b8-dff0b23f7a2a.jpeg\" alt=\"\" class=\"wp-image-31750\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ccab7fb6-0663-4733-96b8-dff0b23f7a2a.jpeg 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ccab7fb6-0663-4733-96b8-dff0b23f7a2a-300x222.jpeg 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ccab7fb6-0663-4733-96b8-dff0b23f7a2a-768x568.jpeg 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/ccab7fb6-0663-4733-96b8-dff0b23f7a2a-16x12.jpeg 16w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Reordering Layers in the Layer Stack<\/h3>\n\n\n\n<p>Because it is important at which position a layer is placed in the layer stack you may need to reorder the layer e.g. to bring a background behind a transparent (<a href=\"https:\/\/mimolive.com\/user-manual\/special-topics\/chroma-keying-green-screen\/\" data-type=\"user-manual\" data-id=\"32404\">chroma keyed<\/a>) video source.<\/p>\n\n\n\n<p>To reorder the layers in the layer stack simply drag the layer to the new position in the layer stack.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"215\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/121a4064-880b-49e8-8a17-8e088d3e6072.png\" alt=\"\" class=\"wp-image-31751\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/121a4064-880b-49e8-8a17-8e088d3e6072.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/121a4064-880b-49e8-8a17-8e088d3e6072-300x65.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/121a4064-880b-49e8-8a17-8e088d3e6072-768x165.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/121a4064-880b-49e8-8a17-8e088d3e6072-18x4.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Dragging the top layer (Placer layer with placeholder \u201cB\u201d) to the bottom brings it behind the placeholder \u201cA\u201d in the Program Output.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"210\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f8823ac4-0ec1-4baa-8193-45f3b2f90218.png\" alt=\"\" class=\"wp-image-31752\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f8823ac4-0ec1-4baa-8193-45f3b2f90218.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f8823ac4-0ec1-4baa-8193-45f3b2f90218-300x63.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f8823ac4-0ec1-4baa-8193-45f3b2f90218-768x161.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/f8823ac4-0ec1-4baa-8193-45f3b2f90218-18x4.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Removing A Layer From The Layer Stack<\/h3>\n\n\n\n<p>Layers can be deleted in two ways.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the layer<\/li>\n\n\n\n<li>Click on the \u201c-\u201d button on top of the layer stack to remove it permanently.<\/li>\n<\/ul>\n\n\n\n<p>Or:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Seelect the layer<\/li>\n\n\n\n<li>Hit \u201ccmd\u201d \u2318 + \u201cbackspace\u201d on your keyboard at the same time.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Copy\/Paste Layers<\/h3>\n\n\n\n<p>Layers can be copied and pasted between mimoLive documents, as well as dragged and dropped. For example, if you&#8217;ve created a specific design for a Lower Third layer in one mimoLive document (or found one of your interest in the <a href=\"https:\/\/mimolive.com\/user-manual\/tutorials-templates\/layer-designs\/lower-third-playground\/\" data-type=\"user-manual\" data-id=\"31624\">Lower Third Playground template<\/a>), you can select it, press \u2318-C, switch to another document, select a layer, and press \u2318-V to insert the copied layer above the selected one. Alternatively, you can simply drag the layer from one document to another.<\/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\">Take a Close Look at Sources Associated with the Layer!<\/p><\/div>\n                <div><p class=\"text_highlight\">Media files associated with the copied layer will be transferred to the destination document. However, other source types will not be copied automatically\u2014you&#8217;ll need to manually create those sources in the destination document and reconnect them to the pasted layer.<\/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<h2 class=\"wp-block-heading\">Layer Variants<\/h2>\n\n\n\n<p><b>Variants<\/b> store sets of settings. For example, instead of having five individual Lower Third layers with a different name each, you can have one Lower Third layer with five Variants.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"799\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/329d2b1f-aebb-438b-9cc6-14177c7755de.png\" alt=\"\" class=\"wp-image-31754\" style=\"width:750px;height:599px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/329d2b1f-aebb-438b-9cc6-14177c7755de.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/329d2b1f-aebb-438b-9cc6-14177c7755de-300x240.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/329d2b1f-aebb-438b-9cc6-14177c7755de-768x614.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/329d2b1f-aebb-438b-9cc6-14177c7755de-15x12.png 15w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Why Use Layer Variants?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Mutual Exclusivity:<\/strong>\u00a0Layer Variants cannot be active at the same time. This ensures that only one version of the layer (e.g. a Lower Third) is shown in the program output at a time, preventing visual clutter or accidental overlap.<\/li>\n\n\n\n<li><strong>Smooth Transitions:<\/strong>\u00a0Some layers support animated transitions between variants. For example, the\u00a0<a href=\"https:\/\/mimolive.com\/user-manual\/live-editing\/layers\/picture-in-picture-window-layer\/\" data-type=\"user-manual\" data-id=\"39755\"><em>PIP Window<\/em>\u00a0layer<\/a> animates the position of the window when switching from one variant to another, creating a smooth, professional-looking transition.<\/li>\n<\/ul>\n\n\n\n<p>Each variant can have its own keyboard shortcut trigger or button in the <a href=\"https:\/\/mimolive.com\/user-manual\/remote-control-surfaces\">Remote Control Surface<\/a>.<\/p>\n\n\n\n<p>Please note that there are different information to see in the variants list:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The little \u201cLive\u201d button (below the big \u201cLive\u201d button) can be used to switch a certain variant live. If another variant is currently live this variant will be switched off (some layer has a transition between variants, most don\u2019t)<\/li>\n\n\n\n<li>The little \u201cLive\u201d button indicates with red that this variant is currently live. This information is independent of the select state of a variant!<\/li>\n\n\n\n<li>The light grey background indicates that this variant is currently selected for preview on the right. This is independent of the live state of a variant!<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n<section class=\"boinx_exclamation\">\n    <div class=\"main_div_exclamation\">\n        <div class=\"left_div_icon_exclamation\">\n                <i class=\"icon_exclamation\">&#10071;<\/i>\n        <\/div>\n\n        <div class=\"right_div_text_exclamation\">\n                <div><p class=\"text_exclamation_headline\"><\/p><\/div>\n                <div><p class=\"text_exclamation\">The selected variant doesn\u2019t need to be the live variant! If the output doesn\u2019t show what the previews show it\u2019s most likely because you selected a different variant than the live one.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_exclamation {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(242,222,222);\n    border-radius: 8px;\n}\n.icon_exclamation {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(184,74,72);\n    line-height:60px;\n}\n.text_exclamation {\n    color:rgb(184,74,72);\n}\n\n.text_exclamation_headline{\n    font-weight:bold;\n    color:rgb(184,74,72);\n}\n\n\n.main_div_exclamation\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}\n\n.left_div_icon_exclamation{\n    display:flex !IMPORTANT;\n    width:80px;\n    padding:10px;\n    margin:20px 20px 20px 0;\n    height:40px;\n}\n.right_div_text_exclamation{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    width:200px;\n    padding:10px;\n    margin:0;\n}<\/style>\n\t\t\n\n\n<h3 class=\"wp-block-heading\">Adding Variants To A Layer<\/h3>\n\n\n\n<p>To add a Variant to a layer, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Select the layer<\/strong>\u00a0you want to add a Variant to in the layer stack. A preview of the layer will appear on the right<\/li>\n\n\n\n<li><strong>Click the \u201c+\u201d button<\/strong>\u00a0at the top of the preview settings. This will create a new Variant by duplicating the currently selected one.<\/li>\n\n\n\n<li>If you want to duplicate a specific Variant,\u00a0<strong>select it first<\/strong>\u00a0from the list of Variants in the layer stack before clicking the \u201c+\u201d button.<\/li>\n<\/ol>\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\">Design First, Duplicate Later<\/p><\/div>\n                <div><p class=\"text_highlight\">Since the settings of Variants are independent of one another, it&#8217;s a good idea to finalize the visual design of a layer before creating multiple Variants. For example, first design the graphical appearance of a Lower Third, then duplicate it into multiple Variants and update each with different titles and subtitles. However you can copy and paste specific parameters later on if necessary.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h3 class=\"wp-block-heading\">Collapsing Variants In The Layer Stack<\/h3>\n\n\n\n<p>If you have many Variants and want to reduce visual clutter in the layer stack, you can collapse the list of Variants for a particular layer. To do this, click the\u00a0<strong>white triangle<\/strong>\u00a0to the left of the Variants list in the layer stack.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Understanding the Variant Indicators<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A\u00a0<strong>white dot<\/strong>\u00a0marks the currently\u00a0<em>selected<\/em>\u00a0Variant. This is the Variant that will go live when you press the layer&#8217;s Live button.<\/li>\n\n\n\n<li>A\u00a0<strong>red dot<\/strong>\u00a0indicates the\u00a0<em>currently live<\/em>\u00a0Variant.<\/li>\n<\/ul>\n\n\n\n<p>ou can navigate through Variants using the\u00a0<strong>arrow buttons<\/strong>\u00a0next to the dot indicators, or\u00a0<strong>click directly on a dot<\/strong>\u00a0to instantly select a specific Variant.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"630\" height=\"144\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a7fff921-b0e2-4844-8de8-f7155d82f9b9.png\" alt=\"\" class=\"wp-image-31755\" style=\"width:473px;height:108px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a7fff921-b0e2-4844-8de8-f7155d82f9b9.png 630w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a7fff921-b0e2-4844-8de8-f7155d82f9b9-300x69.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/a7fff921-b0e2-4844-8de8-f7155d82f9b9-18x4.png 18w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><\/figure>\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\">Step Through Variants During Live Shows<\/p><\/div>\n                <div><p class=\"text_highlight\">The ability to step through Variants is especially useful when you have a predefined sequence to follow during a show. For example, if you&#8217;re hosting a show with several guests appearing one after another, you can prepare a set of Lower Third Variants in advance\u2014each with the name and title of a guest in the correct order. During the show, you simply step through the Variants one by one as each guest appears.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Renaming Variants<\/h3>\n\n\n\n<p>By default, Variants are automatically named based on the behavior of the layer. However, you may want to rename a Variant to something more meaningful for your production workflow.<\/p>\n\n\n\n<p>To rename a Variant, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Double-click<\/strong>\u00a0on the Variant\u2019s name to edit it directly in place.<\/li>\n\n\n\n<li><strong>Right-click<\/strong>\u00a0on the Variant\u2019s name to open the context menu, then select\u00a0<strong>\u201cRename Layer Variant\u201d<\/strong>\u00a0to enter name edit mode.<\/li>\n<\/ul>\n\n\n\n<p>Giving your Variants descriptive names helps keep your project organized and makes switching between them during a live show easier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Removing Variants From A Layer<\/h3>\n\n\n\n<p>To remove a Variant from a layer, follow these simple steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Select the Variant<\/strong>\u00a0you want to remove from the Variant list in the layer stack. The preview for that Variant will appear on the right.<\/li>\n\n\n\n<li><strong>Click the \u201c\u2013\u201d button<\/strong>\u00a0at the top of the preview settings to delete the selected Variant.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Editing Layer Settings<\/h2>\n\n\n\n<p>Each layer type in mimoLive has its own unique set of parameters, known as&nbsp;<em>layer settings<\/em>. To edit these settings, select the desired layer in the layer stack. A preview of the layer will appear to the right of the layer stack, and the corresponding settings will be displayed below the preview image.<\/p>\n\n\n\n<p>Scroll down to view and adjust all available parameters.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"896\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/02cf1061-5d8e-49e8-a30e-6b0fdf4f58f5.png\" alt=\"\" class=\"wp-image-31753\" style=\"width:750px;height:672px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/02cf1061-5d8e-49e8-a30e-6b0fdf4f58f5.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/02cf1061-5d8e-49e8-a30e-6b0fdf4f58f5-300x269.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/02cf1061-5d8e-49e8-a30e-6b0fdf4f58f5-768x688.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/02cf1061-5d8e-49e8-a30e-6b0fdf4f58f5-13x12.png 13w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Common Layer Settings<\/h3>\n\n\n\n<p>All the layers have certain settings in common. The Event Triggers are described in the <a href=\"https:\/\/mimolive.com\/user-manual\/startstop-show-button\">Start\/Stop Show Button<\/a> section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Individual Layer Settings<\/h3>\n\n\n\n<p>Many layers in mimoLive support&nbsp;<em>direct manipulation<\/em>, allowing you to interact with elements or guides directly in the preview area. When you adjust elements this way, the corresponding values in the settings panel below the preview will update automatically.<\/p>\n\n\n\n<p>However, not all settings can be modified through the preview. For example, attributes such as color, font face, font size, and overall behavior settings must be adjusted in the settings panel.<\/p>\n\n\n\n<p>To make the most of each layer&#8217;s capabilities, it&#8217;s recommended to explore all available settings and experiment with different configurations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Copy and Pasting Layer Attributes<\/h3>\n\n\n\n<p>If you have multiple layers of the same type in your layer stack, you can quickly transfer all settings from one layer to another using the following steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Right-click<\/strong>\u00a0on the\u00a0<em>source layer<\/em>\u00a0in the layer stack to open its context menu.<\/li>\n\n\n\n<li>Select\u00a0<strong>\u201cCopy Layer Attributes.\u201d<\/strong>\u00a0The parameters of this layer will be copied to the clipboard.<\/li>\n\n\n\n<li><strong>Right-click<\/strong>\u00a0on the\u00a0<em>destination layer<\/em>\u00a0to open its context menu.<\/li>\n\n\n\n<li>Choose either:\n<ul class=\"wp-block-list\">\n<li><strong>\u201cPaste Layer Attributes\u201d<\/strong>\u00a0to apply the copied settings to the currently active Variant of the destination layer, or<\/li>\n\n\n\n<li><strong>\u201cPaste Attributes to All Layer Variants\u201d<\/strong>\u00a0to apply the copied settings to all Variants of the destination layer.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>This is especially useful when you want to maintain a consistent design or behavior across multiple similar layers.<\/p>\n\n\n<section class=\"boinx_exclamation\">\n    <div class=\"main_div_exclamation\">\n        <div class=\"left_div_icon_exclamation\">\n                <i class=\"icon_exclamation\">&#10071;<\/i>\n        <\/div>\n\n        <div class=\"right_div_text_exclamation\">\n                <div><p class=\"text_exclamation_headline\">All Layer Attributes Will Be Overwritten<\/p><\/div>\n                <div><p class=\"text_exclamation\">lease note that using this method will override all parameters in the destination layer. This includes any manual changes you&#8217;ve made\u2014such as the name and subtitle in a Lower Third layer, for example.  Make sure to double-check whether you want to preserve any custom edits before pasting layer attributes. (see box below)<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\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\">Edit or Remove Attributes Before Pasting<\/p><\/div>\n                <div><p class=\"text_highlight\">Layer attributes are copied to the pasteboard as XML-formatted text, which makes it easy to review, modify, or remove values using a text editor.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<p>Before pasting to another layer, you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Change values<\/strong>\u00a0directly in the XML.<\/li>\n\n\n\n<li><strong>Delete specific parameters<\/strong>\u00a0to avoid overwriting existing content in the destination layer.<\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n\n<p>For example, to prevent overwriting the Title and Subtitle of a Lower Third, look for and remove the following lines:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<pre class=\"wp-block-code\" style=\"border-width:1px\"><code>&lt;key>tvGroup_Content__Title&lt;\/key>\n&lt;string>John Doe&lt;\/string>\n&lt;key>tvGroup_Content__Subtitle&lt;\/key>\n&lt;string>mimoLive User&lt;\/string><\/code><\/pre>\n<\/blockquote>\n\n\n\n<p>By doing this, the destination layer&#8217;s title and subtitle will remain unchanged when you paste the attributes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Copying and Pasting Parameter Groups Only<\/h3>\n\n\n\n<p>If you don\u2019t want to copy an entire layer\u2019s attributes\u2014especially to avoid overwriting important entries like the\u00a0<strong>Title<\/strong>\u00a0and\u00a0<strong>Subtitle<\/strong>\u00a0in Lower Thirds\u2014you can narrow the copy-paste process to a specific\u00a0<em>parameter group<\/em>.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Right-click<\/strong>\u00a0on the\u00a0<strong>parameter group bar<\/strong>\u00a0in the layer\u2019s settings to open its context menu.<\/li>\n\n\n\n<li>Select\u00a0<strong>\u201cCopy [Group Name] Attributes.\u201d<\/strong> This copies only the settings from that specific group to the clipboard.<\/li>\n\n\n\n<li>To paste the values:\n<ul class=\"wp-block-list\">\n<li><strong>Right-click<\/strong>\u00a0on the same group in the destination layer.<\/li>\n\n\n\n<li>Choose one of the following options:\n<ul class=\"wp-block-list\">\n<li><strong>\u201cPaste [Group Name] Attributes\u201d<\/strong>\u00a0\u2013 applies the copied values to the currently selected Variant only.<\/li>\n\n\n\n<li><strong>\u201cPaste [Group Name] Attributes to All Variants\u201d<\/strong>\u00a0\u2013 applies the values to all Variants of the destination layer.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>This method gives you precise control over what gets copied and avoids unintended changes.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>In mimoLive, layers hold every ingredient of the final video composition. The concept is taken from how we create real-world photo collages and work in the same way. The lowest layer is in the very background, the highest layer is in the foreground of the composition. The overall final video output is called the program [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":31728,"menu_order":11,"template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-31747","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/user-manual\/31747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":7,"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/user-manual\/31747\/revisions"}],"predecessor-version":[{"id":40589,"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/user-manual\/31747\/revisions\/40589"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/user-manual\/31728"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/media?parent=31747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/categories?post=31747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/ko\/wp-json\/wp\/v2\/tags?post=31747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}