Animating Vector (SVG Graphics) Using Javascript & CSS

This class will show you how SVG files are made of code that can easily be opened in a text editor. We will look at some examples of Javascript's ability to dynamically create vectors. Next, we will examine how CSS can be used for animating and adjusting vector images once they have been placed on a website.

Then, we create a video introduction within a HTML page. Then we greenscreen it and import it into a video editor. Here, the ultra key tool can be used to remove the background green. This is then overlayed over B-roll video footage to create an mp4 video intro.