#Cinelerra GG 10: From mobile to #YouTube with animated background. From vertical to horizontal

It is very common today that when we record videos from our mobile device, we do these vertically. But what happens if we upload our video like this to YouTube? Do we see it on the computer, or on a TV? Well, this one is seen with black bands on the sides. In this tutorial we will see how, with the same video, remove these black bands and our vertical video will look more decorous on a horizontal screen.

I want to indicate that in this tutorial we will see the classic and common way to perform this task, which is common to any video editor worth its salt. But Cinelerra is a great tool and it has some techniques to do the same, which we will see in this tutorial, in a slightly simpler way. But for this we need to know how the effects shared and shared tracks. In a future tutorial I will talk about it.

Two scenarios

When facing this type of edition we can find two situations.

  1. An unedited video directly taken from the mobile.
  2. A video already edited with the black bands that we want to remove.

We will see the two techniques.

Initial steps

Adjust the parameters of a video without knowing its resolution or frame rate

This step must be done before starting the montage on the timeline. If we do it when we are already working on the timeline, the result may be that the video gets out of sync if there is a difference in frame rate.

We create a new project, but it turns out that we do not know the resolution of the video, nor the frame rate … nothing happens, in this case we only put the tracks that we are going to specify.

To do this project it is essential to use two video tracks and if we are going to work with stereo audio we can create two audio tracks with two channels.

In the following image I have framed in green the dice that I need for this project, and in red I have left the ones that were there, because I do not know the resolution of the video and its frame rate. I know this is easy to find out, but since Cinelerra can do this for us, so we will learn how to do it.


Now we load the video clip to be processed. Once in the Resources window, by right-clicking on the clip, we can open the information window and see its resolution and frame rate.


And I realize that I have not hit the resolution and neither the frame rate. I can check it in the Format wizard in the Settings menu.


From this wizard I can adjust the correct values ​​… now I know them, true, but there is a much simpler and faster way to do it.

Adjust resolution and frame rate automatically

As simple as pressing the right button on the clip, going to the “Adjust …” option and choosing the “Adjust all” option.


And once this is done, if we check again from the format wizard, we see that the values ​​have been corrected based on the resolution and frame rate of the clip.


Some mobile video recording applications actually use the vertical configuration, and after this we can find the width and height that form a vertical rectangle.


In short, we have a vertical video configuration, but we want it horizontally. This can be solved quickly by pressing the double-headed arrow on the right. This reverses us the width and height.


Once we have inverted the width and height values, we also have to correct the appearance. If we look we see that instead of indicating 16: 9 it indicates 9:16. The quick way to change this is to activate the “Auto” box and it will automatically change.


IMPORTANT that this advice, to configure the project settings, starting from those of the file, let’s do it before starting the assembly. Do not even think about doing this in a montage that has already begun: if the configuration does not coincide (especially the frame rate) with the one used in the project, the effect can be catastrophic and desynchronize what has been done.

We already have the project configured. Now let’s see how to put an animated background to this clip from the same video.

Raw video directly taken from mobile

In this tutorial I will skip everything related to audio and focus only on video.

The first thing is to load the same clip in duplicate, on two tracks, one on top of the other, perfectly synchronized.

Since we are going to use the whole clip, we load it directly from the resource folder to the timeline as follows.

  1. We load the clip to the track that we want. The track is indifferent in the first load, this loads the video and audio of it.
  2. Now we block all the tracks except the video one that has been left empty. And we load the clip into it again, and make sure that both clips are in sync. 07.png

Create the background

  1. We mute the track above, lock it, and unlock the one below. 08.png
  2. We see on the screen that the video is lying down,09.pngso we insert the rotate effect to this clip, and rotate it 90º. 10.pngAnd we get this result. 11.pngWe observe that when rotating the video it has been cropped, see the following image.12.pngHere we could expand, as we will see later, but I do not want to lose so much information in the background. So I’m going to scale to make visible what after rotating now I can’t see. Which is what we see in the gray background of the previous image, because it is outside the screen frame.
  3. Now we are going to scale to see the full video on the screen, since as we have just seen, when rotating, there are parts that have been hidden. For this I will use the camera assistant, which is in the composition monitor. 13.pngFrom Z, with the mouse wheel over the numerical value, I lower this value to zoom out the camera, which makes the image look complete.14.pngWith the value of 560 in Z I recover all the visible frame, but since this is a background I am going to increase this value by 100px to break parallels with the video that will go on top. 15.png
  4. Now we are going to zoom in on its X axis to fill the screen with the video and remove the black bands. 16.pngImportant, the order of scale has to be below that of rotate, this is placed like this by default, but I quote it, because it is important. I see that with a value of 2.8 on its X axis it already fills the screen.17.png
  5. As this is going to be the background, because I am going to darken it, for this I am going to use the Brightness / Contrast effect. 18.png
  6. And to finish the background I am going to blur this image, for this I am going to use the practical box blur, as it is a blur effect that consumes few resources and gives very good results. 20.png
  7. For my taste the background has been very dark, so I am going to make a correction from the brightness effect, raising it a little. snapshot_20200422-003921.png

That’s it, we have the finished background clip.

The video clip

In this clip, its process is exactly the same in the first three steps that we have done in the background.

  1. We enable the preview of the track above, unlock it for editing, and lock all the others. 21.png
  2. We insert the effect of rotating.
  3. We scale from the camera assistant, as we did with the background, in this case I use the value that the whole image shows me.

And this is the result. A vertical video, with a dynamic background, from the same clip.


Video already edited with black bands on the sides

The procedure is very similar to the previous one, but a little easier to perform. In this example I use a video of a tutorial related to a mobile application, made from the same device.


Making the background

  1. As before, we prepare the project, and insert the duplicated video on two tracks, exactly as we did in the first process. First we do the background, so we block the other tracks and mute the one above.
  2. We apply the scalar effect and as before We scale the “X” axis until the video fills the entire screen and then a little “Y” to break the parallelism with the original.
  3. I apply the Brightness / Contrast effect and reduce the brightness.
  4. I apply the box blur effect.

Fund result


Making the video

  1. As in the other situation, we activate the view of this clip, we unlock this track and we lock all the others.
  2. We see that now the video does not let us see the background, its black bands on the sides cover the screen, they are not transparent, so I am going to cut them with the cropping effect, called “Crop and Position”. 25.pngI only need to trim the sides, so I make use of the Left and Right parameters. I adjust the values ​​until the black bands are removed, and this allows me to see the background. I have intentionally left black lines on each side, in this particular case I liked them.

And that’s it, I already have this video finished, and this is the result.



Deja un comentario