1 \chapter{Transition Plugins}%
2 \label{cha:transition_plugin}
5 When playing a section of media where one edit ends and another edit begins on the timeline,
6 the usual result is that the first edit's output immediately is followed by the second edit. Transitions provide a better method whereby the first edit’s output becomes the second edit’s output. There are several different audio and video transitions listed in the Resources window as figure~\ref{fig:transition}.
10 \includegraphics[width=0.8\linewidth]{transition.png}
11 \caption{Resources window displaying the Video Transitions.}
12 \label{fig:transition}
15 Note the bluish colored bar above the \textit{Shape Wipe} transition.
16 This bar near the transition symbol shows the position and the length of the transition. We can extend or reduce the length of the bar (and therefore the duration of the transition) by simply dragging the right edge of the bar to the desired position. In the \textit{zoom bar}, at the bottom left where the words \texttt{Welcome to Cinelerra} appears, this is replaced by the real time length of the bluish bar. The unit of measure adopted is that of the timebar --the default is \textit{hh:mm:ss:frame}; we can change it as we like (RMB on timebar).
18 Transitions only apply to the matching track type; that is audio transitions only apply to audio tracks and video transitions only apply to video tracks.
20 An example usage of a transition follows:
22 \item Load a single video file and delete a sizable section from within the video which will result in two edits of that file. Now you should see the edit boundary between the two edits on the timeline.
23 \item Move to the \textit{Resources window} and click on the \textit{Video transitions} folder. Choose a transition by highlighting it and then drag and drop it on the second video edit on the timeline. A colored box shows where the transition will appear and when you release the mouse the $2^{nd}$ edit applies the transition between the $1^{st}$ and $2^{nd}$ edit.
24 The beginning of the edit will be covered by the transition, if the insertion point or the In point is over an edit.
26 Some Transitions have parameters that can be modified. To see these, move the pointer over the transition and right click which brings up a menu. A \texttt{Show} option will pop up a window if there are parameters that you can change to different values.
27 An \textit{On} option makes it possible to turn off the transition so that it will not be in effect in case you want to only enable it under certain conditions. The default value for this will be checked On.
28 A \textit{Length} option lets you adjust the length in seconds of the time that the transition will be in play. Values modified in the Show or Length will be saved for use the next time that transition is used until changed again.
29 The \textit{Detach} option deletes the transition from the timeline. When you drag and drop a different transition on top of an existing transition on the timeline, it replaces the previous one (see figure~\ref{fig:transition01}).
33 \includegraphics[width=0.8\linewidth]{transition01.png}
34 \caption{GUI for Wipe transition}
35 \label{fig:transition01}
38 There are some shortcuts to alleviate the dragging and dropping of transitions when you want to do a lot of them in various places on the timeline. After you have established the parameter values for a transition that you have dragged from the Resources window, you can use "U" and "u" keys to paste the same transition;
39 the "U" key pastes the last video transition while the "u" key pastes the last audio transition on all recordable tracks.
40 Alternatively, you can add the same transition to multiple edits when in \textit{Arrow mode} (Drag and Drop editing), by selecting edits to add the transition to and use the \textit{Video/Audio} pulldown to \textit{Attach transition}. Select the desired transition and then click the checkmark OK. You can set a default transition in the Attach transition popup box -- by highlighting your choice, then click on the button \textit{Set Default Transition}, and you will see that transition become the new default.
42 The way that transitions work is that two edits overlap for some length of time and no edits are actually moved during the transitions.
43 Instead extra frames from the source file will be used to lengthen the first edit enough to make it overlap the second edit for the length of the transition. The transition takes effect exactly at the beginning of the second edit and lasts for the specific length of time you set into the second edit.
44 What this means is that if you set a duration of 2 seconds for a flash transition, it will not start at the last 1 second of the first edit and continue 1 second into the second edit. Instead the transition will start exactly at the beginning of the second edit and last for 2 seconds into that second edit.
45 This is why it is necessary that the first edit needs to have extra data after the end boundary to provide enough fill for the transition length into the second edit.
46 In the case where the last frame on the timeline is the last frame of the source, \CGG{} will lengthen the first edit using only that last frame. The result will not be what you want because the first edit will freeze into the transition.
48 When playing transitions, software rendering is used. This means that if you are using hardware, as with the video driver set to OpenGL, hardware acceleration will usually be turned \textit{off} during the transition and \textit{on} after the transition. Consequently, you may notice small anomalies while playing this section but you can avoid this by switching to using X11 video driver instead or just ignore it because when you create your final render that is always done in software only.
50 When \textit{Info on} is enabled via the right mouse button over an empty space in the Resources window (or the shortcut of the letter “i” is used), a short description will be provided in the lower right hand corner of that window for the current transition that the mouse is on.
52 Once you have dragged and dropped a transition to the timeline, right mouse click on the transition and a pop-up menu will appear which provides an opportunity to make some changes. These are described next for all video and audio transitions (see figure~\ref{fig:transition01}).
55 \item[Show] If available, clicking on this will pop up a transition specific menu.
56 \item[On] Toggle on/off the transition effect so that you can see what it looks like when played. Ordinarily this will be checked to indicate it is On.
57 \item[Transition length] When you click on Length, a pop-up menu will come up. Set the length in seconds, frames, samples, \textit{H:M:S:frm} or \textit{H:M:S.xxx} for the transition to complete either by typing a value into the text box or using the tumbler arrows. In addition you can use the mouse wheel to change the length in real time. You will see the colored bar get longer or shorter as you change the length.
58 There is a down arrow next to the Seconds box allowing for changing to the other dimensions of frames, samples, etc. The mathematics is automatically done for you to convert it to seconds if not already in that dimension.
59 \item[Detach] Remove the transition from the timeline.
62 \section{Audio Transitions}%
63 \label{sec:audio_transition}
64 \index{transitions!audio}
66 \subsection*{Crossfade}%
70 Creates a smooth transition from one audio source edit to another. The crossfade has the first source \textit{fade out} while the second \textit{fades in}.
72 \section{Video Transitions}%
73 \label{sec:video_transition}
74 \index{transitions!video}
76 \subsection*{BandSlide}%
80 Bands slide across video and you see the image slide.
82 \subsection*{BandWipe}%
86 Bands wipe across the video and you see the mask slides.
88 \subsection*{Dissolve}%
92 A soft dissolve where the In segment becomes more transparent while the Out segment begins to gradually show in its place until fully there.
98 The video flashes when transitioning between segments.
100 \subsection*{IrisSquare}%
101 \label{sub:irissquare}
104 Video switches segments via a small rectangular view that gradually grows to full size.
106 \subsection*{Shape Wipe}%
107 \label{sub:shape_wipe}
110 Wipe a specific shape across the video. Currently available 63 shapes are:
113 \begin{longtable}{p{4cm}p{4cm}p{4cm}}
114 \label{tabular:transitions}
115 \textit{asimetric\_clocks} & \textit{asimetric\_clocks\_2} & \textit{audio} \\
116 \textit{burst} & \textit{Butterfly} & \textit{Circle-h\_01} \\
117 \textit{Circle-h\_02} & \textit{Circle-v\_01} & \textit{Circle-v\_02} \\
118 \textit{circle} & \textit{clock} & \textit{Clouds\_01} \\
119 \textit{Clouds\_02} & \textit{crazy\_clock} & \textit{cream} \\
120 \textit{Cross-Iris\_01} & \textit{Cross\_01} & \textit{Diagonal-Curve} \\
121 \textit{Diagonal-Linear} & \textit{Diamond-Iris\_01} & \textit{Diamond\_01} \\
122 \textit{Diamond\_02} & \textit{Diamond\_03} & \textit{Double-Door-h} \\
123 \textit{Double-Door-v} & \textit{film} & \textit{film2} \\
124 \textit{Gravity} & \textit{heart} & \textit{Linear-h} \\
125 \textit{Linear-v} & \textit{mosaic} & \textit{multi\_box} \\
126 \textit{Plasma\_01} & \textit{rare\_spiral} & \textit{specks} \\
127 \textit{spiral} & \textit{spiral\_clock} & \textit{square} \\
128 \textit{squares} & \textit{star} & \textit{tile2x2h} \\
129 \textit{tile2x2v} & \textit{Venetian-Blinds-h-x05} & \textit{Venetian-Blinds-h-x10} \\
130 \textit{Venetian-Blinds-v-x05} & \textit{Venetian-Blinds-v-x10} & \textit{water} \\
132 \textit{Cinelerra16-9-Heavy} & \textit{Cinelerra16-9-Light} & \textit{CinelerraGG} \\
133 \textit{16-9\_boart} & \textit{16-9\_boxes} & \textit{16-9\_cat\_eyes} \\
134 \textit{16-9\_film\_bands} & \textit{16-9\_multi\_circle} & \textit{16-9\_multi\_spiral} \\
135 \textit{16-9\_multi\_square} & \textit{16-9\_rare\_spiral} & \textit{16-9\_rectangles} \\
136 \textit{16-9\_star} & \textit{16-9\_stars} & \textit{16-9\_wood} \\
141 The menu for Shape Wipe that popups when you click on \textit{Show} has several possible choices. First, the \textit{Shape} allows for choosing from the list of shapes as outlined previously either by typing in the textbox, using the down arrow, or clicking on the tumbler down/up arrows.
142 Next, there is a \textit{Feather} textbox with tumbler arrows or a slider bar to easily change the blending amount. A reset button is conveniently located to the right of the slider bar. There is a checkbox to \textit{Preserve shape aspect ratio} and a \textit{Direction} of \textit{White to Black} or \textit{Black to White} (figure~\ref{fig:star}).
144 \begin{figure}[htpb] \centering
145 \includegraphics[width=0.9\linewidth]{star.png}
146 \caption{Example of the Shape Wipe -> Star}
147 % do not use rightarrow in a figure as HTML version does not like it
148 % \caption{Example of the Shape Wipe $\rightarrow$ Star}
152 You can add your own images to the Shape Wipe transition and there are some free ones available to download
153 at {\small \url{http://assistcg.com}} - click on the \textit{Transitions} option under the \textit{Video} pulldown on that site. AppImage does not provide this capability unless you use the workaround as described in the Appendix \nameref{cha:faq_problems_workarounds}.
155 To include new images in the Shape Wipe Transition, simply copy the file \textit{shape.jpg} or
156 \textit{shape.png} to the subdirectory \texttt{plugins/shapes} in your \CGG{} directory path. If
157 you prefer to have a better quality png used instead of the included 90\% jpg version, you can download
158 the equivalent png versions at {\small \url{https://cinelerra-gg.org/download/testing/ShapeWipe\_pngs.txz}}.
159 You will then need to untar this file, choose the ones you want, and add them to your directory path.
160 And if that is not enough, you can download another 32 different transitions at {\small \url{https://cinelerra-gg.org/download/testing/ShapeWipe\_additional.txz}}. One particularly interesting ShapeWipe
161 in this set is \textit{Fleur-de-lis-of-Florence}. After an update of \CGG{}, they will have to be restored each time.
167 Image slides into view; you can set Left/Right/In/Out.
173 Wipe the image across screen starting left or right.
179 Zoom out video at $\frac{X}{Y}$ magnification for some seconds.