- Posts: 7
- Joined: Wed May 09, 2018 1:38 pm
- Real Name: Reinaldo martins
rcdmartins wrote:My idea is to create a common background and also a transition effect between the photos and then apply it to multiple photos by just changing the photo that will be displayed.
Hi rcdmartins.
It would be easier to answer your question if you could supply a few more details about what you want the Photo Album template/example to do, and how it should look.
How comfortable are you at working with nodes in Fusion?
Are you trying to do this photo album effect in Fusion Standalone, or in Resolve 15's Fusion page?
Do you want the imagery to be applied to an animated 3D surface, or as a 2D element being overlaid ontop of a photo album image?
Do you want 1 image per "page" in the photo album, or are there supposed to be multiple images on the same page (like having 4 unique images added per page)?
Are each of the images coming from separate (individual) Loader/MediaIn nodes, or are the photos coming from a single linear image sequence? Do you want still images to be displayed on each of the photo album "pages" or short video clips?
Using the SwitchElse Fuse
If want to load each of the photo album images from separate files using individual Loader/MediaIn nodes for each image, then I'd suggest you install the free Steakunderwater Reactor package manager tool for Fusion. Reactor will allow you to install the "SwitchElse" fuse that is located in the Reactor "Tools/Flow" category.
The SwitchElse fuse allows you to change the input image that is fed to the rest of your composite. This approach lets you flip the active image that shown in the Photo album between multiple source images you have connected to the SwitchElse node.
Step 1. Add the "SwitchElse Fuse" node to your comp from the Tools > Flow menu in Fusion.
Step 2. Connect each photo from a Loader node to an input "triangle" shape on the SwitchElse node.
Step 3. You need to keyframe animate the integer number in the "Switch" control changing. Each time you increment the Switch value and set a key, you will see the fuse node select the corresponding photo image from the different image input connections on the node.
A Switch value of 1 selects the image from input 1, a Switch value of 2 would select the image from input 2, and a Switch value of 3 selects the image from input 3, etc...
Also, if you switch to the Spline view tab you should change the way the keyframe values are animated from a linear method over to "Step In" which will make the individual values animate in a notched like fashion that goes straight from one integer value to the next value with no "in between" state. This is known as a stepped tangent in other animation tools.
Simple Input Switching Example Comp
If you copy and paste the following text into your Fusion flow area (and have the SwitchElse fuse installed) you will see a very simple example that changes the active image shown in the viewer window three times over a 0-300 frame duration period in the timeline:
- Code: Select all
{
Tools = ordered() {
SwitchElseFuse1 = Fuse.SwitchElse {
CtrlWZoom = false,
Inputs = {
Switch = Input {
SourceOp = "SwitchElseFuse1Switch",
Source = "Value",
},
Else = Input { Value = 1, },
Input1 = Input {
SourceOp = "PlaceholderText1",
Source = "Output",
},
Input2 = Input {
SourceOp = "PlaceholderText2",
Source = "Output",
},
Input3 = Input {
SourceOp = "PlaceholderText3",
Source = "Output",
},
},
ViewInfo = OperatorInfo { Pos = { 55, 16.5 } },
Version = 100
},
SwitchElseFuse1Switch = BezierSpline {
SplineColor = { Red = 242, Green = 111, Blue = 29 },
NameSet = true,
KeyFrames = {
[1] = { 1, RH = { 34, 1 }, Flags = { Linear = true } },
[100] = { 2, LH = { 100, 1.66666666666667 }, RH = { 133.333333333333, 2 }, Flags = { StepIn = true } },
[200] = { 3, LH = { 200, 2.66666666666667 }, RH = { 233.333333333333, 3 }, Flags = { StepIn = true } },
[300] = { 3, LH = { 300, 3 }, Flags = { StepIn = true } }
}
},
PlaceholderText3 = TextPlus {
NameSet = true,
Inputs = {
GlobalOut = Input { Value = 300, },
Width = Input { Value = 1920, },
Height = Input { Value = 1080, },
["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
Center = Input { Value = { 0.5, 0.135379061371841 }, },
Size = Input { Value = 0.221, },
Font = Input { Value = "Open Sans", },
StyledText = Input { Value = "Photo 3", },
Style = Input { Value = "Bold", },
ManualFontKerningPlacement = Input {
Value = StyledText {
Array = {
},
Value = ""
},
},
},
ViewInfo = OperatorInfo { Pos = { -55, 49.5 } },
},
PlaceholderText2 = TextPlus {
NameSet = true,
Inputs = {
GlobalOut = Input { Value = 300, },
Width = Input { Value = 1920, },
Height = Input { Value = 1080, },
["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
Center = Input { Value = { 0.5, 0.135379061371841 }, },
Size = Input { Value = 0.221, },
Font = Input { Value = "Open Sans", },
StyledText = Input { Value = "Photo 2", },
Style = Input { Value = "Bold", },
ManualFontKerningPlacement = Input {
Value = StyledText {
Array = {
},
Value = ""
},
},
},
ViewInfo = OperatorInfo { Pos = { -55, 16.5 } },
},
PlaceholderText1 = TextPlus {
NameSet = true,
Inputs = {
GlobalOut = Input { Value = 300, },
Width = Input { Value = 1920, },
Height = Input { Value = 1080, },
["Gamut.SLogVersion"] = Input { Value = FuID { "SLog2" }, },
Center = Input { Value = { 0.5, 0.135379061371841 }, },
Size = Input { Value = 0.221, },
Font = Input { Value = "Open Sans", },
StyledText = Input { Value = "Photo 1", },
Style = Input { Value = "Bold", },
ManualFontKerningPlacement = Input {
Value = StyledText {
Array = {
},
Value = ""
},
},
},
ViewInfo = OperatorInfo { Pos = { -55, -16.5 } },
}
}
}