Week 13: Video Title Sequence Tutorial

Now that we’ve learned the basics of editing in Adobe Premiere, you will create an advanced title animation in this week’s tutorial. You may work on this at home on your computer or in the labs. Before you start working, please read all the way through the tutorial and watch the example video.

1. Create a new Adobe Premiere Project. Shoot and import a 30-second video of a single shot with some motion to your background. For example, you might shoot a tree blowing in the wind. You could try to find some footage that relates to your topic and make this tutorial part of your video project.

2. Create a graphic in photoshop with at least 4 different layers of text with title information for your project. You will individually animate each of these layers (see video below). Save the file as a .psd.

3. Import the psd file as individual layers into Premiere.

4. Animate each of the layers separately and make them appear in your title sequence.

5. After you are happy with your title sequence, export the video and upload it to Youtube. Also, export your title PSD file to a JPG and post it in the same blog entry. Post the video tutorial to your blog.

For details on importing the PSD file and animating the layers as a title sequence, see:

http://tv.adobe.com/watch/digital-video/getting-started-10-inserting-graphics/

Week 12: In-Class Premiere Tutorial

Last week we worked on the basics of video editing in Adobe Premiere. As a reference, here is a reference to the various tools we used.

1. Import files from the Z:\COM499\WSU Experience\ by dragging the two videos, image, and audio file into your project window in the top-left of Premiere. Alternatively, you can go to file->import and find the files.

2. Create and edit subclips. Drag one of the videos into the source viewer in the top-center. You can then set “in” and “out” points in the source viewer to create subclips, or drag the cropped clips into your sequence timeline in the bottom-center. We discussed various ways to create and edit subclips, as well as putting them in Bins. The final project should have a sequence from the WSU experience video (without an interview clip), followed by a football sequence, followed by a second WSU experience clip, followed by a second football sequence. Be sure to resize the clips so the fit in the sequence frame. Tools: Select Tool, Ripple Edit Tool, Slip Tool, Slide Tool, Razor Tool, Subclips, Bins. For reference, see:

Subclips & Bins: http://layersmagazine.com/using-subclips-in-premiere-pro.html
Edit tools: http://layersmagazine.com/clip-trimming-in-premiere-pro.html

3. Transitions. We covered various transition effects between subclips in your sequence. We added a cross-dissolve between your first two clips, and a “fade to black” at the end of the sequence. For reference, see:

http://layersmagazine.com/creating-transitions-in-premiere-pro.html

4. Adding text. We covered various ways to add text to your video, including still text, crawling text (from left to right), rolling text (from the bottom to top), and a still slide based on a template. We added a still, centered text sequence at the beginning of the video followed by a crawling text after a touchdown play in the first football subclip, followed by rolling text as credits at the end of the sequence and lastly, a still slide from a template thanking the viewer for watching the video. For reference, see:

http://layersmagazine.com/premiere-pro-text-rolls-and-crawls.html
http://tv.adobe.com/watch/digital-video/getting-started-11-adding-titles/

5. Panning graphics. Next, we inserted the still image of the bronze cougar at the end of the last football clip, before the credits. After inserting the image into the video, resize the image to it fits in the frame. We then animated a slight upward pan and zoom using keyframes at the beginning and end of the image. For reference, see:

http://www.youtube.com/watch?v=Jfy-4hAnDFs

6. Adjusting audio. We unlinked the audio from the original videos and deleted those audio tracks. Then, we imported the music clip from the Z:\ drive. We added keyframes at the beginning and about 5 seconds into the video and faded the music up. We trimmed the music file down to match the length of the video and added two more key frames at the end of the video to fade out the music. We also discussed the “normalize audio” tool. For reference, see:

Adjusting audio: http://tv.adobe.com/watch/digital-video/getting-started-12-adding-and-adjusting-audio/
Normalizing audio: http://tv.adobe.com/watch/digital-video/normalizing-audio-for-the-whole-master-track/

7. Export video. Once we finished with the video, we exported the video to a 720p H.264 file. After the file was encoded with Adobe Media Encoder, we logged into Youtube.com and uploaded the video (be sure it is set to either public or unlisted so you can link it to your blog). Once the video is finished, you can paste the youtube.com link into your blog to embed the video. I have posted my example video below. You should post your in-class tutorial to your blog.

