logo

Live Production Software Forums

www.vmix.com

Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error
Ability to create circle and squares and other shapes in Titler
Options
Go to last post Go to first unread
Previous Topic Next Topic
PrepSpin  
#1 Posted : Saturday, March 31, 2018 2:13:48 PM(UTC)
PrepSpin

Rank: Advanced Member

Groups: Registered
Joined: 1/2/2017(UTC)
Posts: 34
Man
Location: United States

Thanks: 15 times
Was thanked: 16 time(s) in 11 post(s)
Martin, Tim,

It would be great to be able to create squares, rectangles, circles, etc in the vMix Titler tool. This will allow us to customize scoreboards with team colors without needing to recreate in photoshop everytime. Simple solution for those of us who just want to create our own scoreboards using data sources. For example I would like to create a green background in a rectangle behind the home teams text layer.

We understand that there is 3rd party tools via NDI but a lot of times they are buggy or cause a delay in data. vMix titler with these options would solve that issue and eliminate the need for those other programs.
Back to top
WWW

Wanna join the discussion?! Login to your vMix Forums forum account, or Register a new forum account.
Back to top  
doggy  
#2 Posted : Saturday, March 31, 2018 2:21:21 PM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,085
Belgium
Location: Belgium

Thanks: 284 times
Was thanked: 920 time(s) in 759 post(s)
Visual Studio Community which includes blend and is free wil let you design much more than circles and squares in your title to your hearts desire
Back to top
NHT  
#3 Posted : Saturday, March 31, 2018 2:32:03 PM(UTC)
NHT

Rank: Advanced Member

Groups: Registered
Joined: 4/18/2016(UTC)
Posts: 223
Location: United Kingdom

Thanks: 33 times
Was thanked: 37 time(s) in 31 post(s)
I downloaded Visual Studio Community, I've seen particle physics equations easier to understand than that.

I just make backgrounds in photoshop and import them as an image into Title Designer.

If you are going to do this I'd get the text size and position first then build the background around that.
Back to top
doggy  
#4 Posted : Saturday, March 31, 2018 3:32:30 PM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,085
Belgium
Location: Belgium

Thanks: 284 times
Was thanked: 920 time(s) in 759 post(s)
- Open Blend for Visual studio Community (can be found in the Visual Studio Directory )
- Create a new WPF User Control Library project
- Change the DesignHeight to 1080 and DesignWidth to 1920 ( or your prefered framesize) either in the xaml - code or the properties window of the Usercontrol
- Delete the "xmlns:local="clr-namespace...." line in the xaml code
- Slap in a few Rectangles, Ellipses etc , color them , size them , position then , similar to in Photoshop
- Slap in a few TextBlocks and give them a name (check the layering in the Object and Timeline window , bottom of list is top of design )
- if you prefer to use the " TextBlockDesign" control for your text you need to add the vMixTitleLibrary.dll to your references by right clicking on References and browse for it in the vMix installation directory , gives you the option to add a border around the text itself for example
- copy all the XAML code (<UserControl ....../UserControl>) and paste it in a notepad and save it as yourtitle.xaml
- open yourtitle.xaml as input in vMix
Back to top
thanks 1 user thanked doggy for this useful post.
PrepSpin on 3/31/2018(UTC)
PrepSpin  
#5 Posted : Sunday, April 1, 2018 1:21:03 AM(UTC)
PrepSpin

Rank: Advanced Member

Groups: Registered
Joined: 1/2/2017(UTC)
Posts: 34
Man
Location: United States

Thanks: 15 times
Was thanked: 16 time(s) in 11 post(s)
doggy wrote:
- Open Blend for Visual studio Community (can be found in the Visual Studio Directory )
- Create a new WPF User Control Library project
- Change the DesignHeight to 1080 and DesignWidth to 1920 ( or your prefered framesize) either in the xaml - code or the properties window of the Usercontrol
- Delete the "xmlns:local="clr-namespace...." line in the xaml code
- Slap in a few Rectangles, Ellipses etc , color them , size them , position then , similar to in Photoshop
- Slap in a few TextBlocks and give them a name (check the layering in the Object and Timeline window , bottom of list is top of design )
- if you prefer to use the " TextBlockDesign" control for your text you need to add the vMixTitleLibrary.dll to your references by right clicking on References and browse for it in the vMix installation directory , gives you the option to add a border around the text itself for example
- copy all the XAML code (<UserControl ....../UserControl>) and paste it in a notepad and save it as yourtitle.xaml
- open yourtitle.xaml as input in vMix


