Fusion Titles are overly complicated PITA

Simply trying to retime a title is a nightmare unless you're a fulltime Motion Graphics artist who knows everything about Fusion. I am not, Im simply an editor trying to retime a lower third who is wondering why this workflow is so convoluted. I've found no video able to explains a reasonable way how to do this. It should be as simple as dragging keyframes around, but the keyframe window doesnt line up at all with what is happening in the preview. Keyframes go by and the seconds later the preview shows them while the playhead is in an area without keyframes while playing back at full speed. Spline is useless and again way overly complex for what I and most users are trying to achieve. I dont want the in/out motion to change speed, just the total duration inbetween these movements. I just dont understand BlkMagic putting in cut mode simply for 5 year olds to avoid jump cuts but they cant figure out how to make fusion less of a rocket science and more like the standard motion graphics layout we are all familiar with.

Rather than simplifying the tool, I'd rather see folks become more familiar with it.

https://www.blackmagicdesign.com/produc ... e/training

Sure Id love to learn how to do this, thats why Im posting here. Seems like you dont have any answers besides linking something that doesnt help at all? Based on my googling there isnt a way for fusion to do this so please explain to me how requesting something that the program is incapable of is somehow dumbing it down.

Hi.

I know it can be frustrating. A simple solution to your issue is to make the title a compound clip. Right-click the title and select compound clip in the context menu. Once it is a compound clip you can use the retime controls, make the title shorter will speed it up, longer will slow it down but it'll be responsive.

There are other ways but would involve dipping your toes in fusion.

If you need any assistance, just ask.

In fusion there are several nodes which can make a title responsive, copy the code below and save it as a .setting. it is made up of 2 nodes a timespeed node and a dissolve node.

it basically switches the title into reverse half way so your entry keyframes become your exit keyframes. This is hand if your entry and exit are opposite but a keyframe strecher is the way to go if you have a different entry vs exit.

If you are using a keyframe stretcher your keyframes won't line up, take the keyframe stretcher out of the node tree and then move the keyframes.

-John

Code: Select all

{
   Tools = ordered() {
      Dissolve1 = Dissolve {
         Transitions = {
            [0] = "DFTDissolve"
         },
         Inputs = {
            Mix = Input {
               Value = 0,
               Expression = "iif((comp.RenderEnd-time)<(comp.RenderEnd/2),0,1)",
            },
            Background = Input {
               SourceOp = "TimeSpeed1",
               Source = "Output",
            },
         },
         ViewInfo = OperatorInfo { Pos = { 319.333, 148.576 } },
      },
      TimeSpeed1 = TimeSpeed {
         CtrlWZoom = false,
         Inputs = {
            Speed = Input { Value = -1, },
         },
         ViewInfo = OperatorInfo { Pos = { 319.333, 82.5757 } },
      }
   },
   ActiveTool = "TimeSpeed1"
}

John, retime tools simply adjust timing to the whole clip. I see no way of having my text remain at a 30 second in and out motion while speeding up the duration inbetween. I dont want my text to disappear in 5 frames, it should be SO SIMPLE to make this change. I have again wasted hours trying to do something I can do in another program in 5 minutes. Its a shame because I really like davincii and want to ditch adobe but fusion alone prevents me from fully adopting davincii. I dont have days to teach myself what should be basic functions, really disappointed there is no simple way to do this simple task. Here is a short video showing how fusion completely ignores the keyframes at 130 and instead does them at the end of the clip where there are 0 keyframes

Are you using the Lower 3rd Simple Vertical 2 Lines Fusion Title?
How long do you want the entire Title to last?
How long for the slide in and out?

Here is that Title with a 3 second slide in, stays on for about 24 seconds and about a 3 second slide out.
You can just copy the code below and past it into the Fusion Node Editor. Then put the second Output node into a viewer and you should be able to see the Title.

Code: Select all

