CS 1033 Multimedia and Communications REMEMBER TO BRING YOUR MEMORY STICK TO EVERY LAB! Lab 9: Creating Videos with Shotcut Shotcut is a free, open source, crossplatform video editor.
Reference Page: Shotcut Screen Layout Shotcut allows you to make slideshows or movies from existing audio, video or images files. After creating all the pieces, you can add text and effects and then export your final movie so that it can be inserted into a webpage. Use this image as a reference for the rest of the tutorial: The basic order of operations when using Shotcut is: 1. Press the Playlist button to make sure the Playlist area is appearing along the left. Drag your media items such as images, video and audio to the Playlist area. 2. Press the Timeline button to make the Timeline area appear. 3. Right click in the Timeline area to Add a Video Track 4. Drag the media items in the Playlist area to the Timeline area in the order you want them to appear. 5. In the Timeline area, if you want to remove any parts of the video or create transitions, then SPLIT the video. 6. Press the Filter button to see the Filter area in order to add any text or effects 7. Press the Export button to see the Export area and select the type of file you want to create 8. Press the Export File button and select a name and location for your final video. We will try making a simple video with sound, video and images.
LAB #9 - Exercise 1 Objectives: Upon completion of Exercise 1 you should be able to: Place images, video files and audio files into the Shotcut Playlist area to make them available for the creation of a video Create a video track and audio track Add images, sounds and video to the tracks 1. Create a folder on your memory stick to use for this lab call it lab0 e.g. F:\cs1033\lab09 2. Go to (http://www.csd.uwo.ca/~lreid/cs1033labs/lab09/images ), and save all the files and into a subfolder called images on your memory stick e.g. F:\cs1033\lab09\images 3. Using File Explorer, find the folder in F:\cs1033\lab09\images and open that folder 4. Open Shotcut 5. Along the top, press the Playlist button to make sure the Playlist area is showing and go back to File Explorer and drag all the files in the images folder ONTO the Playlist area.
6. Double click in the Playlist area on the maxjustin.jpg file to see it in the preview area and then press the Properties button to see the size of this file. 7. Click on the Playlist button again to get that area back and double click on the file biostorm2.mp4 to bring it up in the preview area. Then click on the Properties button again to see the properties of this file. You can see for example that this clip is 9 seconds long. Click near the beginning of the file in the blue line in the preview area and push the Play button to see a preview of the video: 8. Save your file (File>Save As) and give it the name llamashow.mlt
9. Push the Playlist button again to see the list of media items. Now we are going to build our video. Press the Timeline button to make sure the Timeline area is showing. Right click in the Timeline area and select Add a Video Track 10. Drag the file titlepage.png from the Playlist area to the green V1 area. It should look similar to this: 11. The green area is just a place holder. We want to remove the green area. Right click over it and select remove to push the image back to the beginning. 12. Push the zoom button to zoom in on the Timeline: Right now the image is showing for 4 seconds, to make it stay on the screen a bit longer, put your mouse over the right edge of it until the edge turns red and you get a drag handle like this Drag out one more second (so it plays for 5 seconds)
13. Go back to the Playlist area and drag the file called alex.jpg onto Timeline AFTER the titlepage.png image. Then drag TheresAndJerry.jpg after alex.jpg and then drag maxjustin.jpg, then harper.jpg and then biostorm2.mp4, so your Timeline should look similar to this: 14. Now right click on each of the in between green areas in the Timeline and remove them. 15. Press the play button to see what you have so far: 16. Save your file again (File>Save) LAB #9 - Exercise 2 Objectives: Upon completion of Exercise 2 you should be able to: Place captions on parts of your video Split the selected portions of the track at the current location of the Playhead (you can find the Playhead in the Timeline area or the Preview area) 1. We are going to put captions on the images now. Double click on the alex.jpg image in the Timeline (the white llama head), make sure it goes a bit darker blue and is surrounded by a red line (so you know it is selected) Then click on the Filters button at the top and then click on the + button.
2. Click on the show video filters button (the middle one on the bottom, to the right of the *) 3. Slide down till you see the Text Filter and select it. Where it says Text, type the following text: Starring Selena Lomaz as Alex Notice that you can change the font type and colour. To change the size just resize the window. Move the Playhead back to the beginning and press play and make sure the text appears. Now double click in the Timeline on the TeresaAndGerry.jpg image and add text to that image (Filter, then +, then video filters, then Text) that says With Lamia as Teresa and Lavid as Jerry Double click in the Timeline on maxjustin.jpg and add the text Also starring Lake as Max and LLav as Justin Double click in the Timeline on harper.jpg and add the text Introducing Lenny as Harper 4. Double click on the Biostorm2.mp4 clip in the Timeline and make sure the Playhead is in roughly the middle of that track. 5. Click on the Split at Playhead button to split the clip into two clips.
6. Double click on the first of the split clip, move the Playhead to roughly the middle of the first biosteam2.mp4 clip you just made and split it in ½ again and do the same with the second half (remember to double click on it first, just moving the Playhead will not be enough). You should now have split that original video clip into 4 clips. It should look like this: 7. Double click on the first of the 4 clips you just made to select it. 8. Right click now select Lift Notice that Lift deletes that clip but still leaves the Timeline the same length. Click on the Undo button (or CTRL-Z) to put the clip back in place. Now right click again and this time select Cut. (or CTRL-X) Notice that this time, the time was removed. 9. Double click (make sure you DOUBLE CLICK so that the Playhead gets moved) on the Alex.jpg part of the Timeline When you paste, it will paste wherever the Playhead is located. We want the Playhead between the first image(titlepage.png) and alex.jpg. Then hit CTRL-V (Paste) Timeline should look like this now:. Your 10. Now cut the last biostream2.mp4 clip and DOUBLE CLICK on TeresaAndJerry.jpg and paste it there. 11. Now cut on the last biostream2.mp4 clip and Double Click on maxjustine.jpg and paste it there 12. Now cut on the last biostream2.mp4 clip and Double Click on harper.jpg and paste it there. You should now have something like this: 13. Save your project again (File>Save) and play your video from the beginning.
14. Double click on the first biosream2.mp4 video and then hold your mouse down and drag it slightly to the left so that it slightly overlaps (about 1 second) the titlepage.png clip and release it. You should see something like this as you drag it: and then this when you drop it:. The purple double triangle area is a transition now. Move the Playhead to the beginning of the video, play the video and watch the transition. 15. Notice the green area after the first biostream2.mp4 clip is now blank space. Remember you just right click on it and select remove to get rid of it. 16. Double click on the purple triangle area we just created. Just above the Timeline make sure that the Project button is pressed so that you see the properties of the transition. Then press the Properties button to see the type of transition. Then you will see the types of transitions. From the dropdown box next to Video, select one the many types of transitions. Then move your Playhead back to the beginning and replay. Try 2 or 3 different transitions and select the one you like best.
17. Now double click on the clip with alex.jpg and drag it to the left over the first biosteam2.mp4 clip (maybe just for.20 seconds), then remove the green area after alex.jpg that was created when you dropped it. Then double click on the second transition (the double purple triangles) and give it a fun transition (click on the Project button again if you cant see the transitions). It should look kind of like this: 18. Now drag the second biostream.jpg leftward over the alex.jpg and create a small transition. Always remove the green area created as you go. Then drag TeresaAndJerry.jpg over the second biosteam2.mp4 clip. Then drag the third biosteam2.mp4 clip slightly over the TeresaAndJerry.jpg. Then drag the maxjustin.jpg clip slightly over the third biosteam2.mp4 clip. Then drag the last biosteam2.mp4 clip slightly over the maxjustin.jpg clip. Then drag the harper.jpg slightly over the last biostream2.mp4. 19. Then set some fun transitions if you want on some of them. Your Timeline should look like this: 20. Double click on the first clip (titlepage.jpg) and then click on the Filters button 21. Click on the + button and click on the Fade In Video and increment the Duration to 3.00 (click on the + button next to the Duration) 22. Double click on the last clip (harper.jpg clip) and then add a filter to Fade Out Video and set its duration to 2:00. 23. Save your work so far (File>Save)
24. At the VERY left of the Timeline (where the V1 is), right click and select Add Audio Track You will then see an audio track BELOW the video track. 25. Click on the Playlist button to see the original media files. Drag the wiz.wav file onto the new audio track. Scroll back to the beginning of the video. If the audio track has a bit of green area at the beginning, remove it. 26. Double click on the audio waves in the audio track for wiz.wav so that the audio waves are selected. 27. Click on the Filters button to show the Filters area and then click on the + button and at the bottom of all the filters, click on the audio filters to only see the filters for the audio. Add a Fade In Audio filter and change the duration to 2:00. 28. Move your Playhead to the end of the video but make sure the audio track is selected and hit the Split button to break off the end of the audio. It should now look like this: 29. Double click on the second audio track that was just created and right click and select Remove. 30. Now just the first audio clip should be there. Double click on the first audio clip. Click on the Filters button to show the filters. Add an audio filter to Fade Out Audio, make the duration 2:00. Save your file again and watch the whole video one last time. 31. Now that our video is done, we want to export it in a format that we can use on the web. We will use mp4. Click on the Export button to see the Export area. Along the left you will see MANY different ways of saving the file. We want H.264 Baseline Profile, click on it. This should make the Format be mp4. You should see this:
32. Click on the Codec tab and notice that the Rate Control is Quality-based VBR. Click on the Export File button and put the output file in your lab9 folder with the name llamaquality1.mp4: 33. Notice that along the right side of the window, you can now see the progress in the Jobs area, it will likely say pending or done. 34. On the Codec Tab, select the dropdown in Rate Control and this time select Constant Bitrate and select from the Bit Rate dropdown, a bit rate of 256K and then hit the Export File button, give the file name llamaquality2.mp4 and watch the progress in the Jobs window: 35. Do the step above again only this time give a bit rate of 8M, give this file the name llamaquality3.mp4. 36. Do the step above one more time but this time give a bit rate of 80M, give this file the name llamaquality4.mp4. 37. Go to File Explorer and go to your lab9 folder and look at the difference in the size of the videos. Then try playing each video. In general try keep the bitrate below 8M OR use Quality Based VBR so that the file sizes aren t too large.
LAB #9 - Exercise 3 Objectives: Upon completion of Exercise 3 you should be able to: Create a simple video using media files that contains at least 1 transition and at least 1 filter 1. Using any of the files in this folder: http://www.csd.uwo.ca/~lreid/cs1033labs/lab09/exercise3/, make a short mp4 video that contains the following: a. At least 2 images b. At least 1 video file c. At least 1 sound file d. The sound should fade in at the beginning of the video and fade out at the end of the video (so you might have to clip the sound) e. Have at least one transition f. Add one text filter (either text or 3D text) with your first name somewhere on the video 2. Save your video as an.mp4 file and show it to your teaching assistant before leaving. THIS IS THE END OF THE LAB. DO NOT FORGET TO TAKE YOUR MEMORY STICK.