MarvinBarre wrote:How do you create that pulse (pop out ) - zoom in -zoom out effect that you can see in 0:11 on blue X and yellow T. I know how to create it with resize and keyframes in fusion but Is there some effect that could do it faster?
Don't use Resize, it can lower the quality. Use a Transform.
In technical terms, Fusion is smart enough to 'concatenate transformations'. What this means is that if you have a source image, let's say 1000x1000, then you scale it down to 0.1 (node Transform1, making it 100x100), then scale it back up by 10x (node Transform2, taking it back to 1000x1000), no quality is lost because Fusion considers all the transformations as a chain, and because it ends up back where it started at 1000x1000, it effectively just uses the source image.
By comparison, a Resize of 0.1 followed by 10x would be like scaling a 100x100 image up to 1000x1000 - blurry, distorted, no good. Resize has a few uses, but in situations like this you almost always want Transform.
In terms of keyframing, for this example I'd set three keyframes. Set the starting keyframe at Size 1.0, and the end keyframe also at Size 1.0. Then in the middle set a keyframe at the increased size, say 1.25. Then open the Spline Editor, select all the keyframes and hit Shift-S to smooth them. This will give bezier handles with which the timing of the animation can be adjusted.
In situations like this you almost never want to do a linear animation from size X to Y - that will look rather robotic and boring. It's common to do "easing" on the animations, which is where it starts slow then gets fast (ease out), starts fast then gets slow (ease in), or starts slow, gets faster, then finishes slower again (ease in-out).
When you select two or more keyframes and hit Shift-S to smooth, you get a default ease in-out animation. You can select the keyframes in the Spline Editor, right-click, then access the Ease menu to get a list of other curves to choose from.
In other words, you likely want your animation curve to look like the left example, not the right:
Below is a simple composition example, with a purple rectangle with an X on it, merged on a pink background, with the X rectangle growing slightly larger then smaller again in a smooth animation. I put a little drop shadow in as well. It's just a basic example of the concepts, you'd want to do more work on it than shown here. To see it, copy the code below then paste it into Fusion; this will recreate the nodes for you. It's animated from frame 0 to 50.
- Code: Select all
{
Tools = ordered() {
Shadow1 = Shadow {
CtrlWZoom = false,
Inputs = {
ShadowOffset = Input { Value = { 0.5011, 0.498 }, },
Softness = Input { Value = 0.005, },
Alpha = Input { Value = 0.583, },
LightDistance = Input { Value = 0.9978, },
Input = Input {
SourceOp = "Transform9",
Source = "Output",
},
},
ViewInfo = OperatorInfo { Pos = { 944.623, 2265.51 } },
},
Merge10 = Merge {
Inputs = {
Background = Input {
SourceOp = "Background6",
Source = "Output",
},
Foreground = Input {
SourceOp = "Shadow1",
Source = "Output",
},
PerformDepthMerge = Input { Value = 0, },
},
ViewInfo = OperatorInfo { Pos = { 1077.58, 2265.51 } },
},
Transform9 = Transform {
Inputs = {
Size = Input {
SourceOp = "Transform9Size",
Source = "Value",
},
Input = Input {
SourceOp = "Merge9",
Source = "Output",
},
},
ViewInfo = OperatorInfo { Pos = { 806.378, 2265.51 } },
},
Transform9Size = BezierSpline {
SplineColor = { Red = 225, Green = 0, Blue = 225 },
NameSet = true,
KeyFrames = {
[0] = { 1, RH = { 8.33333333333333, 1 } },
[25] = { 1.16, LH = { 16.6675001382828, 1.16 }, RH = { 33.3324998617172, 1.16 } },
[50] = { 1, LH = { 41.6666666666667, 1 } }
}
},
Background6 = Background {
Inputs = {
GlobalOut = Input { Value = 100, },
Width = Input { Value = 1920, },
Height = Input { Value = 1080, },
["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
TopLeftRed = Input { Value = 0.819, },
TopLeftGreen = Input { Value = 0.31122, },
TopLeftBlue = Input { Value = 0.65244816, },
},
ViewInfo = OperatorInfo { Pos = { 1077.58, 2200.82 } },
},
Merge9 = Merge {
Inputs = {
Background = Input {
SourceOp = "Background5",
Source = "Output",
},
Foreground = Input {
SourceOp = "Text1",
Source = "Output",
},
PerformDepthMerge = Input { Value = 0, },
},
ViewInfo = OperatorInfo { Pos = { 667.862, 2265.51 } },
},
Text1 = TextPlus {
Inputs = {
GlobalOut = Input { Value = 100, },
Width = Input { Value = 1920, },
Height = Input { Value = 1080, },
["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
Center = Input { Value = { 0.509698825931598, 0.503629764065336 }, },
StyledText = Input { Value = "x", },
Font = Input { Value = "Open Sans", },
Style = Input { Value = "Italic", },
Size = Input { Value = 0.05625, },
VerticalJustificationNew = Input { Value = 3, },
HorizontalJustificationNew = Input { Value = 3, },
ManualFontKerningPlacement = Input {
Value = StyledText {
Array = {
},
Value = ""
},
},
},
ViewInfo = OperatorInfo { Pos = { 667.862, 2217.51 } },
},
Background5 = Background {
Inputs = {
GlobalOut = Input { Value = 100, },
Width = Input { Value = 1920, },
Height = Input { Value = 1080, },
["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
TopLeftRed = Input { Value = 0.48, },
TopLeftBlue = Input { Value = 0.874, },
EffectMask = Input {
SourceOp = "Rectangle3",
Source = "Mask",
}
},
ViewInfo = OperatorInfo { Pos = { 557.862, 2265.51 } },
},
Rectangle3 = RectangleMask {
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" }, },
Width = Input { Value = 0.0732516590096988, },
Height = Input { Value = 0.073502722323049, },
},
ViewInfo = OperatorInfo { Pos = { 557.862, 2219.99 } },
}
}
}