Graphic PIZiadas

Graphic PIZiadas

My world is in..

Video Editing : Picture in Picture [PiP]

PiP_150We have seen how we can "Generate and edit videos with Blender"Passing the process of obtaining images (Render) video editing of the same.

This editing process will be described at a basic level, focusing on the production of a video from a global perspective.

We have also seen how to move from one stream to another by transition effect “Wipe”.

This time we will see how superimpose one image over another in a region thereof. This effect is known by the name “Picture in Picture” or “PiP”

Picture-in-picture (PiP) is a feature of some television receivers and similar devices. One program (channel) is displayed on the full TV screen at the same time as one or more other programs are displayed in inset windows. Sound is usually from the main program only.(W)

This overlay effect can be made between images or videos either. In our case we use two images: “A” and “B”.


First thing we do is to enter the video editor. We can use the predefined settings main menu, seleccionando “Video Editing”

Screenshot 2016-01-11 to(s) 23.34.21

Add the two images or video sequences with the command Add->Image or Add->Movie as we wish to incorporate one or more images or a file with a video.

Screenshot 2016-01-11 to(s) 23.28.51

We can enable the display of files showing the browser to easily identify the images that will incorporate.

Screenshot 2016-01-11 to(s) 23.37.23

By incorporating the two images should be on different channels; in our case it has been placed image “A” In the channel “1” and image “B” In the channel “2”. We see that the image that prevails in principle is located on the highest channel, with more, although this depends on the type of effect (Blend) we are applying it as you see is “Cross” by default.

Screenshot 2016-01-11 to(s) 23.42.29

Pulsando con el botón derecho del ratón sobre la imagen “B” la selecionaremos. A continuación añadiremos un efectoTransform” with Add->Effect Strip_>Transform

Screenshot 2016-01-12 to(s) 00.24.55

El efecto se creará en un canal por encima del que tiene la imagen. En este caso el canal 3. El efecto que tiene asignado por defecto esReplace

Screenshot 2016-01-12 to(s) 00.26.34

El efecto “Transformtiene diferentes variables que permiten su ajuste. Entre las que vamos a destacar encontramos la posibilidad de modificar la escala de la imagen de forma homogénea manteniendo la relación de aspecto o con valores diferentes para la altura y anchura de la misma, modificando su apariencia.

Screenshot 2016-01-12 to(s) 00.29.16

If we select “Uniform Scaletendremos la opción de modificar un único valor para la escala. Al modificar este valor la imagen cambiará de tamaño, reducing or increasing depending on the new value of scale that introduce.

If we reduce its size see a background with a grid representing the transparent area around the image there, but not see the image “A” below.

Screenshot 2016-01-12 to(s) 00.32.19

To view the image “A” Under “B” we modify the effect applied to the transformation as we saw was “Replace” adding this transformation.

If we change the effect “Blend” the tansformación by “Over Drop” or “Alpha Over” see image “A” It located in the lower channel occupying the area of ​​the grid (transparency).

Screenshot 2016-01-12 to(s) 00.38.39

We will only change the position of the image by changing the value in the corresponding area of ​​the variables that handle the effect “Transform”. Adjust the fields “X” and “And” position and if necessary adjust the scale again.

Screenshot 2016-01-12 to(s) 00.42.46

The result is that you can see in the picture below.


The variables in Blender you can animate, incorporating “Keyframes” to them we can make interesting effects of input and output images as discussed below.

Blender Tutorial

Related Posts

  • What is the effect on an image Warp?What is the effect on an image Warp? There are many effects that can be applied to images using techniques that distort more or less controlled. One of the most used is called "Warp effect" allowing, manteniendo la información de iluminación y color, generate animations of a […]
  • Generate and edit videos with Blender [ Blogs experimental ] [ Blender ]Generate and edit videos with Blender [ Blogs experimental ] [ Blender ] To create a video with image we first generate synthetic images that compose them individually for, later, edit and compose the sequence.
  • Node editor: Efectos: Shadow [Blender]Node editor: Efectos: Shadow [Blender] Filter "Shadow" is located inside the edge recognition operators. Detects the shadows and enhance them or change their color. A simple example can be done with node of Blender use editor a picture colorful as a basis to apply the […]
  • Node editor: Efectos: Sobel [Blender]Node editor: Efectos: Sobel [Blender] The Sobel operator contours of an image is mainly applied to determine; belongs to the edge detection tools used for image recognition. Es un operador discreto, (actúa sobre los valores de cada pixel) associated with the of its […]
  • Node editor: Efectos: Blur [Blender]Node editor: Efectos: Blur [Blender] Blur effect can be used to simulate depth of field in a picture post-processing stage. The generated visual effect is similar to a blurring of the image, but in this case each pixel can be controlled to the degree of filter action.
  • Node editor: Split window [Blender]Node editor: Split window [Blender] Most digital editing programs include a mode "preview" to visualize, about, el resultado de aplicar un filtro a una imagen. Blender dispone de una herramienta en el editor de nodos que permite poder contrastar dos imágenes en una […]