index.docbook 20.9 KB
Newer Older
1
<?xml version="1.0" ?>
2
<!DOCTYPE book PUBLIC "-//KDE//DTD DocBook XML V4.5-Based Variant V1.1//EN" "dtd/kdedbx45.dtd" [
3
4
5
  <!ENTITY % addindex "IGNORE">
  <!ENTITY % English "INCLUDE">
]>
6
<book id="kdenlive" lang="&language;">
7
<bookinfo>
8
9
10
11
12
13
14
15
16
17
18
<title>The Kdenlive Quick Start Guide</title>
<authorgroup>
<author>
<personname>
    <firstname>This documentation was converted from the KDE UserBase <ulink url=" http://userbase.kde.org/Kdenlive/Manual/QuickStart">Kdenlive/Manual/QuickStart</ulink> page.</firstname>
<surname></surname>
</personname>
    </author>
<!-- TRANS:ROLES_OF_TRANSLATORS -->
    </authorgroup>
<legalnotice>&FDLNotice;</legalnotice>
19
20
<date>2018-10-27</date>
    <releaseinfo>Applications 18.12</releaseinfo>
21
22
23
24
25
26
27
28
29
<abstract>
<para></para>
    </abstract>
    <keywordset>
<keyword>KDE</keyword>
<keyword>multimedia</keyword>
<keyword>video</keyword>
</keywordset>
</bookinfo>
30
<!--userbase <timestamp>2018-10-27T11:21:38Z</timestamp>-->
31
32

<!--userbase-content-->
33
34
<chapter id="quick-start"><title>Quick Start</title> 
<sect1 id="creating-a-new-project"><title>Creating a new project</title> 
35
36
37
38
39
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
40
      <imagedata fileref="kdenlive_quickstart-folder-structure.png" format="PNG"/>
41
42
43
44
45
46
47
48
    </imageobject>
    <textobject>
      <phrase>Kdenlive directory structure</phrase>
    </textobject>
    <caption>
      <para>Kdenlive directory structure</para>
    </caption>
  </mediaobject>
49
50
51
52
53
54
55
56
</screenshot>
</para>
<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.
</para>
<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>)
</para>
<para>(The tutorial from now on assumes that you use the sample videos provided, but it works with any.)
</para>
57
58
59
60
61
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
62
      <imagedata fileref="kdenlive_quickstart-new-project.png" format="PNG"/>
63
64
65
66
67
68
69
70
    </imageobject>
    <textobject>
      <phrase>New Project dialog</phrase>
    </textobject>
    <caption>
      <para>New Project dialog</para>
    </caption>
  </mediaobject>
71
72
73
74
75
76
77
78
</screenshot>
</para>
<para>Open &kdenlive; and create a new project (<menuchoice><guimenu>File</guimenu><guimenuitem>New</guimenuitem></menuchoice>).
</para>
<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.
</para>
</sect1>
<sect1 id="adding-clips"><title>Adding clips</title> 
79
80
81
82
83
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
84
      <imagedata fileref="kdenlive_quickstart-add-clips.png" format="PNG"/>
85
86
87
88
89
90
91
92
    </imageobject>
    <textobject>
      <phrase>Project Tree: Adding video clips</phrase>
    </textobject>
    <caption>
      <para>Project Tree: Adding video clips</para>
    </caption>
  </mediaobject>
93
94
95
96
</screenshot>
</para>
<para>Now that the project is ready, let’s start adding some clips (&ie; the ones you downloaded). This works via the <emphasis>Project Tree 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.
</para>
97
98
99
100
101
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
102
      <imagedata fileref="kdenlive_quickstart-mainwindow.png" format="PNG"/>
103
104
    </imageobject>
    <textobject>
105
      <phrase>Kdenlive 16.08 window with the tutorial files</phrase>
106
107
    </textobject>
    <caption>
108
      <para>Kdenlive 16.08 window with the tutorial files</para>
109
110
    </caption>
  </mediaobject>
111
112
113
114
</screenshot>
</para>
<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.
</para>
115
116
117
118
119
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
120
      <imagedata fileref="kdenlive_quickstart-save-project.png" format="PNG"/>
121
122
123
124
125
126
127
128
    </imageobject>
    <textobject>
      <phrase>Saving a Kdenlive project</phrase>
    </textobject>
    <caption>
      <para>Saving a Kdenlive project</para>
    </caption>
  </mediaobject>
