Video-Editing-using-Blender/C3/Adding-Image-to-a-Video/English - Revision history

Snehalathak at 09:07, 25 March 2021

2021-03-25T09:07:44Z

Snehalathak at 09:03, 25 March 2021

2021-03-25T09:03:03Z

Ranipv076 at 05:28, 22 March 2021

2021-03-22T05:28:59Z

Ranipv076 at 12:36, 17 March 2021

2021-03-17T12:36:16Z

Ranipv076 at 08:25, 16 March 2021

2021-03-16T08:25:55Z

Ranipv076 at 08:22, 16 March 2021

2021-03-16T08:22:28Z

Ranipv076: Created page with " {| border = 1 || '''Visual Cue''' || '''Narration''' |- || '''Slide Number 1''' '''Title Slide ''' || Welcome to the tutorial on '''Adding an image to a video''' |- || '..."

2021-03-16T08:21:54Z

Created page with " {| border = 1 || '''Visual Cue''' || '''Narration''' |- || '''Slide Number 1''' '''Title Slide ''' || Welcome to the tutorial on '''Adding an image to a video''' |- || '..."

New page

{| border = 1
|| '''Visual Cue'''
|| '''Narration'''

|-
|| '''Slide Number 1'''

'''Title Slide '''
|| Welcome to the tutorial on '''Adding an image to a video'''

|-
|| '''Slide Number 2'''

'''Learning Objectives'''
|| In this tutorial, we will learn to,
* Add an image to a video
* Resize the image
* Change the opacity
* Position the image
* Adjust the duration of the image

|-
|| '''Slide Number 3'''

'''System and Software Requirement'''
|| To record this tutorial, I am using

* '''Ubuntu Linux''' v18.04 OS and
* '''Blender''' 2.90.1

|-
|| '''Slide Number 4'''

'''Pre-requisites'''

'''https://www.spoken-tutorial.org'''
|| To follow this tutorial,
* Learner must be familiar with the '''Blender''' interface.
* For pre-requisite tutorials, please visit this site.

|-
|| '''Slide Number 5'''

'''Code Files'''
|| * Files used in this tutorial are provided in the '''Code files''' link.
* Please download and extract the files.
* Make a copy and then use them while practising.

|-
|| Show the input files in '''File manager''' and point to the bunny image.
|| I have saved all the input files in the '''Videos''' folder.

Let’s add an image of '''Big Bucks Bunny''' to the video.

|-
|| '''Slide Number'''

'''Big Bucks Bunny'''
[https://commons.wikimedia.org/wiki/File:BBB-Bunny.png https://commons.wikimedia.org/wiki/File:BBB-Bunny.png] '''
|| The image was downloaded from the website shown here.
He is a character in the '''Blender''' movie project '''Big Bucks Bunny'''.

|-
|| Show opened '''blender''' interface.
|| I have already opened the '''Blender''' interface.

|-
|| Click on '''File, Open'''.
|| Click on '''File, Open''' to open the input project file.

|-
|| From the '''Videos''' folder, choose the '''addimage.blend''' project file.
|| From the '''Videos''' folder, choose the '''add-image.blend''' file.

|-
|| Click on '''Open'''. Show the tracks in '''Sequencer''' panel.
|| Click on '''Open''' to open the project.

Notice a video and an audio track in the '''Sequencer''' panel.

|-
|| Select '''bbb.png''' file and add it above the video strip.
|| Select '''bbb.png''' file from the '''Videos''' folder and add it above the video strip.

|-
|| Adjust zoom level to convenience.
|| Adjust the zoom level to convenience.

|-
|| Move the image '''strip''' to about 10 seconds in the video.
|| Move the image '''strip''' to about 10 seconds in the video.

|-
|| Place the playhead on the image strip.
|| I will also place the playhead at any position on the image strip.

Then the image will be visible in the '''Preview''' panel.

|-
|| Cursor on '''Preview''' panel.
|| The image is large, and fills the screen.

|-
|| Cursor on the '''Sequencer''' panel.
|| The video in the channel below is not visible.

Let’s resize and reposition the image in the canvas.

|-
|| Click on '''Add, Effect strip, Transform'''.
|| For this purpose, click on the '''Add''' tab.

Then select '''Effect strip, Transform'''.

A transform strip gets added on the top channel of the image.

|-
|| Select the '''transform''' strip.
|| Select the '''transform''' '''strip'''.

|-
|| Cursor on the settings panel.
|| Go to the settings for the transform strip in the '''Sidebar'''.

|-
|| Press '''N''' twice.
|| If this panel is not seen for you, press the '''N''' key to show the panel.

|-
|| Scroll down in the '''Sidebar''' to the '''Position''' section.
|| Scroll down.

|-
|| Cursor on '''Position X, Y''' and '''Scale X, Y'''.
|| X and Y Position of image can be changed and the image can be resized.

|-
|| Left click, hold and drag on Position x field, to change x position of the image.
|| Place the cursor on the '''Position X''' field.

Left click, hold and drag or use the arrows to change x position of the image.

Notice the image moves laterally in the '''Preview''' panel.

|-
|| Check the box for '''Uniform Scale'''.
|| Check the box for '''Uniform Scale'''.

This scales the image in '''X''' and '''Y''' proportionately.

|-
|| Reduce Scale X and Y values as seen here to resize the image.
|| Reduce the '''Scale''' value as seen here to resize the image.

Still we do not see the video from the channel below.

|-
|| Click on the '''Blend''' in '''Strips''' tab.
|| In the '''Strips''' tab, under '''Composting''', click on the '''Blend''' options.

|-
|| Choose '''Alpha over'''.
|| Notice the several options listed on the right and the effects on the left.

I will choose '''Alpha over'''.

|-
|| Show arrow image in '''preview''' panel.
|| Now the image can be seen above the video.

It is large and is seen across the screen.

|-
|| Position and resize the image around the square in the video.
|| Resize and position the image inside the white region of the video.

Learner may adjust the position and size to your desire.

|-
|| Resize and reposition the video. Then scroll down the '''Strip''' tab.
|| Pause this video and practice positioning and sizing of the image.

Scroll down.

|-
|| Hover mouse over '''Crop''' and check the box.
|| The image can also be cropped with the '''Crop''' function.

First check the box for '''Crop'''.

|-
|| Crop all four sides slightly and show the change.
|| We can crop from left, right, top or bottom.

Notice the changes in the '''Preview''' panel.

|-
|| Cursor on the crop, to show the image stretching.
|| The image gets stretched. This is due to image scaling.

Learner may rescale the cropped image to their convenience.

|-
|| Scroll down to the '''Time''' section. Select the image strip.

|| Scroll down to the '''Time''' section.
Select the image strip.

|-
|| Cursor on the '''Start''' and '''Duration''' field.
|| You may set to the exact frame number, desired for start using the '''Start''' field.

Similarly, the desired duration field can be set using the '''Duration''' field.

|-
|| Use handles and adjust the duration and start.
|| I will use the handles to set the desired start position and duration.

Notice that, the '''Transform''' strip also move with the image.

Notice the numbers for start and duration fields change as this is done.

|-
||
|| Next, let’s add an arrow, rotate it and change the opacity.

|-
|| Read '''arrow,png''' file.
|| Load the arrow image, which is saved in the '''Videos''' folder for me.

Notice the arrow is seen in the '''Preview''' panel and is large.

|-
|| Point to the channels of both images.
|| The arrow is on the channel above that of '''Big Bucks Bunny'''.

|-
|| Cursor next to BBB in the Sequencer panel.
|| I will place the arrow above '''Big Bucks Bunny''' image in the time course.

If the image gest added on another channel, please move it as seen here.

|-
|| Click on '''Add, Effect strip, Transform'''.
|| Let’s click on '''Add, Effect strip, Transform'''.

An effect layer gets added above the channel of the image.

|-
|| Cursor in the '''Preview''' panel, which show only the image, without the video.
|| The video in the channel below is not visible.

|-
|| Select the image strip. Move it to time around 10 seconds.
|| Select the image strip and move it to position around time 10 seconds.

Notice that, the '''transform''' strip also move with the image.

|-
|| Select the '''transform''' strip.
|| Select the '''transform''' strip.

|-
|| Click on the '''Blend''' in '''Strips''' tab.
|| In the '''Strips''' tab, under '''Composting''', click on '''Blend''' options.

|-
|| Choose '''Alpha over'''.
|| Notice the several options listed on the right and the effects on the left.

Again, I will choose '''Alpha over'''.

|-
|| Show arrow image in '''preview''' panel.
|| Now the image can be seen above the video.

It is large and is seen across the screen.

|-
|| Position and resize the image around the square in the video.
|| Adjust the position and size to your desire.

|-
|| Check the box for '''Uniform Scale'''.
|| Let’s check the box for '''Uniform Scale''' option, which is above '''Scale'''.

I will resize and position the image.

|-
|| Rotate arrow.
|| First, I will rotate the arrow for arrow head to face down.

|-
|| Position and resize the image.
|| Pause this video, then position and resize the image as seen here.

This will take time for you to practice.

|-
|| Change the X and Y position of the image, to be on the text of the video.
|| Adjust '''position X''' and '''Y''' to fit the image in the white background
area.

|-
|| Zoom in slightly on the '''preview''' panel.
|| Let’s change the '''Opacity''' of the image.

You may zoom in on the '''Preview''' panel for closer view.

|-
|| Cursor over '''Opacity''' option.
|| '''Opacity''' option is seen in the '''Compositing''' section in the '''Strip''' panel.

Currently it is at value one and let’s decrease it slowly.

|-
|| Cursor in the '''Preview''' panel.
|| Notice the image becomes more transparent as the opacity is decreased.

|-
|| Change '''Opacity''' to zero.
|| When the value of '''Opacity''' is at zero, the image is not seen.

Now it is completely transparent.

|-
|| Change '''Opacity''' value to 1.
|| I will change the '''Opacity''' to one and the image is seen again.

|-
|| Scroll in the '''Strip''' tab to the '''Time''' section.

Then, hold the handle and change the duration of arrow image.
|| Let’s adjust the duration for image time position of the bunny image.

|-
|| Cursor on the arrow image strip and the '''Transform''' strip in the '''Sequencer''' panel.
|| Pause the video and explore and familiarize with more options.

|-
|| Press '''Ctrl+S'''.

Then Press '''Ctrl+Q'''.
|| You may save the project, '''render''' to an output file and quit '''Blender'''.

|-
|| '''Slide Number 7'''

'''Summary'''
|| Now let's summarize. In this tutorial, we,

* Added images to a video
* Resized the image
* Changed the opacity
* Positioned the image in the video
* Adjusted the duration of the image

|-
|| '''Slide Number 8'''

'''Assignment'''
|| For assignment activity, please do the following.

Using an image of your choice or by using the provided image,
* Add an image to the video
* Change position and resize
* Adjust duration
* Crop the image and
* Change the blend style

|-
|| '''Slide Number 9'''

'''Spoken Tutorial Project'''
|| The video at this link summarises the '''Spoken Tutorial''' Project.

Please download and watch it.

|-
|| '''Slide Number 10'''

'''Spoken Tutorial workshops'''
|| The '''Spoken Tutorial Project '''team:

* conducts workshops and
* gives certificates.

Please write to us.

|-
|| '''Slide Number 11'''

'''Forum for specific questions:'''
|| Please post your timed queries in this forum.

|-
|| '''Slide Number 12'''

'''Acknowledgement'''
|| '''Spoken Tutorial''' Project is funded by '''MHRD, Government of India'''.

|-
||
|| This is Rani from '''IIT Bombay'''. Thank you for joining.

|-
|}

@@ Line 208: / Line 208: @@
 |-
-|| Slide Number 7
+|| '''Slide Number 7'''
-Assignment 1
+'''Assignment 1'''
 || Select the image strip and,

@@ Line 212: / Line 212: @@
 || Select the image strip and,
-* Go to the Strip tab in the Sidebar
+* Select the Strip tab in the Sidebar
 * Check the box for Offset and Crop
 * Crop the image in all four directions
@@ Line 228: / Line 228: @@
 || You may set to the exact frame number, desired for start using the '''Start''' field.
-Similarly, the desired duration field can be set using the '''Duration''' field.
+Similarly, the desired duration can be set using the '''Duration''' field.
 |-

@@ Line 84: / Line 84: @@
 |-
-|| Select '''bbb.png''' file and add it above the video strip.
+|| Select '''bbb.jpeg''' file and add it above the video strip.
-|| Select '''bbb.png''' file from the '''Videos''' folder and add it above the video strip.
+|| Select '''bbb''' image file from the '''Videos''' folder and add it above the video strip.
 |-
@@ Line 103: / Line 103: @@
 |-
 || Cursor on '''Preview''' panel.
-|| The image is large, and fills the screen.
+|| The image is enlarged, and fills the preview panel.
 |-
@@ Line 247: / Line 247: @@
-Notice the arrow is seen in the '''Preview''' panel and is large.
+The image is enlarged and is seen across the screen.
 |-

@@ Line 204: / Line 204: @@
 Learner may rescale the cropped image to their convenience.
 |-
@@ Line 245: / Line 257: @@
 || I will place the arrow above '''Big Bucks Bunny''' image in the time course.
-If the image gest added on another channel, please move it as seen here.
+If the image gets added on another channel, please move it as seen here.
 |-
@@ Line 351: / Line 363: @@
 |-
-|| '''Slide Number 7'''
+|| '''Slide Number 8'''
 '''Summary'''
@@ Line 363: / Line 375: @@
 |-
-|| '''Slide Number 8'''
+|| '''Slide Number 9'''
 '''Assignment'''
@@ Line 376: / Line 388: @@
 |-
-|| '''Slide Number 9'''
+|| '''Slide Number 10'''
 '''Spoken Tutorial Project'''
@@ Line 384: / Line 396: @@
 |-
-|| '''Slide Number 10'''
+|| '''Slide Number 11'''
 '''Spoken Tutorial workshops'''
@@ Line 395: / Line 407: @@
 |-
-|| '''Slide Number 11'''
+|| '''Slide Number 12'''
 '''Forum for specific questions:'''
@@ Line 401: / Line 413: @@
 |-
-|| '''Slide Number 12'''
+|| '''Slide Number 13'''
 '''Acknowledgement'''

@@ Line 58: / Line 58: @@
 |-
-|| '''Slide Number'''
+|| '''Slide Number 6'''
 '''Big Bucks Bunny'''

@@ Line 10: / Line 10: @@
 '''Title Slide '''
-|| Welcome to the tutorial on '''Adding an image to a video'''
+|| Welcome to the tutorial on '''Adding Image to a video'''
 |-
@@ Line 66: / Line 66: @@
 |-
-|| Show opened '''blender''' interface.
+|| Show opened '''Blender''' interface.
 || I have already opened the '''Blender''' interface.