Page 1 of 1

Text blur in/out effect

PostPosted: Fri Jun 24, 2016 7:14 pm
by Marco Catani
Hello, this is my first post and as you can guess I'm learning Fusion 8 (I'm a noob)
I'm mostly a video editor and I'm trying fusion to fill the gaps of Resolve in text animations.
What I'm trying to achieve is an effect like this

I know how to get a "type on" effect but I can't find information on how to have a blur following the words and if I can have a word of a different color without using a new text+ node.
thank you a lot in advance.
Marco

Re: Text blur in/out effect

PostPosted: Sun Jun 26, 2016 7:39 am
by Sander de Regt
What you're looking for in this case is amongst other things the follower modifier. This will allow you to do the blurring letter by letter. Also if you RC into the text field and select 'Character level styling' you will be able to select text and give this selection its own style.

Code: Select all
{
   Tools = ordered() {
      Text1 = TextPlus {
         CtrlWZoom = false,
         Inputs = {
            GlobalOut = Input { Value = 75, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2", }, },
            Font = Input { Value = "Arial", },
            StyledText = Input {
               SourceOp = "CharacterLevelStyling1",
               Source = "StyledText",
            },
            End = Input {
               SourceOp = "Text1End",
               Source = "Value",
            },
            Style = Input { Value = "Bold", },
            ManualFontKerningPlacement = Input {
               Value = StyledText {
                  Array = {
                  },
                  Value = "",
               },
            },
            ShadingGradient1 = Input {
               Value = Gradient {
                  Colors = {
                     [0] = { 0, 0, 0, 1, },
                     [1] = { 1, 1, 1, 1, },
                  },
               },
            },
            RenderToDPTFile = Input { Disabled = true, },
            DPTType = Input { Disabled = true, },
            DPTResolution = Input { Disabled = true, },
         },
         ViewInfo = OperatorInfo { Pos = { 55, 16.5, }, },
      },
      CharacterLevelStyling1 = StyledTextCLS {
         CtrlWZoom = false,
         Inputs = {
            Font = Input { Value = "Arial", },
            Style = Input { Value = "Bold", },
            Text = Input {
               SourceOp = "Follower1",
               Source = "StyledText",
            },
            RightClickHereToAnimateCharacterLevelStyling = Input {
               Value = StyledText {
                  Array = {
                     {
                        Parameter = 2401,
                        Index = 0,
                        First = 14,
                        Last = 17,
                        Value = 0.96078431372549,
                        String = "",
                     },
                     {
                        Parameter = 2402,
                        Index = 0,
                        First = 14,
                        Last = 17,
                        Value = 0.0705882352941176,
                        String = "",
                     },
                     {
                        Parameter = 2403,
                        Index = 0,
                        First = 14,
                        Last = 17,
                        Value = 0.0901960784313725,
                        String = "",
                     },
                     {
                        Parameter = 2401,
                        Index = 0,
                        First = 22,
                        Last = 26,
                        Value = 0,
                        String = "",
                     },
                     {
                        Parameter = 2402,
                        Index = 0,
                        First = 22,
                        Last = 26,
                        Value = 0.956862745098039,
                        String = "",
                     },
                     {
                        Parameter = 2403,
                        Index = 0,
                        First = 22,
                        Last = 26,
                        Value = 0.12156862745098,
                        String = "",
                     },
                  },
                  Value = "",
               },
            },
            PriorityBack = Input { Value = 8, },
            Thickness = Input { Value = 0.02, },
            JoinStyle = Input { Value = 1, },
            Level = Input { Value = 3, },
            Red = Input { Value = 0, },
            Green = Input { Value = 0.956862745098039, },
            Blue = Input { Value = 0.12156862745098, },
            BevelDepth = Input { Value = 0, },
            BevelWidth = Input { Value = 0, },
         },
      },
      Follower1 = StyledTextFollower {
         Inputs = {
            Delay = Input { Value = 1, },
            Text = Input {
               Value = StyledText {
                  Array = {
                  },
                  Value = "Write on from left to right",
               },
            },
            Softness1 = Input { Value = 1, },
            SoftnessX1 = Input {
               SourceOp = "Follower1SoftnessX",
               Source = "Value",
            },
            SoftnessY1 = Input {
               SourceOp = "Follower1SoftnessY",
               Source = "Value",
            },
         },
      },
      Follower1SoftnessX = BezierSpline {
         SplineColor = { Red = 231, Green = 243, Blue = 234, },
         NameSet = true,
         KeyFrames = {
            [0] = { 10, RH = { 3.33333333333333, 6.66666666666667, }, Flags = { Linear = true, }, },
            [10] = { 0, LH = { 6.66666666666667, 3.33333333333333, }, Flags = { Linear = true, }, },
         },
      },
      Follower1SoftnessY = BezierSpline {
         SplineColor = { Red = 231, Green = 190, Blue = 243, },
         NameSet = true,
         KeyFrames = {
            [0] = { 10, RH = { 3.33333333333333, 6.66666666666667, }, Flags = { Linear = true, }, },
            [10] = { 0, LH = { 6.66666666666667, 3.33333333333333, }, Flags = { Linear = true, }, },
         },
      },
      Text1End = BezierSpline {
         SplineColor = { Red = 72, Green = 233, Blue = 54, },
         NameSet = true,
         KeyFrames = {
            [0] = { 0, RH = { 10, 0.333333333333333, }, Flags = { Linear = true, }, },
            [30] = { 1, LH = { 20, 0.666666666666667, }, RH = { 35, 1, }, Flags = { Linear = true, }, },
            [45] = { 1, LH = { 40, 1, }, Flags = { Linear = true, }, },
         },
      },
   },
}

Re: Text blur in/out effect

PostPosted: Sun Jun 26, 2016 11:06 pm
by Marco Catani
thanks a lot!

Re: Text blur in/out effect

PostPosted: Mon Jun 27, 2016 11:17 am
by Trevor Asquerthian
Thanks for that Sander - playing around with that cleared a few things up for me.

For any other newbies that is a pretty good example of Fusion at work. I'm going to list what I did investigating in case it helps any others.

I've got just enough knowledge to know that I get that code into Fusion by copying it ('code:select all') and pasting into the Flow of a comp.

View it in the left hand viewer then add another text+ node to try and replicate in the right hand viewer.

I set the 'render end time' (box next to '>>' below timeline ribbon to 75 so it can animate for 30 then hold for 45.

First off I typed matching text in the 'Styled Text' input box for the new Text+ node.

At Frame 30 I right clicked on the 'Write On' 'End' parameter and selected animate, then back at Frame 0 set that to 0. Thats the 'write on' part of the animation matching Sanders.

Then (whilst leaving animation running) I right clicked within the 'Styled Text' input box and added a 'follower'. That then showed up in the 'Modifiers' tab next to 'Tools'.

Within that 'Follower' I switched to the 'Shader' tab for the 'Follower', scrolled down to 'Softness' and twirled it down.

In the 'Spline' view I can see that Sander has animated SoftnessX from 10 to 0 over the first 10 frames so I replicated that, again by setting animate on at frame 10 (value default at 0) then going back to frame 0 and changing 'Softness X' value to 10 and set the animation playing again.

The 'follower' doesn't have an effect until the 'Delay' value in the 'Timing' tab is adjusted. Sander has this set to 1. Play around with changing this to 3, and changing the 'order' from 'left to right' to the other entries. Then put it back to 'left to right' with 'Delay' of 1. Should match left hand screen other than colours.

Right click in 'Styled Text' entry box of 'Follower' and select 'Character Level Styling' - this creates another modifier. Twirl that modifier down and it says that you must 'select text in view for style options' - so lassoo around the word 'left' and select 'shading' tab (for 'character level styling' modifier) and change that to red. Repeat for word 'right' and make that green.

Thanks again Sander for helping out here and thanks to Marco for the original post.