Tutorials for Final Project

John Forest's CPSC 106 Website

All of these projects use Adobe Creative Cloud products. They seem pretty intimidatingly expensive at first, but there is a fantastic deal for students, I highly suggest you check it out! For these projects, you only need two of the programs from the suite, Adobe Illustrator and Adobe Premier Pro. These apps are highly versitile and can be used to complete almost every single project for DS106.


The commercial or propaganda video for becoming a firefighter was created with Adobe Premier Pro. The video from the project was from storyblocks.com. For a relatively low monthly fee (when you bill yearly) you can have access to hundreds of thousands of hours of basic film. Find some footage you want to use, and open up Adobe Premier Pro. Start a new project, name it something memorable…

and drag and drop the footage into the media sidebar.

Once you do that, you can drag them onto the timeline, and arrange them however you would like them.

Once you have everything in the order you would like, you can add some effects and graphics.

My favorite transition is the fade to white and fade to black, depending on the tone of the beginning of the next scene. You can add and adjust them by dragging and dropping the effect onto the desired portion of your timeline.

Once you have everything the way you want it, go to: FILE > EXPORT > MEDIA > and replace the file format with either MP4 or Quicktime (if you are on Mac like myself).

After that, click export on the bottom of the window. Depending on your computer’s processing and graphics performance, as well as the length and quality of the video, it may take seconds…or hours. After that, you are done! Enjoy your custom video or commercial you made!

Sound Effect Story

Instead of using audacity, I chose to use Premier Pro again. Go ahead and start the process by creating a new project and naming it something you will remember.

Then, drag and drop the sounds you downloaded to your media sidebar.

Then, arrange the audio to your liking and add transitions. The transitions are in the same place just under “audio transitions”

Then, follow the same instructions to export, but instead of Quicktime or MP4, choose MP3.

Then click export, wait a few minutes, and you’re done!


GIFs, in my opinion, are super easy to make. With that said, everyones tech-saveyness is different, and that is why there are a bunch of super simple tools like GIPHY!

You can also use story blocks to find media, or you can use footage that you shot yourself. Just login > Click Create > and click browse files.

once you have selected a file (has to be under one minute) it is time to edit it to your liking.

you can also add text and stickers to your GIF.

Then click “Continue to Upload” and you’re done! You can share it or embed it to your blog.

Flyer Advertisement + Book Title

For the final two parts, the flyer and the book cover, I used Adobe Illustrator. It works similarly to photoshop, but I prefer illustrator. Once you launch the application, click “Create New,” choose your parameters, and click “Create.”

I prefer to use a 400×600 pixel canvas to make posters, and it works with most other art that I make. Once you have a blank canvas, you can drag and drop pictures from unsplash, from your library, or anywhere else you can find free content.

You can add text using the text tool:

and add effects and shapes using the shapes tool:

once you are happy with your final product, go ahead and click FILE > EXPORT > EXPORT AS.

Make sure you save it as a PNG. Most places will only let you use .png files. Save it where you can easily find it.

And you are done!