====== Flowblade HowTo ======

===== The Monitor Panel =====

In the default view, the top-right part of the windows is the **Monitor** panel. The monitor is used to view the working sequence in the **timeline** or the **clip** choosen from the **Media** panel. Two buttons are provided to switch from **Display Timeline** to **Clip** mode:

{{.:flowblade:flowblade-timeline-clip-monitor.png?direct&280|Display Timeline / Clip to Monitor}}

The keys in Monitor Panel

^ Left / Right              | Rewind / fast-forward by 1 frame     |
^ Shift+Left / Shift+Right  | Rewind / fast-forward by 10 frames   |
^ I / O                     | Mark In and Out points for clip cut  |
^ Alt+I / Alt+O             | Go to In or Out point                |
^ U                         | Insert the clip cutout at the end of the timeline  |
^ Y                         | Insert the clip cutout in the timeline before the clip under the playhead  |
^ T                         | Replace the clip selected in the timeline with the clip cutout from the Monitor. The cutout must be larger than the clip to be replaced.  |

===== How to add clips with fade-in/fade-out effects on both video and audio =====

  * Click the **Media** panel in the top-center section of the window, right-click to **load the raw videos** into the panel.
  * Double click the original video: it will be loaded into the **Monitor** (top-right section of the window).
  * Play the video in the monitor and select the **IN** and **OUT** cut points using key I and O.
  * Click the **Append Clip** button (or press the U key) to insert the selected clip into the **timeline** (the bottom-center part of the window).
  * Repeat the above two steps to add **all the required clips** into the timeline.
  * Add the **fade-in/fade-out** effect for both video and audio on each clip:
    * Double-click the clip into the timeline: the **Edit** panel will be displayed in the top-center section.
    * Using the **+** button at the bottom of the Edit panel add two effects:
      * **Fade** => **Fade to Black In/Out**
      * **Audio** => **Volume**
    * The **two effects** will be listed into the Edit panel.
    * Click the **Hamburger** menu button next to the **Fade to Black In/Out** filter and choose **Open in Keyframe Tool**.
      * A **graph of the filter** will be displayed over the clip into the timeline. Here you can add handle points (Flowblade calls them //keyframes//) and move them to change the shape of the line. The fade-in effect is obtained with a line starting from zero and rising to 100 e.g. in 2 seconds. A fade-out is obtained with the line starting from 100 and going down to zero.
      * Click anywhere on the timeline to **close the Keyframe Tool**.
     * Similarly click the **Hamburger** button next the **Volume** and **Open in Keyframe Tool** to set the fade-in fade-out for the audio. Notice that normal volume is **0 dB** and silence is **-70 dB** on the scale.

=== Removing unwanterd keyframes (handle points) ===

In the Keyframe Tool you may accidentally add a keyframe (handle point) that you want to remove. Close the Keyframe Tool clicking anywhere on the timeline and double click the clip so the **Edit** pane is shown. Here you can jump over each keyframe added to the filter using the buttons **Previous keyframe** and **Next Keyframe**. When you are over the unwanted one, click **Delete Keyframe** button (the minus).

=== Picuters ===

The **Edit** panel with two filters added: the video **Fade to Black In/Out** and the audio **Volume**:

{{.:flowblade:flowblade-edit-panel-video-fade-in-fade-out-audio-volume.png?direct&400|}}

The **Keyframe Tool** used on the **Fade to Black In/Out** filter and the audio **Volume** filter respectively:


{{.:flowblade:flowblade-timeline-video-fade-in-fade-out-keyframe-tool.png?direct&400|Keyframe Tool on the Fade to Black In/Out filter}}

{{.:flowblade:flowblade-timeline-audio-volume-keyframe-tool.png?direct&400|Keyframe Tool on the Volume filter}}