Warning, /multimedia/kdenlive/doc/index.docbook is written in an unsupported language. File is not indexed.

0001 <?xml version="1.0" ?>
0002 <!DOCTYPE book PUBLIC "-//KDE//DTD DocBook XML V4.5-Based Variant V1.1//EN" "dtd/kdedbx45.dtd" [
0003   <!ENTITY % addindex "IGNORE">
0004   <!ENTITY % English "INCLUDE">
0005 ]>
0006 <book id="kdenlive" lang="&language;">
0007 <bookinfo>
0008 <title>The Kdenlive Quick Start Guide (deprecated)</title>
0009 <authorgroup>
0010 <author>
0011 <personname>
0012     <firstname>This documentation is now deprecated, please check the new <ulink url="https://docs.kdenlive.org/">Kdenlive Manual</ulink> instead.</firstname>
0013 <surname>This documentation was converted from the KDE UserBase <ulink url=" http://userbase.kde.org/Kdenlive/Manual/QuickStart">Kdenlive/Manual/QuickStart</ulink> page.</surname>
0014 </personname>
0015     </author>
0016 <!-- TRANS:ROLES_OF_TRANSLATORS -->
0017     </authorgroup>
0018 <legalnotice>&FDLNotice;</legalnotice>
0019 <date>2019-05-07</date>
0020     <releaseinfo>Applications 19.04</releaseinfo>
0021 <abstract>
0022 <para></para>
0023     </abstract>
0024     <keywordset>
0025 <keyword>KDE</keyword>
0026 <keyword>multimedia</keyword>
0027 <keyword>video</keyword>
0028 </keywordset>
0029 </bookinfo>
0030 <!--userbase <timestamp>2019-04-16T07:41:55Z</timestamp>-->
0031 
0032 <!--userbase-content-->
0033 <chapter id="quick-start"><title>Quick Start</title> 
0034 <sect1 id="creating-a-new-project"><title>Creating a new project</title> 
0035 <para>
0036 <screenshot>
0037 <screeninfo></screeninfo>
0038   <mediaobject>
0039     <imageobject>
0040       <imagedata fileref="kdenlive_quickstart-folder-structure.png" format="PNG"/>
0041     </imageobject>
0042     <textobject>
0043       <phrase>Kdenlive directory structure</phrase>
0044     </textobject>
0045     <caption>
0046       <para>Kdenlive directory structure</para>
0047     </caption>
0048   </mediaobject>
0049 </screenshot>
0050 </para>
0051 <para>The first step is creating a new (empty) folder for our new project. I will call it <filename>quickstart-tutorial/</filename> in this tutorial. Then get some sample video clips, or download them from here:<ulink url="http://granjow.net/uploads/kdenlive/manual/kdenlive-tutorial-videos-2011-avi.tar.bz2">kdenlive-tutorial-videos-2011-avi.tar.bz2</ulink> (7 MB)<footnote><para>If you prefer Theora (which you probably don’t since Ogg Video usually causes problems), you can alternatively download <ulink url="http://granjow.net/uploads/kdenlive/manual/kdenlive-tutorial-videos-2011-ogv.tar.bz2">kdenlive-tutorial-videos-2011-ogv.tar.bz2</ulink>.</para></footnote>, and extract them to &eg; a <filename>quickstart-tutorial/Videos/</filename> subfolder inside the project folder.
0052 </para>
0053 <para>The image on the left shows the suggested directory structure: Each project has its own directory, with video files in the <filename>Videos</filename> subdirectory, audio files in the <filename>Audio</filename> directory, &etc; (<ulink url="http://userbase.kde.org/Special:myLanguage/Kdenlive/Manual/Projects_and_Files#File_Structure">read more</ulink>)
0054 </para>
0055 <para>(The tutorial from now on assumes that you use the sample videos provided, but it works with any.)
0056 </para>
0057 <para>
0058 <screenshot>
0059 <screeninfo></screeninfo>
0060   <mediaobject>
0061     <imageobject>
0062       <imagedata fileref="kdenlive_quickstart-new-project.png" format="PNG"/>
0063     </imageobject>
0064     <textobject>
0065       <phrase>New Project dialog</phrase>
0066     </textobject>
0067     <caption>
0068       <para>New Project dialog</para>
0069     </caption>
0070   </mediaobject>
0071 </screenshot>
0072 </para>
0073 <para>Open &kdenlive; and create a new project (<menuchoice><guimenu>File</guimenu> <guimenuitem>New</guimenuitem></menuchoice>).
0074 </para>
0075 <para>Choose the previously created project folder (<filename>quickstart-tutorial/</filename>) and select an appropriate project profile. The video files provided above are 720p, 23.98 fps.<footnote><para><ulink url="http://en.wikipedia.org/wiki/720p">720</ulink> is the video height, p stands for <ulink url="http://en.wikipedia.org/wiki/Progressive_scan">progressive scan</ulink> in contrast to <ulink url="http://en.wikipedia.org/wiki/Interlaced_video">interlaced video</ulink>, and the fps number denotes the number of full frames per second.</para></footnote> If you are using your own files and don’t know which one to use, &kdenlive; will suggest an appropriate one when the first clip is added <footnote><para>Provided Configure Kdenlive Settings under <ulink url="http://userbase.kde.org/Special:myLanguage/Kdenlive/Manual/Settings_Menu/Configure_Kdenlive#Misc">Misc</ulink> is set to <emphasis>Check if first added clip matches project profile</emphasis></para></footnote> , so you can leave the field on whatever it is.
0076 </para>
0077 </sect1>
0078 <sect1 id="adding-clips"><title>Adding clips</title> 
0079 <para>
0080 <screenshot>
0081 <screeninfo></screeninfo>
0082   <mediaobject>
0083     <imageobject>
0084       <imagedata fileref="kdenlive_quickstart-add-clips.png" format="PNG"/>
0085     </imageobject>
0086     <textobject>
0087       <phrase>Project Bin: Adding video clips</phrase>
0088     </textobject>
0089     <caption>
0090       <para>Project Bin: Adding video clips</para>
0091     </caption>
0092   </mediaobject>
0093 </screenshot>
0094 </para>
0095 <para>Now that the project is ready, let’s start adding some clips (&ie; the ones you downloaded). This works via the <emphasis>Project Bin widget</emphasis>; a click on the <guilabel>Add Clip</guilabel> icon <inlinemediaobject> <imageobject> <imagedata fileref="Icon-add-clip.png" format="PNG"/> </imageobject> </inlinemediaobject> directly opens the file dialog, a click on the small arrow shows a list of additional clip types that can be added as well. Video clips, audio clips, images, and other &kdenlive; projects can be added via the default <guilabel>Add Clip</guilabel> dialog.
0096 </para>
0097 <para>
0098 <screenshot>
0099 <screeninfo></screeninfo>
0100   <mediaobject>
0101     <imageobject>
0102       <imagedata fileref="kdenlive_quickstart-mainwindow.png" format="PNG"/>
0103     </imageobject>
0104     <textobject>
0105       <phrase>Kdenlive window with the tutorial files</phrase>
0106     </textobject>
0107     <caption>
0108       <para>Kdenlive window with the tutorial files</para>
0109     </caption>
0110   </mediaobject>
0111 </screenshot>
0112 </para>
0113 <para>After loading the clips, &kdenlive; will look similar to this. On the top left there is the already known project tree. Right of it are the monitors that show video; The clip monitor displays video from the original clips, the project monitor shows how the output video will look, with all effects, transitions, &etc; applied. The third, also very important, item is the timeline (below the monitors): This is the place where the video clips will be edited. There are two different types of tracks, Video and Audio. Video tracks can contain any kind of clip, audio tracks as well – but when dropping a video file to the audio track, only the audio will be used.
0114 </para>
0115 <para>
0116 <screenshot>
0117 <screeninfo></screeninfo>
0118   <mediaobject>
0119     <imageobject>
0120       <imagedata fileref="kdenlive_quickstart-save-project.png" format="PNG"/>
0121     </imageobject>
0122     <textobject>
0123       <phrase>Saving a Kdenlive project</phrase>
0124     </textobject>
0125     <caption>
0126       <para>Saving a Kdenlive project</para>
0127     </caption>
0128   </mediaobject>
0129 </screenshot>
0130 </para>
0131 <para>Let’s save the work via <menuchoice><guimenu>File</guimenu> <guimenuitem>Save</guimenuitem></menuchoice>. This saves our project, &ie; where we placed the clips on the timeline, which effects we applied, and so on. It can <emphasis>not</emphasis> be played.<footnote><para>To be correct, it <emphasis>can</emphasis> be played using <varname>melt yourproject.kdenlive</varname>, but this is not the way you would want to present your final video since it is (most likely) too slow. Additionally, it only works if melt is installed.</para></footnote> The process of creating the final video is called <emphasis>Rendering</emphasis>.
0132 </para>
0133 </sect1>
0134 <sect1 id="timeline"><title>Timeline</title> 
0135 <para>See also <ulink url="http://userbase.kde.org/Special:myLanguage/Kdenlive/Manual/Timeline">Timeline section of the manual</ulink>
0136 </para>
0137 <para>Now comes the actual editing. Project clips are combined to the final result on the timeline.  They get there by drag and drop: Drag some Napoli (assuming you are using the files provided above, as in the rest of this quick start tutorial; If not, please make sure your screen is waterproof, and perhaps tomatoproof) from the project tree, and drop it onto the first track in the timeline.
0138 </para>
0139 <para>
0140 <screenshot>
0141 <screeninfo></screeninfo>
0142   <mediaobject>
0143     <imageobject>
0144       <imagedata fileref="kdenlive_quickstart-timeline-clips.png" format="PNG"/>
0145     </imageobject>
0146     <textobject>
0147       <phrase>First clips in the timeline</phrase>
0148     </textobject>
0149     <caption>
0150       <para>First clips in the timeline</para>
0151     </caption>
0152   </mediaobject>
0153 </screenshot>
0154 </para>
0155 <para>Since some cutlery is needed as well, grab the spoon clip and drop it on the first track as well. Then drag the Napoli to the beginning of the timeline (otherwise the rendered video would start with some seconds of plain black), and the Spoon right after the Napoli, such that it looks like in the image on the left. (Where I have zoomed in with <keycombo>&Ctrl;<keycap>Wheel</keycap></keycombo>.)
0156 </para>
0157 <para>
0158 <screenshot>
0159 <screeninfo></screeninfo>
0160   <mediaobject>
0161     <imageobject>
0162       <imagedata fileref="kdenlive_quickstart-timelinecursor.png" format="PNG"/>
0163     </imageobject>
0164     <textobject>
0165       <phrase>Timeline cursor</phrase>
0166     </textobject>
0167     <caption>
0168       <para>Timeline cursor</para>
0169     </caption>
0170   </mediaobject>
0171 </screenshot>
0172 </para>
0173 <para>The result can already be previewed by pressing <keycap>Space</keycap> (or the <guilabel>Play</guilabel> button in the project monitor). You will see the Napoli directly followed by a Spoon. If the timeline cursor is not at the beginning, the project monitor will start playing somewhere in the middle; you can move it by dragging it either on the timeline ruler or in the project monitor. If you prefer keyboard shortcuts, <keycombo>&Ctrl;<keycap>Home</keycap></keycombo> does the same for the monitor that is activated. (Select the <guilabel>Project Monitor</guilabel> if it is not selected yet before using the shortcut.)
0174 </para>
0175 <para>
0176 <screenshot>
0177 <screeninfo></screeninfo>
0178   <mediaobject>
0179     <imageobject>
0180       <imagedata fileref="kdenlive_quickstart-resize-marker.png" format="PNG"/>
0181     </imageobject>
0182     <textobject>
0183       <phrase>Resize marker</phrase>
0184     </textobject>
0185     <caption>
0186       <para>Resize marker</para>
0187     </caption>
0188   </mediaobject>
0189 </screenshot>
0190 </para>
0191 <para>Since after eating comes playing, there is a Billiards clip. Add it to the timeline as well. For the first 1.5 seconds nothing happens in the clip, so it should perhaps be <guilabel>cut</guilabel> to avoid the video becoming boring. An easy way<footnote><para>Writing it this way suggests that there are several ways of cutting a clip. This is in fact true.</para></footnote> for this is to move the timeline cursor to the desired position (&ie; the position where you want to cut the video), then drag the left border of the clip when the resize marker appears. It will snap in at the timeline cursor when you move close enough.
0192 </para>
0193 <para>
0194 <screenshot>
0195 <screeninfo></screeninfo>
0196   <mediaobject>
0197     <imageobject>
0198       <imagedata fileref="kdenlive_quickstart-overlap-clips.png" format="PNG"/>
0199     </imageobject>
0200     <textobject>
0201       <phrase>Overlapping clips</phrase>
0202     </textobject>
0203     <caption>
0204       <para>Overlapping clips</para>
0205     </caption>
0206   </mediaobject>
0207 </screenshot>
0208 </para>
0209 <para>To add a <emphasis>transition</emphasis> between eating (the Spoon) and playing billiards, the two clips need to overlap. To be precise: the second clip should be above or below the first one and end some frames after the second one begins. Zooming in until the ticks for single frames appear helps here; it also makes it easy to always have the same transition duration, five frames in this case.
0210 </para>
0211 <para>You can zoom in by either using the <guilabel>zoom slider</guilabel> at the bottom of the &kdenlive; window, or with <keycombo>&Ctrl;<keycap>Mousewheel</keycap></keycombo>. &kdenlive; will zoom to the timeline cursor, so first set it to the position which you want to see enlarged, then zoom in.
0212 </para>
0213 <para>
0214 <screenshot>
0215 <screeninfo></screeninfo>
0216   <mediaobject>
0217     <imageobject>
0218       <imagedata fileref="kdenlive-quickstart-add-transition.png" format="PNG"/>
0219     </imageobject>
0220     <textobject>
0221       <phrase>Transition marker</phrase>
0222     </textobject>
0223     <caption>
0224       <para>Transition marker</para>
0225     </caption>
0226   </mediaobject>
0227 </screenshot>
0228 </para>
0229 <para>Now that the clips overlap, the transition can be added. This is done either by right-clicking on the upper clip and choosing <guilabel>Add Transition</guilabel> or, easier, by hovering the mouse over the lower right corner of the Spoon clip until the pointing-finger pointer is shown and the message <quote>Click to add transition</quote> appears. The latter, by default, adds a dissolve transition, which is in this case the best idea anyway since the Spoon is not required for playing.
0230 </para>
0231 <para>The dissolve transitions fades the first clip into the second one. See also <ulink url="http://userbase.kde.org/Special:myLanguage/Kdenlive/Manual/Transitions">Transition section of the manual</ulink>.
0232 </para>
0233 <para>
0234 <screenshot>
0235 <screeninfo></screeninfo>
0236   <mediaobject>
0237     <imageobject>
0238       <imagedata fileref="kdenlive-quickstart-add-last-clip.png" format="PNG"/>
0239     </imageobject>
0240     <textobject>
0241       <phrase></phrase>
0242     </textobject>
0243   </mediaobject>
0244 </screenshot>
0245 </para>
0246 <para>Let’s now add the last clip, the Piano, and again apply a dissolve transition. When adding it on the first track of the timeline, you need to click on the new clip’s lower left edge to add the transition to the previous clip.
0247 </para>
0248 <sect2 id="effects"><title>Effects</title> 
0249 <para>
0250 <screenshot>
0251 <screeninfo></screeninfo>
0252   <mediaobject>
0253     <imageobject>
0254       <imagedata fileref="kdenlive_quickstart-add-effect.png" format="PNG"/>
0255     </imageobject>
0256     <textobject>
0257       <phrase>Effect List</phrase>
0258     </textobject>
0259     <caption>
0260       <para>Effect List</para>
0261     </caption>
0262   </mediaobject>
0263 </screenshot>
0264 </para>
0265 <para>The Piano can be colourized by adding an <emphasis>effect</emphasis> to it.  Select the piano clip, then double-click the <guilabel>RGB Adjustment</guilabel> effect in the <guilabel>Effect List</guilabel>. If it is not visible, you can get it via <menuchoice><guimenu>View</guimenu> <guimenuitem>Effect List</guimenuitem></menuchoice>.
0266 </para>
0267 <para>
0268 <screenshot>
0269 <screeninfo></screeninfo>
0270   <mediaobject>
0271     <imageobject>
0272       <imagedata fileref="kdenlive_quickstart-effect-flag.png" format="PNG"/>
0273     </imageobject>
0274     <textobject>
0275       <phrase></phrase>
0276     </textobject>
0277   </mediaobject>
0278 </screenshot>
0279 </para>
0280 <para>Once the effect has been added, its name will be added to the timeline clip. It will also be shown in the <guilabel>Properties</guilabel> widget.
0281 </para>
0282 <para>
0283 <screenshot>
0284 <screeninfo></screeninfo>
0285   <mediaobject>
0286     <imageobject>
0287       <imagedata fileref="kdenlive-quickstart-effectstack.png" format="PNG"/>
0288     </imageobject>
0289     <textobject>
0290       <phrase>Effect Stack with RGB adjustment</phrase>
0291     </textobject>
0292     <caption>
0293       <para>Effect Stack with RGB adjustment</para>
0294     </caption>
0295   </mediaobject>
0296 </screenshot>
0297 </para>
0298 <para>To get a warm yellow-orange tone on the image, fitting the comfortable evening, blue needs to be reduced and red and green improved.
0299 </para>
0300 <para>The values in the Properties widget can be changed by using the slider (middle mouse button resets it to the default value), or by entering a value directly by double-clicking the number to the right of the slider.
0301 </para>
0302 <para>The Properties widget always refers to the timeline clip that is currently selected. Each effect can be temporarily disabled by clicking the eye icon, or all effects for that clip can be disabled using the check box at the top of the Properties widget (the settings are saved though), this is &eg; useful for effects that require a lot of computing power, so they can be disabled when editing and enabled again for rendering.
0303 </para>
0304 <para>For some effects, like the one used there, it is possible to add keyframes. The framed watch icon indicates this. Keyframes are used for changing effect parameters over time. In our clip this allows us to fade the piano’s colour from a warm evening colour to a cold night colour.
0305 </para>
0306 <para>
0307 <screenshot>
0308 <screeninfo></screeninfo>
0309   <mediaobject>
0310     <imageobject>
0311       <imagedata fileref="kdenlive_quickstart-keyframes.png" format="PNG"/>
0312     </imageobject>
0313     <textobject>
0314       <phrase>Keyframes for effects</phrase>
0315     </textobject>
0316     <caption>
0317       <para>Keyframes for effects</para>
0318     </caption>
0319   </mediaobject>
0320 </screenshot>
0321 </para>
0322 <para>After clicking the <guilabel>keyframe</guilabel> icon (the clock icon framed in the previous image), the Properties widget will re-arrange. By default there will be two keyframes, one at the beginning of the timeline clip and one at the end. Move the timeline cursor to the end of the timeline clip, such that the project monitor actually shows the new colours when changing the parameters of the keyframe at the end.
0323 </para>
0324 <para>Make sure the last keyframe is selected in the Properties list. Then you are ready to flood the piano with a deep blue.
0325 </para>
0326 <para>Moving the timeline cursor to the beginning of the project and playing it (with <keycap>Space</keycap>, or the <guilabel>Play</guilabel> button in the <guilabel>Project Monitor</guilabel>), the piano should now change the colour as desired.
0327 </para>
0328 <para>Keyframing was the hardest part of this tutorial. If you managed to do it, you will master &kdenlive; easily!
0329 </para>
0330 <para>See also <ulink url="http://userbase.kde.org/Special:myLanguage/Kdenlive/Manual/Effects">Effects section of the manual</ulink>.
0331 </para>
0332 </sect2>
0333 <sect2 id="music"><title>Music</title> 
0334 <para>
0335 <screenshot>
0336 <screeninfo></screeninfo>
0337   <mediaobject>
0338     <imageobject>
0339       <imagedata fileref="kdenlive_quickstart-fadeout.png" format="PNG"/>
0340     </imageobject>
0341     <textobject>
0342       <phrase>Audio fadeout</phrase>
0343     </textobject>
0344     <caption>
0345       <para>Audio fadeout</para>
0346     </caption>
0347   </mediaobject>
0348 </screenshot>
0349 </para>
0350 <para>Since the clips do not provide any audio, let’s search for some nice piece of music, from your local collection or on web pages like <ulink url="http://www.jamendo.com">Jamendo</ulink>. The audio clip should, after adding it, be dragged to an audio track on the timeline.
0351 </para>
0352 <para>The audio clip can be resized on the timeline the same way as video clips are. The cursor will snap in at the end of the project automatically. To add a fade out effect at the end of the audio clip (except if you found a file with exactly the right length) you can hover the top right (or left) edge of the timeline clip and drag the red shaded triangle to the position where fading out should start.<footnote><para>This shaded triangle is a shorthand for adding the effect <menuchoice><guimenu>Fade</guimenu> <guimenuitem>Fade out</guimenuitem></menuchoice>. Both ways lead to the same result.</para></footnote>
0353 </para>
0354 </sect2>
0355 </sect1>
0356 <sect1 id="rendering"><title>Rendering</title> 
0357 <para>
0358 <screenshot>
0359 <screeninfo></screeninfo>
0360   <mediaobject>
0361     <imageobject>
0362       <imagedata fileref="kdenlive_quickstart-renderer.png" format="PNG"/>
0363     </imageobject>
0364     <textobject>
0365       <phrase>Rendering dialog</phrase>
0366     </textobject>
0367     <caption>
0368       <para>Rendering dialog</para>
0369     </caption>
0370   </mediaobject>
0371 </screenshot>
0372 </para>
0373 <para>A few minutes left, and the project is finished! Click the Render button (or go to <menuchoice><guimenu>Project</guimenu> <guimenuitem>Render</guimenuitem></menuchoice>, or press <keycombo>&Ctrl;&Enter;</keycombo>) to get the dialog shown on the left. Select the desired output file for our new video with all effects and transitions, choose MP4 (works nearly everywhere), select the output file location and press the <guilabel>Render to File</guilabel> button.
0374 </para>
0375 <para>
0376 <screenshot>
0377 <screeninfo></screeninfo>
0378   <mediaobject>
0379     <imageobject>
0380       <imagedata fileref="kdenlive_quickstart-rendering.png" format="PNG"/>
0381     </imageobject>
0382     <textobject>
0383       <phrase>Rendering progress</phrase>
0384     </textobject>
0385     <caption>
0386       <para>Rendering progress</para>
0387     </caption>
0388   </mediaobject>
0389 </screenshot>
0390 </para>
0391 <para>After some seconds rendering will be finished, and your first &kdenlive; project completed. Congratulations!
0392 </para>
0393 </sect1>
0394 <sect1 id="complete-manual"><title>Complete manual</title> 
0395 <para>Further documentation for the current version of &kdenlive; can be found in <ulink url="http://userbase.kde.org/Special:myLanguage/Kdenlive/Manual">the full manual</ulink>.
0396 </para>
0397 </sect1>
0398 </chapter>
0399 
0400 <!--userbase-content-->
0401 <chapter id="credits">
0402 <title>Credits and License</title>
0403     <para>
0404 Documentation Copyright see the UserBase 
0405     <ulink url="http://userbase.kde.org/index.php?title=Kdenlive/Manual/QuickStart&amp;action=history">Kdenlive/Manual/QuickStart page history</ulink></para>
0406     <!-- TRANS:CREDIT_FOR_TRANSLATORS -->
0407 &underFDL;
0408 </chapter>
0409 &documentation.index;
0410 </book>