CPM Staff Tutorials

Creating Interactive Activity Videos

Updated on

2. Create a video using QuickTime Player.

This will be the raw video.

2.1. Open the QuickTime Player.

2.2. Click 'File' on the main menu and select 'New Screen Recording' from the dropdown list.

2.3. Select the portion you want to record.

Click and drag the points to adjust the selected portion.

Do not include the play bar at the bottom of the Desmos Activity Player.

2.4. Change the recording settings.

2.4.1. Click 'Options' button and select the preferred settings from the dropdown list.

2.4.2. Select 'Other Location' to locate the path where you want to save your recording.

2.4.3. Select 'Show Mouse Clicks' if needed.

2.5. Click 'Record' to start recording.

2.6. Click the 'Stop Icon' to end recording.

Stop icon is located at the upper right menu bar of your screen.

2.7. Trim the video length if needed.

2.7.1. Click 'Edit' from the menu bar and then select 'Trim' from the dropdown list.

2.7.2. Click and drag the handles on the trimming bar to adjust the length of the video.

The handles (left and right) indicates where to start and end the video.

2.7.3. Click the 'Trim' button.

2.8. Resize the screen to 1080 pixel and save.

2.8.1. Click 'File' → 'Export As' → '1080p...'.

1080p automatically adjusts the screen width to 1920px.

2.8.2. Enter the file name in 'Export As:' textbox.

i.e.: IC# Lesson #.#.# <title>

2.8.3. Click the folder dropdown arrow to change file location.

2.8.4. Click the compatibility setting dropdown icon and select 'Greater Compatibility (H.264)'.

2.8.5. Click the 'Save' button.

3. Upload the raw video to Fetch (Static Files).

3.1. Open and Login to Fetch.

3.2. Click 'pdfs' folder → 'Videos (Raw)' folder → <folder>

The path for this example is 'pdfs/Videos (Raw)/IC/ic1'.

3.3. Click the raw video file from your personal folder to the desired location in Fetch.

4. Create the final video using Adobe After Effects (Ae) and Adobe Media Encoder (Me).

4.1. Open the Adobe After Effects.

4.2. Click the files from your folder and drag them to AE project panel (i.e.: resized video (.mov) and cpm logo (CPM_logo_color_web)).

Files:

  • resized video (.mov)
  • cpm logo (CPM_logo_color_web.png).

4.3. In 'Ae', click the files (video and logo) from project panel and drag them to the timeline panel.

Make sure that the CPM logo is placed above the video.

4.6. Save the 'Adobe Ae' project (.aep)

4.6.1. Click 'File' → 'Save'.

4.6.2. Enter the file name in 'Save As:' textbox.

4.6.3. Click the folder dropdown arrow to change file location (optional).

4.6.4. Click the 'Save' button.

4.7. Convert the video to .mp4 using Adobe Media Encoder.

4.7.1. Open the 'Adobe Me'.

4.7.2. In 'Ae', click the 'File' → 'Export' → 'Add to Adobe Media Encoder Queue...'

The video file will be automatically added the 'Me' queue panel.

4.7.3. Go to 'Adobe Me'.

4.7.4. In the 'Queue' panel, click the file path under 'Output File' to rename the file and/or change file location.

4.7.5. Enter the file name in 'Save As:' textbox.

4.7.6. Click the folder dropdown arrow to change file location.

4.7.7. Click the 'Save' button.

4.7.8. Click the play button to convert to '.mp4'.

5. Move files (.mov, .aep, and .mp4) from the folder where you saved the files to Google Drive.

5.2. Open the desired IC folder.

5.3. Click each file (.mov, .aep, and .mp4) from the folder where you saved the files and drag to the corresponding folder in Google Drive.

  • .mov file to 'Raw_Videos' folder
  • .aep file to 'Working_Files_AE' folder
  • .mp4 file to 'Final_Videos' folder
6. Upload the .mp4 file to YouTube.

See the 'Uploading Video' ScreenSteps.

Previous Article Migrate to Prod using WP Migrate
Next Article Navigating YouTube