<\/span><\/h2>\n\n\n\nWhen you select any layer, the Middle Panel<\/strong> allows you to adjust and customize its appearance.<\/p>\n\n\n\n\nTransform Settings<\/strong>:\n\nPosition<\/strong>: Adjust the X and Y axis to move the layer precisely where you want it on the scoreboard. Suppose you want to adjust the position of the entire scoreboard. In that case, you can select the layout that makes up the scoreboard from the Left Sidebar, then move the X and Y axes in the Position settings to reposition the scoreboard.<\/li>\n\n\n\nSize<\/strong>: Resize your layer by adjusting its height and width, or input exact dimensions for more accuracy.<\/li>\n\n\n\nRotation<\/strong>: Rotate the layer by entering a degree of rotation, perfect for slanting text or images.<\/li>\n\n\n\nSkew<\/strong>: Tilt the layer horizontally or vertically by adjusting the skew angle.<\/li>\n\n\n\nShadow<\/strong>: Add a shadow to your layer to give it more depth, adjusting parameters like opacity, color, and distance for a polished look.<\/li>\n<\/ul>\n<\/li>\n\n\n\nAnimation Settings<\/strong>: Add animations to layers so they transition in or out with effects like fading or sliding. This can make your scoreboard feel more dynamic.<\/li>\n\n\n\nlayer Parameters<\/strong>: For the Text layer, you can customize the content, adjust styles, modify the layout, and change shadow effects to fit your design needs. For the Rect layer\uff0c you can customize Background and Stroke, Border-radius here, this section is where you adjust the layer Parameters.<\/li>\n<\/ul>\n\n\n\n\n
\n
<\/p>\n<\/div>\n\n\n\n
\n
\n
<\/span>Right Sidebar: Overlay Preview and Control Parameters<\/strong><\/span><\/h2>\n\n\n\nThe Right Sidebar<\/strong> contains two critical sections:<\/p>\n\n\n\n\nPreview Section<\/strong>: This provides a real-time view of your overlay as it will appear on the live stream. It\u2019s useful for making sure everything is aligned and visually appealing.<\/li>\n\n\n\nControl Params<\/strong>: This section allows you to control real-time variables, such as score changes or timer updates, during your stream. For example, if you add a score layer, you can manually adjust it here as the game progresses. You can test and edit the params control here before saving.<\/li>\n<\/ul>\n\n\n\n<\/span>Top Toolbar Features<\/strong><\/span><\/h2>\n\n\n\nThe Top Toolbar<\/strong> provides several key functions for managing your overlay:<\/p>\n\n\n\n\nSave<\/strong>: Always save your customized overlay once you’re happy with the design, so it\u2019s ready for future use.<\/li>\n\n\n\nOverlay Display Size<\/strong>: Adjust the display size to fit different screen formats, like desktop, tablet, or mobile, ensuring your scoreboard looks good on all devices.<\/li>\n\n\n\nEdit by Code<\/strong>: For advanced users, this feature allows you to tweak the overlay via code for finer control over the design.<\/li>\n\n\n\nGenerate Cover<\/strong>: Generate a cover image for your stream based on the overlay design.\u00a0<\/li>\n<\/ul>\n\n\n\n<\/span>Step-by-Step Guide to Creating a Customized Scoreboard<\/strong><\/span><\/h2>\n\n\n\nNow that you\u2019re familiar with the interface, let\u2019s walk through the steps to create a custom scoreboard for your stream.<\/p>\n\n\n\n
![\"\"](\"https:\/\/wordpress.yololiv.com\/wp-content\/uploads\/2024\/09\/WX20240929-133924@2x-1024x551.png\")
<\/figure>\n\n\n\n