I tried this and got it to work with the exception of being able to change to background color of the boxes I built around the data. Any help? Code below.

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:mtl="clr-namespace:vMixTitleLibrary;assembly=vMixTitleLibrary" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" mc:Ignorable="d" Width="1920" Height="1080" Panel.ZIndex="500" InputMethod.IsInputMethodEnabled="True">
<Grid InputMethod.IsInputMethodEnabled="True" RenderTransformOrigin="0.386,0.583">
<Rectangle Fill="Black" HorizontalAlignment="Left" Height="63.856" Margin="868.831,628.02,0,0" Stroke="Black" VerticalAlignment="Top" Width="353.592" Opacity="0.8"/>
<Rectangle x:Name="Home_BG" HorizontalAlignment="Left" Height="77.406" Margin="868.831,550.614,0,0" Stroke="Black" VerticalAlignment="Top" Width="203.695">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF101588" Offset="0"/>
<GradientStop Color="#FF090D66" Offset="1"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle x:Name="Away_BG" HorizontalAlignment="Left" Height="71.263" Margin="868.831,481.809,0,0" Stroke="Black" VerticalAlignment="Top" Width="203.695">
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">
<GradientStop Color="#FF961414" Offset="0"/>
<GradientStop Color="#FF7A0707" Offset="1"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>
<Rectangle x:Name="Bases_BG" Fill="Black" HorizontalAlignment="Left" Height="146.211" Margin="1065.427,481.809,0,0" Stroke="Black" VerticalAlignment="Top" Width="156.996"/>
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="50" Text="lex" x:Name="HOME_TEAM" Width="101.706484641638" Height="66.1566696166992" Margin="899.556313993174,553.071672354949,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="50" Text="HAG" x:Name="AWAY_TEAM" Width="123.82252559727" Height="66.1566696166992" Margin="894.641638225256,481.808873720137,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="55" Text="0" x:Name="AWAY_SCORE" Width="56.2457337883959" Height="72.7733306884766" Margin="1016.27986348123,479.351535836178,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="55" Text="0" x:Name="HOME_SCORE" Width="66.0750853242321" Height="72.7733306884766" Margin="1018.73720136519,550.61433447099,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings" Fill="#FF000000" FontSize="128" TextAlignment="Center" Text="w" x:Name="FIRST" Width="250.375" Height="142.063" Margin="1044.529,501.493,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings" Fill="#FF000000" FontSize="128" TextAlignment="Center" Text="w" x:Name="SECOND" Width="250.375" Height="142.064" Margin="1015.041,470.776,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings" Fill="#FF000000" FontSize="128" TextAlignment="Center" Text="w" x:Name="THIRD" Width="250.375" Height="142.063" Margin="984.324,501.493,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings" Fill="#FFFFFF00" FontSize="128" TextAlignment="Center" Text="w" x:Name="ON_THIRD" Width="250.375" Height="142.063" Margin="984.324,501.493,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings" Fill="#FFFFFF00" FontSize="128" TextAlignment="Center" Text="w" x:Name="ON_FIRST" Width="250.376" Height="142.063" Margin="1044.528,501.493,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings 3" Fill="White" FontSize="55" Text="q" x:Name="TORBINN" Width="67.3037542662114" Height="62.6266670227051" Margin="881.126279863486,629.249146757679,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="42" Text="1st" x:Name="INNING" Width="85.7337883959046" Height="55.5733337402344" Margin="936.41638225256,629.249146757679,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Wingdings" Fill="#FFFFFF00" FontSize="128" TextAlignment="Center" Text="w" x:Name="ON_SECOND" Width="250.375" Height="142.064" Margin="1015.04,470.776,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="42" Text="0-" x:Name="balls" Width="66.0750853242321" Height="55.5733337402344" Margin="1022.42320819113,628.0204778157,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="42" Text="1" x:Name="strikes" Width="66.0750853242321" Height="55.5733337402344" Margin="1065.42662116041,628.0204778157,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
<mtl:TextBlockDesign FontStyle="Normal" FontWeight="Normal" FontFamily="Bebas" Fill="White" FontSize="42" TextAlignment="Center" Text="2 out" x:Name="strikes1" Width="121.365187713311" Height="55.5733337402344" Margin="1101.05802047782,628.020477815701,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Visible" InputMethod.IsInputMethodEnabled="True" />
</Grid>
</UserControl>
Back to top
WWW
doggy  
#6 Posted : Sunday, April 1, 2018 2:00:56 AM(UTC)
doggy

Rank: Advanced Member

Groups: Registered
Joined: 12/27/2012(UTC)
Posts: 5,085
Belgium
Location: Belgium

Thanks: 284 times
Was thanked: 920 time(s) in 759 post(s)
Quote:
being able to change to background color of the boxes I built around the data.


this has been addressed several times in other posts
Standard titles in vMix deal with direct ability to change text and images.
Live color changes of other objects, animations and other trickery is all possible but requires more coding

I merely pointed out here that it is as simple to create a basic title just as it is to design a background in photoshop or by other means. advantage here is you dont have to deel with combining basic titles with photoshopping changes for the graphics as both are combined in the XAML code

https://forums.vmix.com/default.aspx?g=posts&t=8408

https://forums.vmix.com/default.aspx?g=posts&t=8790

https://forums.vmix.com/default.aspx?g=posts&t=14449
Back to top
Users browsing this topic
Guest (2)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.123 seconds.