Basic Editing Functions on Adobe Premiere Pro

•April 13, 2014 • 5 Comments

I’m making this tutorial to help familiarize users with the basic layout and functionality of the editing software found on Adobe Premiere Pro to enable them to start their projects sooner and have a general understanding of where to start with their videos. You want to start this process by importing your video clips into Adobe, going from the menu options File –> Import –> Select your clips, and press Open.


Next, to actually start trimming your clips, you can use one of two methods – the razor blade or the time trimming element. Either one is a fine option, though with the razor you are completely cutting some of your film out of the movie whereas with the time trimmer, you can slide it back out and the edits you made are more quickly recoverable. So with the razor blade, you move the time indicator to the spot where you want to cut your film.


Then select the razor blade tool:


And then simply click where the red line is to split the clip in two. Image

You can then further edit or delete a small moment in the clips, or merely delete an entire half, it’s up to you and what you’re doing. To use the time editor, you should keep your cursor on the “Selection Tool” that looks like an arrow and is the top option on the list of mouse functionalities.


Then, you want to move to the edge of the clip you’re trying to edit and move the editor back however far you want so that the clip stops. As shown:


There you go, your clip is edited and you can slide it back the other way to recover your footage.


Adding Transitions:

Transitions can be a very useful way to create an obvious “transition” between your clips so that the video doesn’t stutter awkwardly when you’re changing your shot. To add them into your video, simply go to the effects menu on Premiere Pro.


Select the style of transition you want, then pick it up and drag it over to the start or end of the clip that you want to add the transition to.


The transparent purple indicates your transition and the amount of time it will take to complete.


There you have it, three very basic but very essential editing functions within Adobe Premiere Pro. Comment below if you have any questions or comments!


Inserting Single Audio File for Adobe Premier Pro Video

•April 13, 2014 • 6 Comments

I have been working in Adobe Premier Pro for my video project and was having problems with my audio. This was primarily because I am splicing together multiple clips and overlaying music in a few places. Doing this makes timing when different audio files need to enter and exit difficult.

To fix this issue, I edited my audio files in Adobe Audition and saved them as a single .wav file. Then I had to insert the file in Premier and make it the main audio track.

The easiest way to do this was to import the audio track:


Screen Shot 2014-04-13 at 11.43.52 AM

Once import is clicked, you have to select which while (in this case, the audio track I just completed in Audition)




Screen Shot 2014-04-13 at 11.44.25 AM

Importing the track may take a few seconds. When the process is completed, the audio track will be at bottom of your project file window:






Screen Shot 2014-04-13 at 11.45.46 AM


Now drag the audio file from project file window to the “audio 1” section of your video (directly below the “video” sections) so that you screen appears as such (The green file is your audio):

Screen Shot 2014-04-13 at 11.53.09 AM


In order to make sure the original audio volume from your videos is not interfering with your projects, be sure to move the yellow lines going across the blue audio sections as low as you can.










Screen Shot 2014-04-13 at 11.47.05 AM


At this point, you should be able to save and export your new video with a single, uniform audio track.

How to Remove Sound and Overlay Music in Adobe Premiere

•April 13, 2014 • 5 Comments

Hey there!

By default when you upload any video file in Adobe Premiere you will be given two tracks, an audio track and a video track, which gives you the option to edit the video and audio separately.


For the sake of my video project, I wanted to remove the sound from my video clip, and overlay a song from my iTunes library. To do this locate the audio track and unclick the speaker icon.



 That’s it, quick and easy!

From there, you’re going to need to import the audio track that you would like to overlay with your video. To do this you’re going to want to click File > Import > Media > Music, and then locate the audio track you’d like to insert into your video.



The track will then appear in your top left side bar. You’re going to want to select the track from there by running your cursor over the track and dragging it into the audio bar of your video project.



That’s it. Now the audio track you’ve imported will be played alongside your video clip, and the background sound from your video clip will not be heard at all!

Happy video making!

By: Julia Eisler

Adding Transitions in Premiere Pro

•April 11, 2014 • 5 Comments

Transitions are effects  [i.e., dissolve, cross-fade, etc] that make moving from one movie-clip to another much smoother. In Premiere Pro, it’s really easy to add transitions into your projects through the effects panel.

Screen Shot 2014-04-11 at 8.09.28 PM

First, make sure that the “Effects” panel is showing on the bottom left window so it looks like this:

Screen Shot 2014-04-11 at 8.09.34 PM

Screen Shot 2014-04-11 at 11.08.25 PM

* If it’s not, click “window”, then make sure “effects” is checked:

Next, click on the arrow to the left of “Video Transitions” to show you the different transition options, THEN, make sure the clip you want to apply the transition is selected, and drag the effect onto the beginning or end of that clip:

Screen Shot 2014-04-11 at 8.09.59 PM

Finally, when you double-click the transition, you can customize its time, etc. :

Screen Shot 2014-04-11 at 8.10.11 PMScreen Shot 2014-04-11 at 8.10.17 PM