129
130
131
132
133
134
135
136
137
138
</screenshot>
</para>
<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>.
</para>
</sect1>
<sect1 id="timeline"><title>Timeline</title> 
<para>See also <link linkend="timeline">Timeline section of the manual</link>
</para>
<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.
</para>
139
140
141
142
143
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
144
      <imagedata fileref="kdenlive_quickstart-timeline-clips.png" format="PNG"/>
145
146
147
148
149
150
151
152
    </imageobject>
    <textobject>
      <phrase>First clips in the timeline</phrase>
    </textobject>
    <caption>
      <para>First clips in the timeline</para>
    </caption>
  </mediaobject>
153
154
155
156
</screenshot>
</para>
<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>.)
</para>
157
158
159
160
161
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
162
      <imagedata fileref="kdenlive_quickstart-timelinecursor.png" format="PNG"/>
163
164
165
166
167
168
169
170
    </imageobject>
    <textobject>
      <phrase>Timeline cursor</phrase>
    </textobject>
    <caption>
      <para>Timeline cursor</para>
    </caption>
  </mediaobject>
171
172
173
174
</screenshot>
</para>
<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.)
</para>
175
176
177
178
179
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
180
      <imagedata fileref="kdenlive_quickstart-resize-marker.png" format="PNG"/>
181
182
183
184
185
186
187
188
    </imageobject>
    <textobject>
      <phrase>Resize marker</phrase>
    </textobject>
    <caption>
      <para>Resize marker</para>
    </caption>
  </mediaobject>
189
190
191
192
</screenshot>
</para>
<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.
</para>
193
194
195
196
197
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
198
      <imagedata fileref="kdenlive_quickstart-overlap-clips.png" format="PNG"/>
199
200
201
202
203
204
205
206
    </imageobject>
    <textobject>
      <phrase>Overlapping clips</phrase>
    </textobject>
    <caption>
      <para>Overlapping clips</para>
    </caption>
  </mediaobject>
207
208
209
210
211
212
</screenshot>
</para>
<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.
</para>
<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.
</para>
213
214
215
216
217
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
218
      <imagedata fileref="kdenlive-quickstart-add-transition.png" format="PNG"/>
219
220
221
222
223
224
225
226
    </imageobject>
    <textobject>
      <phrase>Transition marker</phrase>
    </textobject>
    <caption>
      <para>Transition marker</para>
    </caption>
  </mediaobject>
227
228
229
230
231
232
</screenshot>
</para>
<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 clicking the green triangle that appears when you hover the mouse over the lower right corner of the Spoon clip. 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.
</para>
<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>.
</para>
233
234
235
236
237
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
238
      <imagedata fileref="kdenlive-quickstart-add-last-clip.png" format="PNG"/>
239
240
241
242
243
    </imageobject>
    <textobject>
      <phrase></phrase>
    </textobject>
  </mediaobject>
244
245
246
247
248
</screenshot>
</para>
<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.
</para>
<sect2 id="effects"><title>Effects</title> 
249
250
251
252
253
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
254
      <imagedata fileref="kdenlive_quickstart-add-effect.png" format="PNG"/>
255
256
    </imageobject>
    <textobject>
257
      <phrase>Effect List</phrase>
258
259
    </textobject>
    <caption>
260
      <para>Effect List</para>
261
262
    </caption>
  </mediaobject>
263
264
265
266
</screenshot>
</para>
<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>.
</para>
267
268
269
270
271
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
272
      <imagedata fileref="kdenlive_quickstart-effect-flag.png" format="PNG"/>
273
274
275
276
277
    </imageobject>
    <textobject>
      <phrase></phrase>
    </textobject>
  </mediaobject>
278
279
280
281
</screenshot>
</para>
<para>Once the effect has been added, its name will be added to the timeline clip. It will also be shown in the <guilabel>Effect Stack</guilabel> widget.
</para>
282
283
284
285
286
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
287
      <imagedata fileref="kdenlive-quickstart-effectstack.png" format="PNG"/>
288
289
290
291
292
293
294
295
    </imageobject>
    <textobject>
      <phrase>Effect Stack with RGB adjustment</phrase>
    </textobject>
    <caption>
      <para>Effect Stack with RGB adjustment</para>
    </caption>
  </mediaobject>
