Jump to: Board index » General » Fusion

New to Fusion, trying to learn to make a specific transition

Learn about 3D compositing, animation, broadcast design and VFX workflows.
  • Author
  • Message
Offline

InfinityPotato

  • Posts: 2
  • Joined: Tue Jan 01, 2019 12:02 pm
  • Real Name: Petri Miettinen

New to Fusion, trying to learn to make a specific transition

PostTue Jan 01, 2019 12:26 pm

Hello everyone, I started playing around with Fusion 9 a few days ago and although I have had a lot of fun with it I'm still struggling to grasp on some of the nodes and such.

My particular struggle comes from trying to make a stream transition for streaming usage. I saw a youtuber going by Brett & Co making a stinger transition in this manner in AfterEffects and I had hoped to try and recreate in Fusion.

The effect in question is making an ellipsis that goes from size 0 to fill up the screen after which it gets faded out by an ellipsis shaped alpha mask going from 0 to fullscreen.

It's a little hard to explain and I can't really use URLs to show the original video but I hope someone will understand what I mean. And I pre-emptively thank anyone who might be able to help me figure this out!
Offline

xunile

  • Posts: 3028
  • Joined: Mon Apr 23, 2018 5:21 am
  • Real Name: Eric Eisenmann

Re: New to Fusion, trying to learn to make a specific transi

PostWed Jan 02, 2019 6:35 pm

Do you mean a solid color ellipse that starts at the center and grows out to fill the screen with this color, then it shrinks back down to reveal a new video underneath?
Win 10 Home | Intel i7 - 10700f 64 GB 1 TB GB SSD 2 TB SSD
RTX-3060 12 GB | Resolve Studio 18.6.6| Fusion Studio 18.6.6

Win 10 Home | Intel Core I7-7700HQ 32 GB 1 TB NVME SSD 1 TB SATA SSD
GTX-1060-6GB | Resolve 17.4.6
Offline

Ziggy Uszkurat

  • Posts: 42
  • Joined: Fri Sep 04, 2015 12:45 pm

Re: New to Fusion, trying to learn to make a specific transi

PostWed Jan 02, 2019 6:36 pm

Something like this?