{
   Tools = ordered() {
      textMask = RectangleMask {
         NameSet = true,
         Inputs = {
            Invert = Input { Value = 1, },
            MaskWidth = Input { Value = 1920, },
            MaskHeight = Input { Value = 1080, },
            PixelAspect = Input { Value = { 1, 1 }, },
            ClippingMode = Input { Value = FuID { "None" }, },
            Center = Input { Value = { 0.0432291666666666, 0.189814814814815 }, },
            Width = Input { Value = 0.109375, },
            Height = Input { Value = 0.388888888888889, },
         },
         ViewInfo = OperatorInfo { Pos = { 100.698, 17.7878 } },
      },
      lineRect = RectangleMask {
         NameSet = true,
         Inputs = {
            Filter = Input { Value = FuID { "Fast Gaussian" }, },
            MaskWidth = Input { Value = 1920, },
            MaskHeight = Input { Value = 1080, },
            PixelAspect = Input { Value = { 1, 1 }, },
            ClippingMode = Input { Value = FuID { "None" }, },
            Center = Input { Value = { 0.0994791666666667, 0.216666666666667 }, },
            Width = Input { Value = 0.0135416666666666, },
            Height = Input { Value = 0.231481481481481, },
         },
         ViewInfo = OperatorInfo { Pos = { 10, 85.1211 } },
      },
      lineRectAnim = RectangleMask {
         NameSet = true,
         SourceOp = "lineRect",
         Inputs = {
            EffectMask = Input {
               SourceOp = "lineRect",
               Source = "Mask",
            },
            SettingsNest = Input { },
            PaintMode = Input { Value = FuID { "Multiply" }, },
            Center = Input { Value = { 0.0994791666667, 0.1009259259259 }, },
            Height = Input {
               SourceOp = "lineRectAnimHeight",
               Source = "Value",
            },
            ["ShapeRasterizer.Nest"] = Input { },
            CommentsNest = Input { },
            FrameRenderScriptNest = Input { },
            StartRenderScripts = Input { },
            EndRenderScripts = Input { },
         },
         ViewInfo = OperatorInfo { Pos = { 100.995, 85.1211 } },
      },
      lineRectAnimHeight = BezierSpline {
         SplineColor = { Red = 218, Green = 249, Blue = 145 },
         CtrlWShown = false,
         NameSet = true,
         KeyFrames = {
            [0] = { 0, RH = { 28.3333333333333, 0 }, Flags = { Linear = true } },
            [85] = { 0.462962962963, LH = { -6.80000000000001, 0.462962962963 }, RH = { 333.666666666666, 0.462962962963 } },
            [831] = { 0.462962962963, LH = { 582.333333333334, 0.462962962963 }, RH = { 883.0625, 0.462962962963 } },
            [880] = { 0, LH = { 843.25, 0 } }
         }
      },
      mainText = TextPlus {
         ExtentSet = true,
         NameSet = true,
         Inputs = {
            Transform1 = Input { Value = 1, },
            Alignment = Input { Value = 1, },
            EffectMask = Input {
               SourceOp = "textMask",
               Source = "Mask",
            },
            GlobalOut = Input { Value = 20000, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            UseFrameFormatSettings = Input { Value = 1, },
            Depth = Input { Value = 1, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            Center = Input {
               SourceOp = "mainTextPath",
               Source = "Position",
            },
            LayoutSize = Input { Value = 0.5, },
            StyledText = Input { Value = "Slide in Title", },
            Font = Input { Value = "Open Sans", },
            Style = Input { Value = "Bold", },
            Size = Input { Value = 0.15, },
            VerticalTopCenterBottom = Input { Value = 1, },
            VerticalJustificationNew = Input { Value = 3, },
            HorizontalLeftCenterRight = Input { Value = -1, },
            HorizontalJustificationNew = Input { Value = 3, },
            ManualFontKerningPlacement = Input {
               Value = StyledText {
                  Array = {
                  },
                  Value = ""
               },
            },
            MainText = Input { Value = 1, }
         },
         ViewInfo = OperatorInfo { Pos = { 202.698, 17.7878 } },
         UserControls = ordered() {
            MainText = {
               LBLC_NumInputs = 22,
               INPID_InputControl = "LabelControl",
               LBLC_DropDownButton = true,
               LINKS_Name = "Main Text",
            }
         }
      },
      mainTextPath = PolyPath {
         DrawMode = "InsertAndModify",
         CtrlWShown = false,
         NameSet = true,
         Inputs = {
            Center = Input { Value = { 0.589153, 0.22791913626 }, },
            Displacement = Input {
               SourceOp = "mainTextPathDisplacement",
               Source = "Value",
            },
            PolyLine = Input {
               Value = Polyline {
                  Points = {
                     { Linear = true, LockY = true, X = -2, Y = 0, RX = 0.508333333333333, RY = 0 },
                     { Linear = true, LockY = true, X = -0.475, Y = 0, LX = -0.508333333333333, LY = 0, RX = 0, RY = 0 },
                     { Linear = true, LockY = true, X = -0.474999994039536, Y = 0, LX = 0, LY = 0, RX = -0.508333335320155, RY = 0 },
                     { Linear = true, LockY = true, X = -2, Y = 0, LX = 0.508333335320155, LY = 0 }
                  }
               },
            },
         },
      },
      mainTextPathDisplacement = BezierSpline {
         SplineColor = { Red = 255, Green = 0, Blue = 255 },
         CtrlWShown = false,
         NameSet = true,
         KeyFrames = {
            [1.81416152425563] = { 0, RH = { 33.5810338873624, 0 }, Flags = { LockedY = true } },
            [97.114778613576] = { 0.499999999022875, LH = { 65.3510834648428, 0.499999999022875 }, RH = { 340.409852409051, 0.499999999022875 }, Flags = { LockedY = true } },
            [827] = { 0.499999999022875, LH = { 583.704926204524, 0.499999999022875 }, RH = { 879.46, 0.499999999022875 }, Flags = { LockedY = true } },
            [888] = { 1, LH = { 845.3, 1 }, Flags = { LockedY = true } }
         }
      },
      secondaryText = TextPlus {
         ExtentSet = true,
         CtrlWZoom = false,
         NameSet = true,
         Inputs = {
            Transform1 = Input { Value = 1, },
            Alignment = Input { Value = 1, },
            EffectMask = Input {
               SourceOp = "textMask",
               Source = "Mask",
            },
            GlobalOut = Input { Value = 20000, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            UseFrameFormatSettings = Input { Value = 1, },
            Depth = Input { Value = 1, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            Center = Input {
               SourceOp = "secondaryTextPath",
               Source = "Position",
            },
            LayoutSize = Input { Value = 0.5, },
            Red1 = Input { Value = 0.588235318660736, },
            Green1 = Input { Value = 0.588235318660736, },
            Blue1 = Input { Value = 0.588235318660736, },
            StyledText = Input { Value = "Secondary Text", },
            Font = Input { Value = "Open Sans", },
            Style = Input { Value = "Light", },
            Size = Input { Value = 0.125, },
            VerticalTopCenterBottom = Input { Value = -1, },
            VerticalJustificationNew = Input { Value = 3, },
            HorizontalLeftCenterRight = Input { Value = -1, },
            HorizontalJustificationNew = Input { Value = 3, },
            ManualFontKerningPlacement = Input {
               Value = StyledText {
                  Array = {
                  },
                  Value = ""
               },
            },
         },
         ViewInfo = OperatorInfo { Pos = { 200.698, 51.0606 } },
         UserControls = ordered() {
            SecondaryText = {
               LBLC_NumInputs = 22,
               INPID_InputControl = "LabelControl",
               LBLC_DropDownButton = true,
               LINKS_Name = "Secondary Text",
            }
         }
      },
      secondaryTextPath = PolyPath {
         DrawMode = "InsertAndModify",
         CtrlWShown = false,
         NameSet = true,
         Inputs = {
            Center = Input { Value = { 0.589653, 0.190882099223 }, },
            Displacement = Input {
               SourceOp = "secondaryTextPathDisplacement",
               Source = "Value",
            },
            PolyLine = Input {
               Value = Polyline {
                  Points = {
                     { Linear = true, LockY = true, X = -2, Y = 0, RX = 0.508333333333333, RY = 0 },
                     { Linear = true, LockY = true, X = -0.475, Y = 0, LX = -0.508333333333333, LY = 0, RX = 0, RY = 0 },
                     { Linear = true, LockY = true, X = -0.474999994039536, Y = 0, LX = 0, LY = 0, RX = -0.508333335320155, RY = 0 },
                     { Linear = true, LockY = true, X = -2, Y = 0, LX = 0.508333335320155, LY = 0 }
                  }
               },
            },
         },
      },
      secondaryTextPathDisplacement = BezierSpline {
         SplineColor = { Red = 255, Green = 0, Blue = 255 },
         CtrlWShown = false,
         NameSet = true,
         KeyFrames = {
            [4.29427503265615] = { 0, RH = { 36.1961833551041, 0 }, Flags = { LockedY = true } },
            [100] = { 0.499999999022875, LH = { 68.1012823977624, 0.499999999022875 }, RH = { 340.666666666666, 0.499999999022875 }, Flags = { LockedY = true } },
            [822] = { 0.499999999022875, LH = { 581.333333333335, 0.499999999022875 }, RH = { 869.3, 0.499999999022875 }, Flags = { LockedY = true } },
            [877] = { 1, LH = { 838.5, 1 }, Flags = { LockedY = true } }
         }
      },
      lineColor = Background {
         ExtentSet = true,
         NameSet = true,
         Inputs = {
            EffectMask = Input {
               SourceOp = "lineRectAnim",
               Source = "Mask",
            },
            GlobalOut = Input { Value = 20000, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            UseFrameFormatSettings = Input { Value = 1, },
            Depth = Input { Value = 1, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            TopLeftGreen = Input { Value = 0.7042714417096, },
            TopLeftBlue = Input { Value = 0.713, },
            TopRightGreen = Input { Value = 0.2746909528481, },
            TopRightBlue = Input { Value = 1, },
            BottomLeftRed = Input { Value = 0.999917993619, },
            BottomLeftBlue = Input { Value = 1, },
            BottomRightRed = Input { Value = 1, },
            BottomRightGreen = Input { Value = 0.8855017059026, },
            Start = Input { Value = { 0.5, 0.5 }, },
            End = Input { Value = { 0.5, 0 }, },
            Gradient = Input {
               Value = Gradient {
                  Colors = {
                     [0.463087248322148] = { 1, 0.166799663357356, 0, 1 },
                     [0.654362416107383] = { 1, 0.939922017564881, 0, 1 }
                  }
               },
            },
         },
         ViewInfo = OperatorInfo { Pos = { 202.698, 85.1211 } },
         UserControls = ordered() {
            LineControl = {
               LBLC_NumInputs = 31,
               INPID_InputControl = "LabelControl",
               LBLC_DropDownButton = true,
               LINKS_Name = "Line Controls",
            }
         }
      },
      output = Merge {
         NameSet = true,
         Inputs = {
            Background = Input {
               SourceOp = "textMerge",
               Source = "Output",
            },
            Foreground = Input {
               SourceOp = "lineColor",
               Source = "Output",
            },
            PerformDepthMerge = Input { Value = 0, },
         },
         ViewInfo = OperatorInfo { Pos = { 307.364, 85.1211 } },
      },
      textMerge = Merge {
         NameSet = true,
         Inputs = {
            Background = Input {
               SourceOp = "mainText",
               Source = "Output",
            },
            Foreground = Input {
               SourceOp = "secondaryText",
               Source = "Output",
            },
            PerformDepthMerge = Input { Value = 0, },
         },
         ViewInfo = OperatorInfo { Pos = { 307.364, 51.0606 } },
      }
   }
}

For interest's sake, I took a look at the Fusion 2-line lower third title and couldn't figure out how the text slides out at the end. I know this is only remotely related to the OP's concern but I figured that I know my way around Fusion enough to at least figure out where those keyframes are defined.

Can anyone else see how the text slides out of view at the end based on looking at the keytrames or spline views?

Thx

The two Text+ nodes have there Center keyframed on the Layout tab. It slides out of view because of the mask connected to each of the Text+ nodes.

Sorry - I'm looking at the 'LowerThirdDrawOn2Line' template and it does not have keyframes on the Text+ nodes at all - that's why I'm asking. It's very weird, actually:

LowerThirdDrawOn2Line.png (255.43 KiB) Viewed 2089 times

Thanks

It's no problem, I thought you were talking about the other Title. The Title you are talking about uses the Transform nodes connected right after the Text+ nodes for their animation.

Thanks, but if you look at the keyframe or spline graphs for that example, there are no changes near the end of the animation where the text slides out of view - at least none that I can see (and that was my question).

Thanks again,

Based on my googling

I think that's the wrong approach. Rather than looking for an answer to a specific question, work towards a deeper understanding of how the software works. That's why the link to the training page.

When I first switched from Premiere Pro, I often thought "How do I do X?" I found out after the training that the question was frequently moot, simply because Resolve did things differently. The end result was accomplished in a different manner, so X simply didn't apply.

Once I had the deeper understanding of how Resolve worked, it was a lot easier to achieve my goals with the software.

Make sense?

Thanks, but if you look at the keyframe or spline graphs for that example, there are no changes near the end of the animation where the text slides out of view - at least none that I can see (and that was my question).

Thanks again,

Remove or disable the KeyframeStretcher and you will see the animation of the Transform nodes move the text offscreen with the timing of the keyframes.

Thanks, but if you look at the keyframe or spline graphs for that example, there are no changes near the end of the animation where the text slides out of view - at least none that I can see (and that was my question).

Thanks again,

Remove or disable the KeyframeStretcher and you will see the animation of the Transform nodes move the text offscreen with the timing of the keyframes.

Brilliant!!!

Thanks - I really thought I was losing it!!!

Add - I've never used the keyframe stretcher - I'm glad I asked - that's a very powerful node

Based on my googling

I think that's the wrong approach.

I've found that to be an excellent approach to learning certain aspects of Fusion actually. Of course, looking up specific nodes or topics in the manual and YouTube have helped too.

It should be as simple as dragging keyframes around, but the keyframe window doesnt line up at all with what is happening in the preview. ... I dont want the in/out motion to change speed, just the total duration inbetween these movements.

In this case, that would be as simple as dragging the start or end of the clip in the Edit page, is that not simple enough?

Based on your video, it looks like you must have had the nodes exposed, in which case you will see several nodes whose role is obvious, together with a Keyframe Stretcher node, whose role might be confusing if you've never seen it before. Whenever this happens, just look up the relevant node in the manual, or even google it, the answer will come up very quickly. No need to spend hours figuring this one out.