296
297
298
299
300
301
302
303
304
305
</screenshot>
</para>
<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.
</para>
<para>The values in the effect stack 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.
</para>
<para>Effects can also be added with the <guilabel>Add new effect</guilabel> icon (framed in the image on the left) in the <guilabel>Effect Stack</guilabel>; It always refers to the timeline clip that is currently selected. By unchecking the checkbox they are temporarily disabled (the settings remain 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.
</para>
<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.
</para>
306
307
308
309
310
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
311
      <imagedata fileref="kdenlive_quickstart-keyframes.png" format="PNG"/>
312
313
314
315
316
317
318
319
    </imageobject>
    <textobject>
      <phrase>Keyframes for effects</phrase>
    </textobject>
    <caption>
      <para>Keyframes for effects</para>
    </caption>
  </mediaobject>
320
321
322
323
324
325
326
327
328
329
330
331
332
333
</screenshot>
</para>
<para>After clicking the <guilabel>keyframe</guilabel> icon (the clock icon framed in the previous image), the Effect Stack 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.
</para>
<para>Make sure the last keyframe is selected in the Effect Stack’s list. Then you are ready to flood the piano with a deep blue.
</para>
<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.
</para>
<para>Keyframing was the hardest part of this tutorial. If you managed to do it, you will master &kdenlive; easily!
</para>
<para>See also <link linkend="effects">Effects section of the manual</link>.
</para>
</sect2>
<sect2 id="music"><title>Music</title> 
334
335
336
337
338
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
339
      <imagedata fileref="kdenlive_quickstart-fadeout.png" format="PNG"/>
340
341
342
343
344
345
346
347
    </imageobject>
    <textobject>
      <phrase>Audio fadeout</phrase>
    </textobject>
    <caption>
      <para>Audio fadeout</para>
    </caption>
  </mediaobject>
348
349
350
351
352
353
354
</screenshot>
</para>
<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.
</para>
<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 green disc to the position where fading out should start.<footnote><para>This green disc 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>
</para>
</sect2>
355
</sect1>
356
<sect1 id="rendering"><title>Rendering</title> 
357
358
359
360
361
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
362
      <imagedata fileref="kdenlive_quickstart-renderer.png" format="PNG"/>
363
364
365
366
367
368
369
370
    </imageobject>
    <textobject>
      <phrase>Rendering dialog</phrase>
    </textobject>
    <caption>
      <para>Rendering dialog</para>
    </caption>
  </mediaobject>
371
372
373
374
</screenshot>
</para>
<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 MPEG4 (works nearly everywhere) and a bitrate of 2000k (the higher the bitrate, the larger the output file and the better the quality – but since the bitrate for the input clips was 2000k already, using a higher one would not improve quality and is therefore unnecessary), and press the <guilabel>Render to File</guilabel> button.
</para>
375
376
377
378
379
<para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
380
      <imagedata fileref="kdenlive_quickstart-rendering.png" format="PNG"/>
381
382
383
384
385
386
387
388
    </imageobject>
    <textobject>
      <phrase>Rendering progress</phrase>
    </textobject>
    <caption>
      <para>Rendering progress</para>
    </caption>
  </mediaobject>
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
</screenshot>
</para>
<para>After some seconds rendering will be finished, and your first &kdenlive; project completed. Congratulations!
</para>
<screenshot>
<screeninfo></screeninfo>
  <mediaobject>
    <imageobject>
      <imagedata fileref="kdenlive_quickstart-rendering.png" format="PNG"/>
    </imageobject>
    <textobject>
      <phrase>Rendering progress</phrase>
    </textobject>
    <caption>
      <para>Rendering progress</para>
    </caption>
  </mediaobject>
</screenshot>
</sect1>
<sect1>
<title>Complete manual</title> 
<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>.
</para>
</sect1>

414
415
416
417
418
419
420
421
422
423
424
425
</chapter>

<!--userbase-content-->
<chapter id="credits">
<title>Credits and License</title>
    <para>
Documentation Copyright see the UserBase 
    <ulink url="http://userbase.kde.org/index.php?title=Kdenlive/Manual/QuickStart&amp;action=history">Kdenlive/Manual/QuickStart page history</ulink></para>
    <!-- TRANS:CREDIT_FOR_TRANSLATORS -->
&underFDL;
</chapter>
&documentation.index;
426
</book>