Code: Select all
{
   Tools = ordered() {
      Merge2 = Merge {
         Inputs = {
            Background = Input {
               SourceOp = "Background2",
               Source = "Output",
            },
            Foreground = Input {
               SourceOp = "Text1",
               Source = "Output",
            },
            PerformDepthMerge = Input { Value = 0, },
         },
         ViewInfo = OperatorInfo { Pos = { 605, 412.5 } },
      },
      Merge1 = Merge {
         Inputs = {
            Background = Input {
               SourceOp = "Dissolve1",
               Source = "Output",
            },
            Foreground = Input {
               SourceOp = "Background1",
               Source = "Output",
            },
            PerformDepthMerge = Input { Value = 0, },
         },
         ViewInfo = OperatorInfo { Pos = { 990, 247.5 } },
      },
      Dissolve1 = Dissolve {
         Transitions = {
            [0] = "DFTDissolve"
         },
         Inputs = {
            Mix = Input {
               SourceOp = "Dissolve1BackgroundForeground",
               Source = "Value",
            },
            Background = Input {
               SourceOp = "Merge2",
               Source = "Output",
            },
            Foreground = Input {
               SourceOp = "Merge3",
               Source = "Output",
            },
         },
         ViewInfo = OperatorInfo { Pos = { 825, 247.5 } },
      },
      Dissolve1BackgroundForeground = BezierSpline {
         SplineColor = { Red = 16, Green = 164, Blue = 235 },
         NameSet = true,
         KeyFrames = {
            [69] = { 1, RH = { 69.3333333333333, 0.666666666666667 }, Flags = { Linear = true } },
            [70] = { 0, LH = { 69.6666666666667, 0.333333333333333 }, Flags = { Linear = true } }
         }
      },
      Merge3 = Merge {
         Inputs = {
            Background = Input {
               SourceOp = "Background3",
               Source = "Output",
            },
            Foreground = Input {
               SourceOp = "Text2",
               Source = "Output",
            },
            PerformDepthMerge = Input { Value = 0, },
         },
         ViewInfo = OperatorInfo { Pos = { 605, 247.5 } },
      },
      Background1 = Background {
         Inputs = {
            GlobalOut = Input { Value = 150, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            TopLeftRed = Input { Value = 0.294, },
            TopLeftGreen = Input { Value = 0.369, },
            TopLeftBlue = Input { Value = 0.388, },
            EffectMask = Input {
               SourceOp = "Ellipse2",
               Source = "Mask",
            }
         },
         ViewInfo = OperatorInfo { Pos = { 990, 181.5 } },
      },
      Background2 = Background {
         CtrlWZoom = false,
         Inputs = {
            GlobalOut = Input { Value = 150, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            TopLeftRed = Input { Value = 1, },
         },
         ViewInfo = OperatorInfo { Pos = { 495, 412.5 } },
      },
      Text1 = TextPlus {
         Inputs = {
            GlobalOut = Input { Value = 150, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            Font = Input { Value = "Open Sans", },
            StyledText = Input { Value = "SHOT B", },
            Style = Input { Value = "Bold", },
            ManualFontKerningPlacement = Input {
               Value = StyledText {
                  Array = {
                  },
                  Value = ""
               },
            },
         },
         ViewInfo = OperatorInfo { Pos = { 495, 346.5 } },
      },
      Text2 = TextPlus {
         Inputs = {
            GlobalOut = Input { Value = 150, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            Font = Input { Value = "Open Sans", },
            StyledText = Input { Value = "SHOT A", },
            Style = Input { Value = "Bold", },
            ManualFontKerningPlacement = Input {
               Value = StyledText {
                  Array = {
                  },
                  Value = ""
               },
            },
         },
         ViewInfo = OperatorInfo { Pos = { 495, 181.5 } },
      },
      Background3 = Background {
         Inputs = {
            GlobalOut = Input { Value = 150, },
            Width = Input { Value = 1920, },
            Height = Input { Value = 1080, },
            ["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
            TopLeftBlue = Input { Value = 1, },
         },
         ViewInfo = OperatorInfo { Pos = { 495, 247.5 } },
      },
      Ellipse2 = EllipseMask {
         Inputs = {
            PaintMode = Input { Value = FuID { "Subtract" }, },
            MaskWidth = Input { Value = 1920, },
            MaskHeight = Input { Value = 1080, },
            PixelAspect = Input { Value = { 1, 1 }, },
            ClippingMode = Input { Value = FuID { "None" }, },
            Width = Input {
               SourceOp = "Ellipse2Width",
               Source = "Value",
            },
            Height = Input {
               SourceOp = "Ellipse2Height",
               Source = "Value",
            },
            EffectMask = Input {
               SourceOp = "Ellipse1",
               Source = "Mask",
            }
         },
         ViewInfo = OperatorInfo { Pos = { 990, 115.5 } },
      },
      Ellipse2Width = BezierSpline {
         SplineColor = { Red = 225, Green = 255, Blue = 0 },
         NameSet = true,
         KeyFrames = {
            [70] = { 0, RH = { 79.6666666666667, 0.443279081835949 }, Flags = { Linear = true } },
            [99] = { 1.32983724550785, LH = { 89.3333333333333, 0.886558163671898 }, Flags = { Linear = true } }
         }
      },
      Ellipse2Height = BezierSpline {
         SplineColor = { Red = 0, Green = 255, Blue = 255 },
         NameSet = true,
         KeyFrames = {
            [70] = { 0, RH = { 79.6666666666667, 0.443279081835949 }, Flags = { Linear = true } },
            [99] = { 1.32983724550785, LH = { 89.3333333333333, 0.886558163671898 }, Flags = { Linear = true } }
         }
      },
      Ellipse1 = EllipseMask {
         Inputs = {
            MaskWidth = Input { Value = 1920, },
            MaskHeight = Input { Value = 1080, },
            PixelAspect = Input { Value = { 1, 1 }, },
            ClippingMode = Input { Value = FuID { "None" }, },
            Width = Input {
               SourceOp = "Ellipse1Width",
               Source = "Value",
            },
            Height = Input {
               SourceOp = "Ellipse1Height",
               Source = "Value",
            },
         },
         ViewInfo = OperatorInfo { Pos = { 990, 49.5 } },
      },
      Ellipse1Width = BezierSpline {
         SplineColor = { Red = 225, Green = 255, Blue = 0 },
         NameSet = true,
         KeyFrames = {
            [40] = { 0, RH = { 50.3333333333333, 0.44076486688636 }, Flags = { Linear = true } },
            [71] = { 1.32229460065908, LH = { 60.6666666666667, 0.881529733772721 }, Flags = { Linear = true } }
         }
      },
      Ellipse1Height = BezierSpline {
         SplineColor = { Red = 0, Green = 255, Blue = 255 },
         NameSet = true,
         KeyFrames = {
            [40] = { 0, RH = { 50.3333333333333, 0.44076486688636 }, Flags = { Linear = true } },
            [71] = { 1.32229460065908, LH = { 60.6666666666667, 0.881529733772721 }, Flags = { Linear = true } }
         }
      }
   }
}


Ziggx
Offline

Sander de Regt

  • Posts: 3500
  • Joined: Thu Nov 13, 2014 10:09 pm

Re: New to Fusion, trying to learn to make a specific transi

PostThu Jan 03, 2019 10:33 am

Is this the one you're talking about?

Sander de Regt

ShadowMaker SdR
The Netherlands
Offline

Jean-Claude

  • Posts: 19
  • Joined: Thu Jan 03, 2019 9:33 am
  • Location: France
  • Real Name: Jean-Claude Arzur

Re: New to Fusion, trying to learn to make a specific transi

PostFri Jan 04, 2019 7:48 am

Following this thread, thanks
System Mac Pro 5,1- macOS Mojave ver 10.14.1 - Ram 64 Gb
Davinci resolve Studio ver 16.0.0.044
Offline

InfinityPotato

  • Posts: 2
  • Joined: Tue Jan 01, 2019 12:02 pm
  • Real Name: Petri Miettinen

Re: New to Fusion, trying to learn to make a specific transi

PostTue Jan 08, 2019 9:58 am

Sander de Regt wrote:Is this the one you're talking about?

httpswwwyoutubecom/watch?vQPBzp9hkYVg


Apologies for lack of replies, I hadn't got a chance to look back to this thread due to a small holiday trip that came up.

That video is the one I meant, yes. The way he makes an ellipsi shaped alpha mask to fade out the color from middle.

Another reply provided some code which could do what I am trying to figure out and I appreciate the effort on that, only fallout being that I have not really explored using code on Fusion, but I might have to get around learning!
Offline

Sander de Regt

  • Posts: 3500
  • Joined: Thu Nov 13, 2014 10:09 pm

Re: New to Fusion, trying to learn to make a specific transi

PostTue Jan 08, 2019 3:38 pm

You don't need to 'explore code'. Fusion comps are internally formatted as nested Lua tables (i.e. code) so you can copy/paste them in text-based editors like Notepad ++ or in this case the reply fields of this forum. If you copy/paste the content of the 'code' field into Fusion nodes will show up.
Sander de Regt

ShadowMaker SdR
The Netherlands

Return to Fusion

Who is online

Users browsing this forum: No registered users and 34 guests