For exporting reference, see:

http://tv.adobe.com/watch/digital-video/getting-started-13-exporting-your-project/

Note: Be sure your video includes 4 different video subclips, 1 image, title from template, still centered text, crawling text, rolling text, at least 2 transitions between clips, panning and zooming effect on image, audio with fade in and fade out.

Example Video:

http://www.youtube.com/watch?v=cxc-3xGPzOA

 

Unit 3: Audio Tutorials

We have gone over two tutorials together in class:

Tutorial 1
Counting

In the first tutorial, we recorded ourselves saying the numbers 1-10 out of order (e.g., 4, 2, 6, 5, 1, 8, 7, 9, 3, 10).

Using Adobe Audition, use the “selection tool” located in the top toolbar to highlight individual numbers and cut and paste them back in order in the multitrack editing window (this post will be updated with screenshots soon).

Music Bed

Next, we will add a “music bed” underneath our counting. First, drag a music file into an unused track in Audition’s multi-track view. Select a track you think would work well underneath talking (you can use the example file “ascona” as well). Once this music file is in a new track, you’ll want to crop it so it is about 10 second longer than the time it takes you to count from 1-10. Select the audio from the “counting” track using the “move tool” and drag it so it is centered in between the music file. That is, there should be about 5 seconds of music before you start counting, and 5 seconds of music after you finish counting.

Next, you’ll want to move your mouse using the select tool to the yellow “envelope” line about 3/4s of the way up on the music track. When you hover your mouse over the envelope line, you should see the word “Volume” appear. Next, click on the yellow line about 1 second before you start counting. This will create a volume automation point on the music file. Click the yellow line again about 1 second after you have started counting. Drag the second volume automation point you created down to lower the volume of the music underneath your voice. You can start at a level of -8dB. Now, try playing the volume level adjustments to get the music volume sounding appropriate underneath your count. The music should fade to the background. It should be audible, but not loud enough to distract from hearing the numbers clearly.

Repeat this process at the end of your count. About one second before you finish counting create a volume automation point and a second point about a second after you finish counting. Drag the second point up to 0dB, so the music is again playing at full volume.

We’re almost done! When you have your music track selected, you should see a small square to the top left and top right of the track. When you click on the square in the top left and drag to the right, it will automatically create a “fade in” effect. That is, the music will start silently, then come up to 0dB. Repeat this process for the square in the top right, dragging the square to the left. This creates a “fade out” at the end of the music track.

Now, your final tutorial should have music that fades up to full volume, then fades below your counting in order from 1-10. Next, the music should come back to full volume after you finish counting, then fade out at the end.

Once you have finished this audio tutorial, export the file by going to File->Export->Multitrack Mixdown->Entire Track. This will create a flat .WAV or .MP3 file in the location you specified.

Tutorial 2
Editing an Interview

Now, using the tools you learned from above, download the audio track of Ira Glass  speaking about storytelling. This is a 17 minute interview where Mr. Glass talks at length about creating a compelling audio narrative. Your task is to cut this interview down to 2 minutes. You want to edit the interview so Mr. Glass gives a complete thought, that is, it should not feel like it starts abruptly or ends abruptly. Be sure to eliminate any extraneous words or phrases such as “like.” “um” or long pauses. The goal of this edit should be for it to sound smooth and unedited, but more concise and efficient in its use of time. One you have your edit to between 1:50-2:10, export the track.

Upload your tracks to Soundcloud

Create an account at soundcloud.com. Once you have logged in and verified your account, you should be able to click on the “Upload & Share” button on the top. Next click “Choose Files” and find your exported Tutorial 1. Be sure to make the file “public.” Once your file is uploaded, click on “Share” in the top left of the audio file and then click ont he “WordPress” button. You will then see a block of code that you can copy and paste into the body of your WordPress blog. Repeat this process for your exported Tutorial 2. Once you publish your blog post, you should be able to click the play button on either audio file and hear the final product, much like a “YouTube” for audio.

Please post the audio from your tutorials by 5pm on Monday, Oct. 17.

Illustrator Tutorials

COM499: Content Creation for Media
Illustrator Tutorials
Due Date: Sep. 26, 5pm 

Overview & Background

