logo

Live Production Software Forums

www.vmix.com

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

Notification

Icon
Error
How to Change Color Scheme of Static Lower Third in vMix Title
Options
Go to last post Go to first unread
Previous Topic Next Topic
mgrayeb  
#1 Posted : Monday, March 12, 2018 2:08:28 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
Is there a way to change the color scheme of one of the static lower thirds that comes with vMix? I searched the forums and videos but can't seem to find it. I'm not trying to change the text color; instead, the color of graphic itself.

Thanks.
Back to top

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

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
for some of the titles the colors can be changed in the xaml code of the title , for someothers it is replacing the images
Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/12/2018(UTC)
mgrayeb  
#3 Posted : Monday, March 12, 2018 2:36:24 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
for some of the titles the colors can be changed in the xaml code of the title , for someothers it is replacing the images


Ok thanks. I've brought "Title 6" xaml file into the vMix Title Designer. Is that where I'd edit it? How do I access the code to make the color changes? When I try to right-click on the Input of the Title File and choose XAML properties, I'm not able to open the properties. Thank you.
Back to top
doggy  
#4 Posted : Monday, March 12, 2018 2:48:21 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
I assume you meant the "NewsHD6" title ?

one can not change the color in the title designer but can the opacity

you can do this with a regular texteditor (notepad for example) and change the colorvalues of the rectangles

in this case the GradientStop color

Code:
<Rectangle Height="201" HorizontalAlignment="Center" Margin="0,879,0,0" Name="Rectangle1" Stroke="Black" VerticalAlignment="Top" Width="1920" Opacity="0.8" StrokeThickness="0">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF4B99A7" Offset="0" />
                    <GradientStop Color="#FF007900" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
Back to top
thanks 2 users thanked doggy for this useful post.
rowby on 3/12/2018(UTC), mgrayeb on 3/12/2018(UTC)
mgrayeb  
#5 Posted : Monday, March 12, 2018 3:28:36 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
I assume you meant the "NewsHD6" title ?

one can not change the color in the title designer but can the opacity

you can do this with a regular texteditor (notepad for example) and change the colorvalues of the rectangles

in this case the GradientStop color

Code:
<Rectangle Height="201" HorizontalAlignment="Center" Margin="0,879,0,0" Name="Rectangle1" Stroke="Black" VerticalAlignment="Top" Width="1920" Opacity="0.8" StrokeThickness="0">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF4B99A7" Offset="0" />
                    <GradientStop Color="#FF007900" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>



Thanks, but that's not the one I'm looking at. It's simply called "Title 6" and it's down toward the bottom of the titles folder.

I saw your post on a different thread on the forums suggesting Visual Studio Community program to access the Blend editor. I downloaded that program and then I opened the .xaml file (*I think*) for the "Title 6" title in Visual Studio Community.

Here's what I see as the code:

<UserControl x:Class="Title6"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
mc:Ignorable="d"
d:DesignHeight="1080" d:DesignWidth="1920" Width="1920" Height="1080" xmlns:my="clr-namespace:vMixTitleLibrary;assembly=vMixTitleLibrary">
<Grid>
<Canvas>
<Image Source="Title6.xaml.png" Width="1920" Height="1080" />
<my:TextBlockDesign Canvas.Left="284" Canvas.Top="817" Height="172" Name="Heading" Width="1379" Text="HEADING" FontWeight="Bold" FontSize="72" Fill="White" FontFamily="Tw Cen MT Ex"></my:TextBlockDesign>
<my:TextBlockDesign Canvas.Left="288" Canvas.Top="930" Fill="#FF174776" FontSize="52" FontWeight="Bold" Height="105" Name="Description" Text="DESCRIPTION" Width="1375" FontFamily="Tw Cen MT" />

</Canvas>
</Grid>
</UserControl>

