View source for Video-Editing-using-Blender/C4/Animate-Property-on-Strips/English


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

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

'''Title Slide '''
|  | Welcome to the tutorial on '''Animate Property on Strips'''.

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

'''Learning Objectives'''
|  | In this tutorial, we will learn to,
* Add keyframes to text strip 
* View keyframe in time panel
* Animate the text
* Change speed and direction of animation
* Animate color and size
* Delete keyframe

|-
|  | '''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 opened '''Blender''' project file on interface.
|  | I have saved the input files in my '''VIdeos''' folder.

I have also opened the '''animate.blend''' file in the '''Blender''' interface.

|-
|  | Cursor to show the text and image in '''Sequencer''' panel.
|  | The file has a text clip and an image.

Let’s animate the text to move from top to bottom of the video.

|-
|  | Pull up the '''Timeline''' panel slightly upward from below.
|  | Let us pull up the '''Time''' panel slightly upward from below.

To resize the panel, click, hold and drag on the edge.

|-
|  | Select the '''Text''' strip, and show Playhead. 
|  | Select the '''Text''' strip. 

Make sure to have the playhead on the text strip.

|-
|  | Move the cursor in the Preview panel.
|  | I want the text to scroll from top to bottom of the screen.

|-
|  | Adjust zoom level as desired and go to the start of the text strip.
|  | Adjust zoom level as desired and go to the start of the text strip.

To adjust the field of view, use the scroll bar in the '''Sequencer''' panel.

|-
|  | Using left handle, shorten text strip to start the text at 14<sup>th</sup> frame.
|  | Using left handle, shorten it to start the text strip around the 14<sup>th</sup> frame.

For this drag the handle to the right.

|-
|  | Annotate the frame number on the left handle.
|  | The frame number is visible next to the left handle. 

|-
|  | Cursor on the preview panel.
|  | I want the text to start at the top of the screen.

|-
|  | Go to the '''Strip''' tab and scroll down to the '''Layout''' section.
|  | Go to the '''Strip''' tab and scroll down to the '''Layout''' section.

|-
|  | Place the playhead on the frame, on the first frame of the text strip.


Select the text strip if needed.
|  | Place the playhead, on the first frame of the text strip.

Make sure, the text strip is selected.

|-
|  | Cursor in the Location Y field.
|  | Change the '''Y Location '''value to move the text to the top of the video frame.

|-
|  | Change Location Y for text to be partially visible, on the top.
|  | I will place the text such that only part of the text is seen on the top.

|-
|  | Move the cursor to show it.

Click on the '''Animate property''' dot. 


It is located in the right of '''Location Y''' field.
|  | '''Animate property''', is the small dot on the right of the '''Location Y''' field.

Click on it. 

|-
|  | Cursor on the yellow form.
|  | Notice the '''Location Y''' field turns yellow.

This means that, the current frame is selected as '''keyframe'''.

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

'''Keyframe'''
|  | * A Keyframe is a time or frame marker which stores the value of a property.
* This enables interpolation of the property for animation.
* The property can be location, color, size, or any such other field.

|-
|  | If needed, adjust the zoom level and scroll bar in the '''Time''' panel.

Cursor on the yellow dot.
|  | Adjust the zoom level and scroll bar to notice a yellow dot in the '''Time''' panel.

|-
|  | Move the '''playhead''' and show the movement in both panels.
|  | Now move the '''playhead'''. 

Notice the cursor is synced framewise in the '''Sequencer''' and '''Time''' panels.

The cursor is on the same frame in the '''Sequencer''' and '''Time''' panels.

|-
|  | Place arrow while editing.
|  | The frame number is displayed in blue color.

|-
|  | Move the '''playhead''' to frame number 60.
|  | Move the '''playhead''' to frame number 60.

|-
|  | Go the '''Location Y''', and change text position to the bottom of the video.
|  | Go the '''Location Y''' field again and change the value. 

Move the text position to the bottom of the video.

|-
|  | Select the text strip.
|  | Make sure the text strip is selected.

|-
|  | Click on the small dot on the right of the field.
|  | Again click on the small dot on the right of the field.

|-
|  | Show the dot in the time panel.
|  | Then, a second dot appears in the time panel at the same frame number.

This sets the next '''keyframe''' to '''animate''' in the location field.

|-
|  | Cursor in the yellow '''Location Y''' field.
|  | The field turns yellow for this frame, indicating animation.

|-
|  | Cursor beteen the two keyframes.
|  | The position of the text will be animated between these two frames.

|-
|  | Play the video from frame zero.
|  | Let’s play the video from the start.

Notice the text appear and go downward.

|-
|  | Stop playing the video.
|  | Stop playing the video.

|-
|  | Move the '''playhead''' to frame number 70.
|  | Next, move the '''playhead''' to frame number 70.

|-
|  | Change the '''Location Y''' field to 0.85.
|  | Again change the '''Location Y''' field to move the text to the top of the video.

|-
|  | Show the dot in the '''Time''' panel.
|  | Click on the '''Animate property''' dot on the right of the field.

A third '''keyframe''' gets added and is seen in the '''Time''' panel.

|-
|  | Play the video again.
|  | Play the video again.

|-
|  | Stop playing the video.
|  | Let’s stop playing the video.

|-
|  | Play the animated region again.
|  | Notice the text moves up faster now.

This is because the change of location is done over 10 frames.

|-
|  | Place the cursor on the third dot, in the '''Time''' panel.
|  | Now we will delete the lastly added '''keyframe'''.

Place the cursor on the dot, indicating the '''keyframe''' in the '''Time''' panel.

|-
|  | Right click to open the context menu and choose '''Delete keyframe'''.
|  | Right click to open the context menu and choose '''Delete keyframe'''.

|-
|  | Cursor on the '''keyframe''' and show the short context menu.
|  | You may also click to select the '''keyframe''' in the '''Time''' panel and press '''Delete'''.

A short context menu appears.

I will not change this now.

|-
|  | Cursor next to the small dot on the right of the fields.
|  | Animate property option can be seen in many fields in the '''Strip''' tab.

Notice that, the dot option can be seen on many fields in the strip tab.

This means that, these fields can be animated.

|-
|  | Hover cursor on the '''size''' and '''color''' field in '''Sidebar'''.
|  | Let’s add '''size''' and '''color''' animation to the text.

|-
|  | Place the Playhead on the first keyframe in the '''Time''' panel.
|  | We had earlier created keyframes for the Location field.

Place the Playhead on the first '''keyframe''' in the '''Time''' panel.

|-
|  | Click on the '''Animate property''' option for the color field.
|  | Click on the '''Animate property''' option for the '''Color''' field.

|-
|  | Click on the '''Animate property''' option for the size field.
|  | I will also click on the '''Animate property''' option for the '''Size''' field.

|-
|  | Move the playhead to the second '''keyframe'''. 
|  | Move the playhead to the second '''keyframe'''. 

|-
|  | Click on the '''Color''' field to open the color wheel.

Choose a fluorescent green shade.
|  | Click on the '''Color''' field, to open the color wheel.

I will choose a fluorescent green shade.

|-
|  | Click on the '''Animate property''' option for the color field.
|  | Again click on the '''Animate property''' option for the '''Color''' field.

|-
|  | Increase the size of the text to 190.
|  | Now, increase the size of the text to 190.

|-
|  | Click on the '''Animate property''' option for the Size field.
|  | Again click on the '''Animate property''' option for the '''Size''' field.

|-
|  | Play the video.
|  | Now play the video.

|-
|  | Show the animation twice.
|  | Notice the animation in color, size, and location of the text.

|-
|  | 
|  | Pause the video, explore more options and familiarize with the effects.

|-
|  | 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 '''keyframe''' to animate text
* Viewed the '''keyframe''' in time panel
* Animated the text
* Changed speed and direction of animation
* Animated color and size and 
* Deleted '''keyframe'''

|-
|  | '''Slide Number 8'''
'''Assignment'''
|  | For assignment activity, please do the following.

* Animate the text from 
** Left to right using '''Location X''' field and 
** Through the four corners of the video
* Animate the colors in the text strip

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

'''Assignment'''
|  | * Animate the '''Volume''' in the audio channel.

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

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

Please download and watch it.

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

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

* Conducts workshops and
* Gives certificates.

Please write to us.

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

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

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

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

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

|-
|}