Universe

PROGRESSO

Creates an adjustable loading screen motion graphic displaying progress from zero to completion.

 

 

 

 


Getting Started Premiere_icon AfterEffects_icon FinalCutPro_icon Motion_icon Vegas_icon Hitfilm_icon Resolve_icon

    • Drag the effect onto your clip.

Presets

  • Click the Choose a Preset button to see an animated preview of all the presets available. Double-click any preset to apply.
  • After modifying the effect, select Save a Preset... to save the modifications as a custom preset.

Modify the Effect

  • Text Style launches a modular window with various text adjustments including Font, Font Type, Font Size, Font Color, Justification, Line Spacing, and Letter Spacing.
  • Chart Type defines which chart layout will denote the loading progress from zero to completion. The selection made here can then be customized by its respective parameter subset below.
  • Progress adjusts where between 0 and 100 the current progress for the chart is at. (Note: this will need to be keyframed between 0 and 100 to create a basic progress animation).
  • Position provides coordinates and controls that define where within the frame the chart will appear.
  • Color
    • Choose a Color Map launches a modular window with visible color map preset library for the chart.
    • Color Map contains a list of preset color maps that auto-populate the color values below to match their theme.
    • Fill Style determines whether the chart's color uses a Fill or a Gradient.
    • Gradient Anchor adjusts whether the gradient progresses from one color to the other starting at the End or the Start of the progress bar.
    • FG Fill Color and FG Fill Color 2 define the first and second colors of the foreground element's gradient.
    • FG Stroke Color defines the foreground element's stroke color.
    • BG Fill Color defines the background element's color.
    • BG Stroke Color defines the background element's stroke color.
  • Text Settings
    • Render Text toggles the text element of the effect.
    • Number Style determines whether the progress is formatted as Time or just Numbers.
    • Text Follows Progress toggles whether the text element is paired to the progress completion.
    • Auto Rotate Text toggles whether the text element rotates with the progress completion (when applicable).
    • Font Color defines the color of the text element.
    • Font Size controls the scale of the text element.
    • Text Offset X and Y adjust the text element's location along the X and Y axis in relation to its default position.
    • Text Radius Offset moves the text element outward (negative values) or inward (positive values) from the progress chart in relation to its default position.
    • Text Rotation rotates the text element at an angle.
    • Justification controls whether the text element aligned to the Left, Right, or Center.
    • Horizontal Tracking adjusts the spacing between letters in the text element.
    • Text Blend Mode provides the standard blending controls which determine how the effect integrates into the rest of the composition.
    • Numbers adjusts the numerical output when Numbers is selected as the Number Style.
      • Final Value defines what the final numerical value is that represents the progress completion.
      • Number of Decimals adjusts the number of decimal places to include in the output, suffixing the decimal with 0s to fill the number when necessary.
      • Minimum Integer Length adjusts the minimum amount of integers to include in the output, prefixing the number with 0s to fill the length when necessary.
      • Use Commas toggles whether commas are placed every three decimal places to the left of the decimal point.
      • Swap Commas/Period switches any placement of commas with periods and vise versa.
      • Unit of Measure denotes the number with whatever symbol represents the unit selected from the list.
      • Unit Placement determines whether the unit's symbol placement is dependent on the Unit of Measure selected (Smart), or if it's strictly After or Before the number.
      • Insert Space toggles a space between the number and unit symbol.
    • Time adjusts the numerical output when Time is selected as the Number Style.
      • Format adjusts the formatting of the time relayed.
      • Rate controls the speed at which the time increases (positive values) or decreases (negative values).
      • Hours Offset adds or subtracts hours from the current Progress of the chart.
      • Minutes Offset adds or subtracts minutes from the current Progress of the chart.
      • Seconds Offset adds or subtracts hours from the current Progress of the chart.
      • Show Seconds toggles whether seconds are relayed.
      • Show Milliseconds toggles whether milliseconds are relayed.
      • Milliseconds Rate controls the speed at which the milliseconds increase.
      • Time Separator controls what symbol is used to separate the hours, minutes, seconds, and milliseconds.
      • Allow Negative Values toggles whether time can extend into negative values.
  • Marker Settings
    • Draw Marker toggles the marker element of the progress chart, which extends between the chart and the numbers element.
    • Marker Shape provides a list of shapes to comprise the marker element of the chart.
    • Marker Width and Height define the horizontal and vertical scale of the marker element.
    • Pointer Height defines the length of the Pointer shape.
    • Marker Offset X and adjust the marker element's location along the X and Y axis in relation to its default position.
    • Marker Color defines the color of the marker element.
    • Marker Angle rotates the marker element at an angle relative to current progress of the chart.
  • Linear Bar contains adjustments for the chart when Linear Bar is selected as the Chart Type.
    • Bar Width and Height defines the horizontal and vertical sizing of the bar.
    • Bar Rounding controls the rounding of the edges of the bar.
    • Bar FG Stroke Width defines the width of the inner stroke of the bar.
    • Bar BG Stroke Width defines the width of the outer stroke of the bar.
    • Bar FG Fill Opacity and Bar BG Fill Opacity controls the transparency of the foreground and background colors of the bar.
  • Arc contains adjustments for the chart when Arc is selected as the Chart Type.
    • Arc Diameter controls the width of the arc.
    • Arc Angle rotates the arc and all of its elements around its center point.
    • Arc Rounding rounds the progress arc's edges.
    • Arc FG Bar Width defines the width of the progress arc.
    • Arc FG Stroke Outline defines the width of the stroke of the progress arc.
    • Arc BG Stroke Width defines the width of the stroke that creates the background arc.
    • Arc BG Stroke Outline defines the width of an additional stroke, which covers the background arc.
    • Arc FG Fill Opacity and Arc BG Fill Opacity controls the transparency of the foreground and background colors of the arc
    • Segments
      • Draw Arc Segments toggles whether the arc is sectioned off into segments
      • Arc Segments Follow Progress toggles whether the segments are only revealed along with the progress arc.
      • Arc Segments defines how many segments the arc is sectioned into.
      • Arc Segment Radius Adjust moves the segments outward (negative values) or inward (positive values) from the chart.
      • Arc Segment Width and Height define the horizontal and vertical sizing of the segment markers.
      • Arc Interval Mark Frequency adjusts the number of segments between interval markers.
      • Arc Interval Mark Height controls the length of the interval markers.
  • Pie Chart contains adjustments for the chart when Pie Chart is selected as the Chart Type.
    • Pie FG Diameter and Pie BG Diameter controls the width of the pie chart's foreground and background elements.
    • Pie Angle rotates the pie chart and all of its elements around its center point.
    • Pie FG Stroke Width and Pie BG Stroke Width defines the width of the stroke around the pie chart's foreground and background elements.
    • Pie FG Fill Opacity and Pie BG Fill Opacity controls the transparency of the foreground and background colors of the pie chart.
  • Linear Sequence contains adjustments for the chart when Linear Sequence is selected as the Chart Type.
    • Seq Total Width defines the overall width of the sequence bar.
    • Seq Segment Width and Height define the horizontal and vertical sizing of the segments.
    • Seq BG Bar Height adjusts the height of the sequence bar's background.
    • Seq Segments defines how many segments the sequence is sectioned into.
    • Seq Rounding rounds off the edges of the segments.
    • Seq Stroke Width FG defines the width of the stroke around the segment markers.
    • Seq Stroke Width BG defines the width of the stroke around the linear sequence background.
    • Seq FG Fill Opacity and Seq BG Fill Opacity controls the transparency of the foreground and background colors of the linear sequence.
  • Foreground Opacity adjusts the foreground's transparency between 0 (transparent) and 100 (opaque).
  • Background Opacity adjusts the background's transparency between 0 (transparent) and 100 (opaque).
  • Blend Mode includes the standard blending controls which determine how the effect integrates into the rest of your composition.