Pro Tip Needed: Solid That Automatically Moves With Text

Hello dear Fusion professionals,

I have a colored solid that ''reveals'' a text box. I need the solid to expand to the right automatically so that if a long sentence is typed to the text box, the colored solid expands to the right along with the text. This way, before the reveal animation, the solid would cover ALL of my text, no matter the length.

1.jpg (42.24 KiB) Viewed 1182 times

2.jpg (80.51 KiB) Viewed 1182 times

3.jpg (78.38 KiB) Viewed 1182 times

Does anyone know a script for this? Thank you for your time.

PS: This is a continuation to my previous help request about ''Two Automatically Resizing Text Boxes'': https://forum.blackmagicdesign.com/viewtopic.php?f=22&t=172669

I owe a huge thanks to Eric E. for helping me with that that previous problem.

In the shader setting of the Text tool, there is a way to shade the text itself solid. This way it will always adapt to the text. You'll need to link two text tools together to make this work probably, depending on what kind of reveal you're looking for.

In the shader setting of the Text tool, there is a way to shade the text itself solid. This way it will always adapt to the text. You'll need to link two text tools together to make this work probably, depending on what kind of reveal you're looking for.

Could you please share a screenshot? I'm completely lost on this issue.

Just copy/paste the following in your comp and see if it does what you need it to do

Code: Select all

{
   Tools = ordered() {
      Text1 = TextPlus {
         CtrlWZoom = false,
         Inputs = {
            GlobalOut = Input { Value = 50, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            LayoutRotation = Input { Value = 1, },
            TransformRotation = Input { Value = 1, },
            SelectElement = Input { Value = 1, },
            Select = Input { Value = 1, },
            Enabled2 = Input { Value = 1, },
            Softness1 = Input { Value = 1, },
            StyledText = Input { Value = "ANY LENGTH WILL WORK", },
            Font = Input { Value = "Open Sans", },
            Style = Input { Value = "Bold", },
            VerticalJustificationNew = Input { Value = 3, },
            HorizontalJustificationNew = Input { Value = 3, },
            ElementShape2 = Input { Value = 2, },
            Level2 = Input { Value = 1, },
            Softness2 = Input { Value = 1, },
            Position2 = Input { Value = 1, },
            PriorityBack2 = Input { Value = 10, },
            Pivot2 = Input { Value = { 0, -0.007 }, },
            Size2 = Input { Value = 1, },
            SizeY2 = Input {
               SourceOp = "Text1SizeY2",
               Source = "Value",
            },
         },
         ViewInfo = OperatorInfo { Pos = { 330, 16.5 } },
      },
      Text1SizeY2 = BezierSpline {
         SplineColor = { Red = 185, Green = 253, Blue = 250 },
         CtrlWZoom = false,
         NameSet = true,
         KeyFrames = {
            [0] = { 1, RH = { 16.6666666666667, 0.666666666666667 }, Flags = { Linear = true } },
            [50] = { 0, LH = { 33.3333333333333, 0.333333333333333 }, Flags = { Linear = true } }
         }
      }
   }
}

Just copy/paste the following in your comp and see if it does what you need it to do

Code: Select all

{
   Tools = ordered() {
      Text1 = TextPlus {
         CtrlWZoom = false,
         Inputs = {
            GlobalOut = Input { Value = 50, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            LayoutRotation = Input { Value = 1, },
            TransformRotation = Input { Value = 1, },
            SelectElement = Input { Value = 1, },
            Select = Input { Value = 1, },
            Enabled2 = Input { Value = 1, },
            Softness1 = Input { Value = 1, },
            StyledText = Input { Value = "ANY LENGTH WILL WORK", },
            Font = Input { Value = "Open Sans", },
            Style = Input { Value = "Bold", },
            VerticalJustificationNew = Input { Value = 3, },
            HorizontalJustificationNew = Input { Value = 3, },
            ElementShape2 = Input { Value = 2, },
            Level2 = Input { Value = 1, },
            Softness2 = Input { Value = 1, },
            Position2 = Input { Value = 1, },
            PriorityBack2 = Input { Value = 10, },
            Pivot2 = Input { Value = { 0, -0.007 }, },
            Size2 = Input { Value = 1, },
            SizeY2 = Input {
               SourceOp = "Text1SizeY2",
               Source = "Value",
            },
         },
         ViewInfo = OperatorInfo { Pos = { 330, 16.5 } },
      },
      Text1SizeY2 = BezierSpline {
         SplineColor = { Red = 185, Green = 253, Blue = 250 },
         CtrlWZoom = false,
         NameSet = true,
         KeyFrames = {
            [0] = { 1, RH = { 16.6666666666667, 0.666666666666667 }, Flags = { Linear = true } },
            [50] = { 0, LH = { 33.3333333333333, 0.333333333333333 }, Flags = { Linear = true } }
         }
      }
   }
}

Thank you so much Sander! It works great. I'll just have to go study more about Fusion to keep the forums clean from my questions