*when you double click on the yellow duration text, you can manually adjust how long the transition should be:

By Olivia

How to Create Links to Different Parts of the Same HTML5 Page (aka Anchoring)

•April 11, 2014 • 5 Comments

The One Page Website with Anchored Links: A Popular Trend

A popular site layout nowadays is having a one page website, or close to it. In order to divide up the content, pages are typically super long with different sections on them and larger breaks between the content. This way, the user can find all the information in one space, but they aren’t overloaded due to a highly organized page. See zoomed out version of my bare bones portfolio site.


Screen Shot 2014-04-11 at 5.47.34 PM

Of course this isn’t at 100% zoom. While all information may exist on one page, the layout at 100% doesn’t feel overwhelming because the user focuses on one part at a time.

Using Anchored Links in Navigation Bars

Sites like these wouldn’t be complete without a navigation bar to take the user to different parts of the page. Some users naturally scroll down, but links to different parts of the page make it easier for users to find what they are looking for and create a more organized aesthetic.

Typically, a relative link in a document would look something like this where a different html document is linked. Because we are trying to link within the same document, we will have to do something a little differently.

Screen Shot 2014-04-11 at 8.01.32 PM

Good news! We still use the <a> tag but instead of putting in a document or file within the quotes, we assign whatever we are linking to an ID in this form:

Screen Shot 2014-04-11 at 8.09.29 PM


The ID is similar to the idea of classes where the name of the id can be anything as long as it remains the same in the link. So the general layout of the anchor where a user would click looks like this with an ID named “contactme”:

Screen Shot 2014-04-11 at 8.09.33 PM

But we aren’t done! We need to designate where we want the link to take us. Depending on what HTML5 element it is, this form could vary. For our sake, let’s use a div as an example. If I wanted my link to take us to a div, I would write:

Screen Shot 2014-04-11 at 8.09.37 PM

Now, when a user clicks on the link “Contact Me”, the browser will automatically take them to that specific part of the page where the ID was assigned!


Things to Remember

Of course, there can still be classes and style assigned to the element, but for this example, I just want to show the markup of the ID and the <a> tag when used as an anchor.

In a nutshell, where you want your link to take you is the element in which you assign the ID to. Remember, you don’t need the “#” symbol in the ID, only use it within the <a> tag in the beginning.

Again, this is something relatively simple, but handy to know in a pinch and is useful when trying to keep up with the latest web trends.


Comments? Questions? Let me know!



How to Make One of Those Trendy GIFs

•April 10, 2014 • 5 Comments

GIFs are all the rage right now. Some people are beginning to communicate only in GIFs (that may not be true, but the potential is definitely there). To make my website more interesting, I decided to add a GIF, and no, not by just taking one from Buzzfeed, but by making one myself! I was happily surprised to find that it is very simple to create one.

To start, you will need a video that you have already recorded and saved on your computer (it does not matter what type of file you have saved it as).

Open up Photoshop and click “file”, scroll down to “import”, and click “Video Frames to Layers”



Great. Now pick the video from your files that you want to make the GIF from. Once you have selected your video, a box will show up that looks like this:


Click “Selected Range Only”. This allows you to choose what part of your video you want to upload. Use the makers underneath the video clip to determine where you want the beginning and end of the video to be. *TIP: the smaller your video is, the easier it is to manipulate* Be sure that the button next to “Make Frame Animation” is checked. Now click “Ok”!

Good work. Now your video is on Photoshop. To see each frame of the video clearly, go to “window” in the top of the Photoshop window, and then select “timeline”.


The “timeline” view lets you see each individual frame (as shown in the image above at the bottom of the Photoshop window).

Now you can add text, format the video, etc. just as you would a normal image in Photoshop. Just make sure you apply your changes to every frame! *TIP: to create the flashing text so many GIFs have, apply the text to every other frame*

Perfect. You have your video just as you want it.*TIP: Change the image size to around 500 pixels so that the GIF does not take forever to load once you upload it to your website. Do this by clicking “image” in the top of the Photoshop window and then “image size”. Change the number of pixels to 500. Click “ok”. *


Time for the last step! Click “file” and then “save for web”.  In the box that pops up, make sure that you video is saved in “GIF” form.


Then hit save and you’re done! You’ve got a trendy GIF that you made all on your own! Now go make a Buzzfeed list about what kind of bagel you are using your new skill



– Amelia

Cutting and Editing Sound on Adobe Audition

•April 9, 2014 • 6 Comments




Editing sound on Adobe Audition can be very simple following these steps.

Begin by creating a new audio file

Screenshot 2014-04-09 13.03.09


Insert the sound file you want to edit (in mp3 format)

Screenshot 2014-04-09 13.03.44

Use your mouse to place the red tracker at the start of the sound you want to deleteScreenshot 2014-04-09 13.03.53

Use your mouse to highlight the length of the sound you want to delete and click the delete button on your keyboard.

Screenshot 2014-04-09 13.03.58