You will be using Adobe Illustrator to create your Logo. These tutorials will help you get familiar with the basic tools in Illustrator. Ultimately, the skills you learn here will help you realize your creative vision for your logo.

Instructions

You will be following several tutorials. We will go through the first tutorial in class together. Once you have completed all the tutorials, please create a blog post with all of your final assets (finished versions of the images). You can export images for the web by clicking:

File->Export. Select “JPEG” as the “file type” in bottom center, then click save

Please also save your original Illustrator (.ai) files on the network drive under “Z:\COM499\[YOUR LAST NAME]\Illustrator Tutorials\”

Tutorials

(In class):

  1. Stacked Paper: http://vector.tutsplus.com/tutorials/illustration/quick-tip-how-to-create-a-stacked-paper-document-illustration/

(On your own):

  1. Example LTD Logo: http://dryicons.com/blog/2009/02/28/logo-design-process-tutorial/
  2. RSS Icon: http://www.blog.spoongraphics.co.uk/tutorials/create-a-vector-rss-icon-with-illustrator
  3. Bunny Illustration: http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-cute-bunny-vector-character/

(Bonus):

  1. Purple Lemon Logo: http://www.blog.spoongraphics.co.uk/tutorials/how-to-design-a-logotype-from-conception-to-completion
  2. Obama Logo: http://www.clickpopmedia.com/2008/08/07/vector-tutorial-obama-logo-2/
  3. Glowing Abstract Light: http://vector.tutsplus.com/tutorials/illustration/create-a-glowing-abstract-light-vector-graphic/

Note: You may replace either “on your own” tutorials 1 or 2 with the more advanced bonus 4-6 tutorials, but you must complete tutorial 3.

Grading Rubric

Tutorials will be graded for completion. Tutorials 1 and 2 (or replacement bonus tutorials) are worth 5 points each. Tutorial 3 is worth 10 points. Bonus tutorials are worth 2 points extra credit each.

Photoshop Tutorials

COM499: Content Creation for Media
Photoshop Tutorials
Due Date: Sep. 2, 5pm 

Overview & Background

You will be using Adobe Photoshop to create your “Graphic Collage.” These tutorials will help you get familiar with the basic tools in Photoshop. Ultimately, the skills you learn here will help you realize your creative vision for your collage.

Instructions

You will be following several tutorials. Links to the original asset files can be taken from the tutorial links, or from the link posted in Angel. We will go through the first two tutorials in class together. Once you have completed all the tutorials, please create a blog post with all of your final assets (finished versions of the images). You can export images for the web by going to:

File->Save for Web & Devices. Select “JPEG” as the file type” in the top right, then click save

Please also put all of your final PSD files in a single folder called “Tutorials.” Then, zip that folder:

Right click the folder and select “Sent To”->Compressed (zipped folder). You will now see a file called “Tutorials.zip.”

Please also attach this file to your blog post.

Tutorials

(In class):

  1. Layers: http://psd.tutsplus.com/tutorials/tools-tips/photoshop-layers/
  2. Text: http://psd.tutsplus.com/tutorials/tools-tips/type-tool-photoshop/
  3. Correcting perspective with Crop tool: http://tv.adobe.com/watch/learn-photoshop-cs5/gs03-correcting-perspective-with-the-crop-tool/

(On your own):

  1. Blending Layers: http://psd.tutsplus.com/tutorials/tools-tips/blending-modes-photoshop/
  2. Adjustment Layers: http://psd.tutsplus.com/tutorials/tools-tips/adjustment-layers-photoshop/
  3. Separating Picture from Background: http://www.photoshopstar.com/basics/separating-complex-objects-from-background-2/
  4. Separating Picture from Background and add effects: http://www.photoshopstar.com/photo-effects/perfectum-beautiful-photo-effect/
  5. Facial Retouching: http://psd.tutsplus.com/tutorials/photo-effects-tutorials/super-fast-and-easy-facial-retouching/

(Bonus):

  1. Image Adjustment: http://pshero.com/photoshop-tutorials/photo-effects/image-adjustment-101
  2. Colorizing: http://pshero.com/photoshop-tutorials/photo-effects/artistic-sepia-colorizing-effect

Grading Rubric

Tutorials will be graded for completion. Each tutorial is worth 4 points. Bonus tutorials are worth 2 points extra credit each.