What are the color numbers in the above code, and how do I find alternate color numbers to plug in? I was using a Hex Color Chart but it looks like the "Fill" number above #FF174776 is longer than a HEX number?

Also, how did you access the xaml code you pasted in your reply above and how did you make the update you posted?

Thanks for your help.
Back to top
doggy  
#6 Posted : Monday, March 12, 2018 3:30:35 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
title6 has an image as background !
Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/12/2018(UTC)
mgrayeb  
#7 Posted : Monday, March 12, 2018 3:38:35 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
title6 has an image as background !

Ok so I can't change that color since it's an image, if I understand you correctly. Is there a way to know that up front by looking at it in the Titles folder, or can you only tell that after opening it in Visual Studio?

Just trying to understand when and how I can change the graphic colors on a title.

Assuming it's a title without an image in the background, once you open it in Visual Studio, I'm assuming you make changes to the color numbers. Then how do you view the updated image in Visual Studio to see if the changes look right? Thanks.
Back to top
doggy  
#8 Posted : Monday, March 12, 2018 3:41:21 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
#FF174776

first 2 characters (FF) represent the tranparency , in this case none
Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/12/2018(UTC)
doggy  
#9 Posted : Monday, March 12, 2018 3:46:51 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
Quote:
Is there a way to know that up front by looking at it in the Titles folder


in the folder you can see there is a title6.xaml.png which is the background imag one could edit or replace

also in the code there are no rectangles defined but rather a image source
Code:
<Image Source="Title6.xaml.png" Width="1920" Height="1080" />


doggy attached the following image(s):
title.JPG (60kb) downloaded 10 time(s).

You cannot view/download attachments. Try to login or register.
Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/12/2018(UTC)
mgrayeb  
#10 Posted : Monday, March 12, 2018 3:53:50 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
#FF174776

first 2 characters (FF) represent the tranparency , in this case none



Ok great. I think I've got it now. Thanks so much!
Back to top
mgrayeb  
#11 Posted : Monday, March 12, 2018 3:55:05 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
Quote:
Is there a way to know that up front by looking at it in the Titles folder


in the folder you can see there is a title6.xaml.png which is the background imag one could edit or replace

also in the code there are no rectangles defined but rather a image source
Code:
<Image Source="Title6.xaml.png" Width="1920" Height="1080" />




Makes sense now; thank you!
Back to top
doggy  
#12 Posted : Monday, March 12, 2018 3:55:43 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
Quote:
Assuming it's a title without an image in the background, once you open it in Visual Studio, I'm assuming you make changes to the color numbers. Then how do you view the updated image in Visual Studio to see if the changes look right? Thanks.


its a visual editor, you can change the colors of the object by picking a color and finetuning it with sliders etc and wil instantly see the change in your object
doggy attached the following image(s):
color.JPG (37kb) downloaded 2 time(s).

You cannot view/download attachments. Try to login or register.
Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/12/2018(UTC)
mgrayeb  
#13 Posted : Monday, March 12, 2018 3:58:14 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
I assume you meant the "NewsHD6" title ?

one can not change the color in the title designer but can the opacity

you can do this with a regular texteditor (notepad for example) and change the colorvalues of the rectangles

in this case the GradientStop color

Code:
<Rectangle Height="201" HorizontalAlignment="Center" Margin="0,879,0,0" Name="Rectangle1" Stroke="Black" VerticalAlignment="Top" Width="1920" Opacity="0.8" StrokeThickness="0">
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF4B99A7" Offset="0" />
                    <GradientStop Color="#FF007900" Offset="1" />
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>




One other question: Once I've modified the colors in the .xaml file using Visual Studio Community, is there an easy way to view the changes in Visual Studio Community before saving the file to my folder?

Right now the way I'm editing the code in Visual Studio Community is I'm going to File > Open > File, and then navigating to the .xaml file in the Titles folder for vMix. Once I've changed the color numbers in the code, how do I view the modified file as an image within Visual Studio?

