GoPro Hero 3 Time Lapse Using Adobe Premiere Pro

Posted on

Let’s look at how to take GoPro recorded footage and import it into Premiere Pro for greater editing control.  This can be accomplished in a number of different ways, but this workflow results in a basic, editable sequence.  It also leaves some options open to your own production preferences.  I am using Windows 10 and Adobe Premium Pro CS6.  You may be using a different OS or Adobe version, but the basic workflow should be very similar.  

The first step is to import the image files and folders from your GoPro to your machine.  You may have already done this when you attached the camera, using Quik or similar software, or you may opt to drag and drop.  It only matters that the images reside on your machine and that you know where they are located.  Premiere Pro only links to these files to create the initial clips.  Unlike other assets in other Premiere projects, the GoPro images themselves can be moved anywhere, even deleted if not required after the time-lapse sequence has been created.

Fire up Premium Pro and create a new project.  Save it in a folder that you will be the repository for all project assets. Although the original images won’t matter when the process is complete, other file locations will. I start with a desktop folder while working on it and move the entire folder when the project is complete.  For larger projects, I usually find a permanent location first.

Next, import image clips into Premiere Pro by highlighting the first image in the folder, ensuring the Image Sequence box is checked and clicking open.

Once all the image sequences are imported, right-click a clip file and select New Sequence From Clip. You will have created a new sequence based the image settings of your camera.

At this point, you can optionally rename the new sequence files as something more recognizable but keep the sequential order.

Close all open sequences except one. Click on the clip name in the timeline to bring focus to the clip and queue the sequence to export it as a video clip: File > Export > Media.  I use the settings as shown above as they render a movie almost identical to settings I use when shooting video with my camera.  Changing the Source Scaling option from Scale To Fit to Scale To Fill will eliminate the black edges but result in clipping of the image. The Stretch To Fill option results in a distorted image.  Click the Output Name field and ensure the file is created in your project folder.  When you are happy with the export settings, click Queue.

If Adobe Media Encoder is not running, you will see it start up and display its queue – we’ll get back to this later.  Back in Premiere Pro, close the recently exported sequence and repeat the export process for each additional sequence.  When finished, open Adobe Media Encoder and ensure only the files just queued have the Ready status, delete all other completed tasks.  Click the green arrow to start encoding the files.

Once complete, the Media Encoder will display Done with a green checkmark beside the encoded video files.  The files can now be imported into the project as shown above.  Note that the previously created files have been placed in their own bins. These can be deleted if not required, as the newly created video files are completely stand-alone.

Create a single sequence with the new video files.  Highlight the new files, right-click and select New Sequence From Clip.  This sequence can now be edited, added to and used as a nested asset or treated as the previous clips and exported as a stand-alone movie file.

Hope this helped you out in creating a Premiere Pro time-lapse project from GoPro Hero 3 footage.  Although this post doesn’t show you how to record time-lapse footage with your GoPro Hero 3, this great this great video tutorial does. 

GoPro Hero 3 Time Lapse Tutorial - This video shows you how to set up your GoPro Hero3 to shoot time lapse photos and how to edit the photos into a time lapse video...
GoPro Quick | Desktop - Import and enjoy your GoPro footage and create beautiful videos with just a few clicks

Dark Sky in Weather Master

Posted on

A Brief Tutorial Outlining Installation Steps for the Weather Master WordPress Plugin

Weather Master is one of the easiest weather plugins to install and use.  It integrates well into most themes whose sidebar widget area is active. Once installed, the Weather Master widget will ask you within which location you would like it displayed.  Next, it will ask you a few well explained questions to define the data.  After saving the changes, the feed is live.  Outlined below are the steps used to define a Dark Sky weather feed.  The process is exactly the same for an Open Weather Map feed with the exception of the widget data definition process, which as stated previously, is very well documented.

  1. Use the WordPress Installer, Updater to grab Weather Master.  Alternatively, download and install manually from
  2. Activate when prompted in the plugin info window, or from within the “Plugins” admin panel.
  3. Click the Weather Master widget you wish to use in the “Appearance | Widgets” panel and select the widget area to use. (Instructions follow as Setting Up Custom Widget Areas).
  4. Click “Active Weather Display” and enter a latitude and longitude at minimum in the options available.
  5. Save your preferences and enjoy your feed.

Read more Weather Master documentation at TechGasp or

Setting Up Custom Widget Areas

To define our own widget areas or if the sidebar is disabled, we first have to define the widget area in functions.php:

 * Register widget area.
 * @link
function custom_wp_widgets_init() {

  // Widget Area - Weather

  register_sidebar( array(
  'name' => esc_html__( 'Weather Feeds', 'bourbon-wp' ),
  'id' => 'widget-area-3',
  'description' => esc_html__( 'Add widgets here.', 'bourbon-wp' ),
  'before_widget' => '<section id="%1$s" class="widget weather-widget-area">',
  'after_widget' => '</section>',
  'before_title' => '<h2 class="widget-title">',
  'after_title' => '</h2>',

add_action( 'widgets_init', 'custom_wp_widgets_init' );

And now to have more control as to where Weather Master will diplay its widget, we can easily create a new widget area.  Simply place the following line of code where you wish a widget area to appear:

<?php if ( (!function_exists('dynamic_sidebar') || !dynamic_sidebar("Weather Feed")) ) : ?>
<?php endif;?>

You can even conditionally display it:

<?php if ( is_page( 'projects' ) && (!function_exists('dynamic_sidebar') || !dynamic_sidebar("Weather Feed")) ) : ?>
<?php endif;?>

It really is that easy. The only drawback is that since the display is contained within an iFrame, any refining of styles except the basic outer layout is not possible.

You can read more about “Widgetizing” at

Git and GitHub – Learning the Basics

Posted on

9015d4da556858d18bc2843a2d03d387I recently working through three tutorials exploring Git and GitHub.  Ray Villalobos hosts Up and running with Git and GitHub, a brief yet informative look at one of the most popular distributed version control systems in use today.  Ray touches on all the basics of Git – building and initializing repositories, branching, merging, commits, etc. – in a local file system, the remote GitHub, and how both work together.  Although more of a web design enthusiast than web designer,  I was intrigued when I looked at the next title for web designers.

GitHub for Web Designers with James Williamson was a great video although the github desktop interface demonstrated was mac-based and the Windows version shown was not my more recent version.  Although having to translate the Mac interface instruction to my Windows interface made things somewhat confusing, the lesson plan and exercises were great.  The end game being a more thorough overview of Git and GitHub and why the use of the terminal and interface tools combine to make Git one of the best version control systems around.

As I am working on a Windows machine, I found that downloading and installing GitHub Desktop kept things simple.  Regardless of whether I was going to use the GitHub app, everything seemed more ‘stable’ on my machine.

Then I watched Git Essential Training, authored by Kevin Skoglund.


I looked at using the terminal and command lines of Git.  The Windows desktop interface for Github was pretty confusing, and the documentation help was limited at best.  I think I’ll study Git at the terminal level more thoroughly before trying the Windows Desktop interface again.