How to join several images in one

As you know, in every list of works there must always be an image that serves as a preview (and they are obligatory).

However, you may not know how to merge images into a single one. In this tutorial you will be explained how.

NOTE: It is mandatory that you first know how to get screenshots from VLC media player, since we will simply get a maximum of 6 captures.

First, download this images
Let's suppose that these images have been obtained by VLC:

All these images must be joined in a single, then some examples and then the respective tutorials (one in case you do not have Photoshop and the next one if you do).

And how do I match them according to the number of captures?
NOTE: It is also valid that you use a single capture, but it is not recommended.

Now see what these images would look like if they were on a list:
The images should always have a width of 236 pixels.

If you do not have Photoshop: Use online editors!
Here is a couple that will serve you: