TIM B’S TECH TALK
  • Home
  • Mac
  • iPad
  • Phone
  • Blog

Progress Bar for Videos

Part One

Progress bars must first be set up using a photo editor. The following screenshots captures the steps towards completing the progress bar. Note: I use Pixelmator Pro but any photo editor can be used.
Set up a canvas that is 1920 X 1080 
Note: The size can be larger, but it must maintain a 16:9 aspect ratio
Picture
Insert a rectangle along the bottom of your canvas. This will serve as your progress bar.
Note: You can use any color or gradient you prefer.
Picture
Duplicate the First Layer
Use this layer to create a bar graph over the previous layer. Remove fill color and add stroke color (10 px wide)
Picture
Add Several Vertical Line Shapes
Make lines 10 pixels wide and distribute evenly across the bar graph
Picture
Proudly powered by Weebly
  • Home
  • Mac
  • iPad
  • Phone
  • Blog