Thanks.
Back to top
mgrayeb  
#14 Posted : Monday, March 12, 2018 4:03:23 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
Quote:
Assuming it's a title without an image in the background, once you open it in Visual Studio, I'm assuming you make changes to the color numbers. Then how do you view the updated image in Visual Studio to see if the changes look right? Thanks.


its a visual editor, you can change the colors of the object by picking a color and finetuning it with sliders etc and wil instantly see the change in your object


I think I might only be in Visual Studio -- not in the Blend tool (not sure how to get to that?). Pleas see attached. I really appreciate your patience and help!
mgrayeb attached the following image(s):
visual studio community screenshot.jpg (331kb) downloaded 22 time(s).

You cannot view/download attachments. Try to login or register.
Back to top
doggy  
#15 Posted : Monday, March 12, 2018 4:04:40 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
Quote:
Right now the way I'm editing the code in Visual Studio Community is I'm going to File > Open > File, and then navigating to the .xaml file in the Titles folder for vMix. Once I've changed the color numbers in the code, how do I view the modified file as an image within Visual Studio?


you can not directly from just the file here, mostly one would have the file in project wich would then have a design view also

Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/12/2018(UTC)
doggy  
#16 Posted : Monday, March 12, 2018 4:49:54 PM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
if you create a wpf user control project you can then copy/replace the Xaml code in the xaml window and then view the design in the design window (and make visual changes to your design)

mind you if you take the code from one of the vMix titles you will need to add a reference to the vMixTittlelibrary.dll
Back to top
mgrayeb  
#17 Posted : Monday, March 12, 2018 6:10:29 PM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
doggy wrote:
if you create a wpf user control project you can then copy/replace the Xaml code in the xaml window and then view the design in the design window (and make visual changes to your design)

mind you if you take the code from one of the vMix titles you will need to add a reference to the vMixTittlelibrary.dll


Ok and sorry I'm so dense and have so many questions; I'm brand new to vMix, and don't have programming knowledge so I've not used Visual Studio/Blend before. I added the reference file as you indicated, and I've been able to bring in a NewsTitle6 from vMix. Please see attached screenshot.

I tried clicking on the tools on the left side of the screen (or the greyed-out tools at the top) but not sure how to change the colors in the title's graphics. Can you please point me to any info that I can learn on how to do that? Thank you.
mgrayeb attached the following image(s):
blend screenshot 1 031118.jpg (283kb) downloaded 18 time(s).

You cannot view/download attachments. Try to login or register.
Back to top
doggy  
#18 Posted : Tuesday, March 13, 2018 12:36:36 AM(UTC)
doggy

Rank: Advanced Member

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

Thanks: 293 times
Was thanked: 955 time(s) in 790 post(s)
open property window (F4)

Mind you this is a vMixforum
I advice to brush up on how to use other software by googeling for tutorials etc
Back to top
thanks 1 user thanked doggy for this useful post.
mgrayeb on 3/13/2018(UTC)
mgrayeb  
#19 Posted : Tuesday, March 13, 2018 11:57:10 AM(UTC)
mgrayeb

Rank: Advanced Member

Groups: Registered
Joined: 3/3/2018(UTC)
Posts: 184

Thanks: 86 times
Was thanked: 7 time(s) in 7 post(s)
Understood Doggy. I had been searching via Google and Youtube but was unsuccessful. Again, thank you so much for your help; I really appreciate it.
Back to top
sinc747  
#20 Posted : Thursday, March 15, 2018 9:13:27 AM(UTC)
sinc747

Rank: Advanced Member

Groups: Registered
Joined: 8/2/2013(UTC)
Posts: 1,072
Man
United States
Location: Fairhope, Alabama USA

Thanks: 553 times
Was thanked: 200 time(s) in 166 post(s)
Great thread guys!

- Tom
Back to top
WWW
Users browsing this topic
Guest (6)
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.158 seconds.