LoadUP v1.65: The Ultimate Script for HUDs, UIs, Infographics and More
What is LoadUP v1.65 and why you need it
If you are an After Effects user who wants to create loading or progress bars, fast and easy, then you need LoadUP v1.65. LoadUP is a script that creates all the necessary shape and text layers, inserts key expressions and adds convenient effect controls for easy customization.
LoadUP v1.65
With LoadUP, you can create any type of loading or progress bar along with a text layer, pointer(s) and a ton of effect controls to customize it to your liking. You can use it for creating HUDs, UI elements, infographics, charts, TV/News graphics and more.
In this article, we will show you how to install and run LoadUP, how to create different types of loading or progress bars with it, how to customize them, how to animate them, how to add text and numbers to them, and how to use them for various projects and purposes.
How to install and run LoadUP v1.65
LoadUP can be run as a dockable panel (will be visible and run from the "Window" menu in After Effects) or in "window" mode (visible and run from the File -> Scripts menu). The mode depends on which folder you install the script in.
To install LoadUP, you need to download it from aescripts.com (the price is $29.99) and unzip the file. Then copy the "LoadUP" folder into one of these folders:
For dockable panel mode: Program Files\Adobe\Adobe After Effects \Support Files\Scripts\ScriptUI Panels
For window mode: Program Files\Adobe\Adobe After Effects \Support Files\Scripts
LoadUP is compatible and has been successfully tested on After Effects CS6 through After Effects 2022, on both Windows and macOS (+Catalina) platforms.
How to create a loading or progress bar with LoadUP v1.65
Basic options and presets
To create a loading or progress bar with LoadUP, you need to open the script interface by either going to Window -> LoadUP (for dockable panel mode) or File -> Scripts -> Run Script File... -> LoadUP.jsx (for window mode).
The interface has four main sections: Basic options, Presets, Numbering options and Advanced options.
The basic options allow you to choose the type of bar (linear or circular), the orientation (horizontal or vertical), the direction (normal or reversed), the size (width and height), the color (fill and stroke), the roundness (corner radius) and the thickness (stroke width) of the bar.
You can also choose from 40 linear and circular presets that are ready for you to experiment with. You can load a preset by clicking on its thumbnail in the Presets section.
How to customize your loading or progress bar
After creating a loading or progress bar with LoadUP, you can customize it further by using the effect controls and expressions that are added to the shape layer.
The effect controls allow you to adjust the percentage (the amount of fill), the offset (the position of the fill), the gap (the space between sections), the sections (the number of segments), the rotation (the angle of the bar), the skew (the slant of the bar), the scale (the size of the bar) and the opacity (the transparency of the bar) of the bar.
You can also use expressions to link these properties to other layers or values in your composition. For example, you can link the percentage property to a slider control or an audio amplitude keyframe.
How to animate your loading or progress bar
To animate your loading or progress bar, you can use keyframes on any of the effect controls or expressions that are added to the shape layer.
You can also use pointers to add motion graphics elements that follow the fill of the bar. A pointer is a shape layer that is parented to the bar layer and has an expression that calculates its position based on the percentage property of the bar layer.
You can add up to three pointers by checking the "pointer 1", "pointer 2" or "pointer 3" boxes in the Basic options section of the script interface. You can then customize their shape, size, color, rotation, offset and opacity using the effect controls that are added to their layers.
How to add text and numbers to your loading or progress bar
```html the text layer options and numbering modes that are available in the script interface.
The text layer options allow you to choose the font, size, color, alignment, tracking and baseline shift of the text layer. You can also choose to separate the digits of the text layer to prevent the annoying character wiggling you get when animating (counting up or down) a text layer.
The numbering modes allow you to choose how the text layer displays the percentage value of the bar layer. You can choose from 13 different modes, such as decimal, percentage, timecode, hexadecimal, binary and more. You can also add a prefix or a suffix to the text layer.
The text layer(s) that the script creates is completely independent. This means you can edit, move, scale, rotate, etc. the layer in relation to the bar. You can even delete the text layer you want without affecting the functionality of the script.
How to create different types of loading or progress bars with LoadUP v1.65
Linear and circular bars
With LoadUP, you can create both linear and circular loading or progress bars. You can choose the type of bar in the Basic options section of the script interface.
A linear bar is a straight line that fills from one end to another. A circular bar is a circle that fills from one point to another. You can change the orientation and direction of both types of bars using the effect controls.
You can also create sectioned bars by increasing the number of sections in the effect controls. A sectioned bar is a bar that is divided into segments that fill separately. You can adjust the gap between sections using the effect controls as well.
How to create a sectioned circular bar
A sectioned circular bar is a circular bar that is divided into segments that fill separately. It can be used to create interesting motion graphics effects such as speedometers, timers, clocks, etc.
To create a sectioned circular bar with LoadUP, follow these steps:
Create a circular bar with LoadUP by choosing "circular" in the Basic options section.
Increase the number of sections in the effect controls to your desired value.
Adjust the gap between sections in the effect controls to your desired value.
Customize and animate your sectioned circular bar as you wish.
How to create a video-player interface with LoadUP v1.65
A video-player interface is a UI element that shows the progress and status of a video playback. It usually consists of a linear loading or progress bar, a play/pause button, a time indicator and a volume control.
To create a video-player interface with LoadUP, follow these steps:
Create a linear bar with LoadUP by choosing "linear" in the Basic options section.
Link the percentage property of the bar layer to the time remap property of your video layer using an expression.
Add a pointer to your bar layer by checking "pointer 1" in the Basic options section.
Customize your pointer shape to look like a playhead using the effect controls.
Add a text layer to your bar layer by checking "text 1" in the Basic options section.
Choose "timecode" as your numbering mode in the Numbering options section.
Customize your text layer to look like a time indicator using the text layer options and effect controls.
```html the Basic options section.
Choose "timecode" as your numbering mode in the Numbering options section.
Add a suffix to your text layer with the total duration of your video using the Numbering options section.
Customize your text layer to look like a time indicator using the text layer options and effect controls.
Move and align your text layers to the left and right of your bar layer respectively.
Add a shape layer to your composition and draw a play/pause button using the pen tool.
Add an expression control effect to your shape layer and link it to the time remap property of your video layer using an expression.
Add a keyframe assistant to your shape layer and set it to toggle hold keyframes.
Keyframe your shape layer to switch between play and pause states according to your video playback.
Move and align your shape layer to the left of your text layer.
Add another shape layer to your composition and draw a volume control using the pen tool.
Add an expression control effect to your shape layer and link it to the audio levels property of your video layer using an expression.
Keyframe your shape layer to adjust the volume level according to your preference.
Move and align your shape layer to the right of your text layer.
How to use LoadUP v1.65 for various projects and purposes
HUDs, UI elements, infographics, charts, TV/News graphics and more
LoadUP is a versatile script that can be used for creating various types of motion graphics projects and purposes. You can use it for creating HUDs, UI elements, infographics, charts, TV/News graphics and more.
A HUD (head-up display) is a display that shows information without requiring the user to look away from their usual viewpoint. A UI (user interface) element is a component of a graphical user interface that provides information or functionality to the user. An infographic is a visual representation of data or information that makes it easy to understand and remember. A chart is a graphical representation of data that shows relationships or comparisons among variables. A TV/News graphic is a visual element that accompanies a TV or news program that provides information or context to the audience.
To use LoadUP for creating these types of projects and purposes, you need to combine it with other tools and techniques in After Effects, such as masks, effects, expressions, pre-compositions, 3D layers, cameras, lights, etc. You can also use LoadUP with other scripts or plugins that enhance its functionality or appearance.
In the following sections, we will show you some examples and steps on how to use LoadUP for creating some common types of motion graphics projects and purposes.
How to create a HUD with LoadUP v1.65
A HUD (head-up display) is a display that shows information without requiring the user to look away from their usual viewpoint. It can be used for games, simulations, movies, etc.
To create a HUD with LoadUP, follow these steps:
Create a circular bar with LoadUP by choosing "circular" in the Basic options section.
Customize your circular bar to look like a radar or compass using the effect controls.
Add a pointer to your circular bar by checking "pointer 1" in the Basic options section.
Customize your pointer shape to look like an arrow or indicator using the effect controls.
Animate your pointer to rotate around your circular bar using keyframes or expressions.
Add another circular bar with LoadUP by choosing "circular" in the Basic options section.
Customize your circular bar to look like a health or energy meter using the effect controls.
Animate your circular bar to fill up or down according to your health or energy level using keyframes or expressions.
Add another linear bar with LoadUP by choosing "linear" in the Basic options section.
Customize your linear bar to look like a speedometer or thermometer using the effect controls.
Animate your linear bar to fill up or down according to your speed or temperature using keyframes or expressions.
Add some text layers with LoadUP by checking "text 1", "text 2" and "text 3" in the Basic options section.
Choose different numbering modes for each text layer in the Numbering options section.
Customize each text layer to show different information such as coordinates, altitude, time, etc. using the text layer options and effect controls.
Link each text layer to the corresponding bar layer using expressions.
Move and align each bar and text layer to create a HUD layout in your composition.
How to create a UI element with LoadUP v1.65
```html to the user. It can be used for websites, apps, software, etc.
To create a UI element with LoadUP, follow these steps:
Create a linear bar with LoadUP by choosing "linear" in the Basic options section.
Customize your linear bar to look like a slider or a progress bar using the effect controls.
Add a pointer to your linear bar by checking "pointer 1" in the Basic options section.
Customize your pointer shape to look like a knob or a handle using the effect controls.
Animate your pointer to move along your linear bar using keyframes or expressions.
Add a text layer to your linear bar by checking "text 1" in the Basic options section.
Choose a suitable numbering mode for your text layer in the Numbering options section.
Customize your text layer to show the value or status of your linear bar using the text layer options and effect controls.
Link your text layer to your linear bar using expressions.
Move and align your linear bar and text layer to create a UI element in your composition.
How to create an infographic with LoadUP v1.65
An infographic is a visual representation of data or information that makes it easy to understand and remember. It can be used for education, marketing, journalism, etc.
To create an infographic with LoadUP, follow these steps:
Create a circular bar with LoadUP by choosing "circular" in the Basic options section.
Customize your circular bar to look like a pie chart or a donut chart using the effect controls.
Increase the number of sections in the effect controls to match the number of categories in your data.
Adjust the percentage and color of each section in the effect controls to match the value and label of each category in your data.
Add some text layers with LoadUP by checking "text 1", "text 2", etc. in the Basic options section.
Choose "none" as your numbering mode for each text layer in the Numbering options section.
Customize each text layer to show the label and value of each category in your data using the text layer options and effect controls.
Move and align each text layer to point to the corresponding section in your circular bar.
Add another linear bar with LoadUP by choosing "linear" in the Basic options section.
Customize your linear bar to look like a bar chart or a histogram using the effect controls.
Increase the number of sections in the effect controls to match the number of categories in your data.
Adjust the percentage and color of each section in the effect controls to match the value and label of each category in your data.
Add some text layers with LoadUP by checking "text 1", "text 2", etc. in the Basic options section.
Choose "none" as your numbering mode for each text layer in the Numbering options section.
Customize each text layer to show the label and value of each category in your data using the text layer options and effect controls.
Move and align each text layer to point to the corresponding section in your linear bar.
How to create a chart with LoadUP v1.65
A chart is a graphical representation of data that shows relationships or comparisons among variables. It can be used for analysis, presentation, communication, etc.
To create a chart with LoadUP, follow these steps:
Create a circular bar with LoadUP by choosing "circular" in the Basic options section.
Customize your circular bar to look like a gauge or a meter using the effect controls.
Add a pointer to your circular bar by checking "pointer 1" in the Basic options section.
Customize your pointer shape to look like a needle or an indicator using the effect controls.
Animate your pointer to rotate around your circular bar according to your data using keyframes or expressions.
```html the Basic options section.
Choose a suitable numbering mode for your text layer in the Numbering options section.
Customize your text layer to show the value or status of your circular bar using the text layer options and effect controls.
Link your text layer to your circular bar using expressions.
Move and align your circular bar and text layer to create a chart in your composition.
How to create a TV/News graphic with LoadUP v1.65
A TV/News graphic is a visual element that accompanies a TV or news program that provides information or context to the audience. It can be used for headlines, captions, logos, tickers, etc.
To create a TV/News graphic with LoadUP, follow these steps:
Create a linear bar with LoadUP by choosing "linear" in the Basic options section.
Customize your linear bar to look like a ticker or a banner using the effect controls.
Add a text layer to your linear bar by checking "text 1" in the Basic options section.
Choose "none" as your numbering mode for your text layer in the Numbering options section.
Customize your text layer to show the headline or caption of your TV/News program using the text layer options and effect controls.
Animate your text layer to scroll along your linear bar using keyframes or expressions.
Add another text layer to your composition and type the logo or name of your TV/News program using the text tool.
Customize your text layer to match the style and color of your TV/News program using the character panel and effect controls.
Move and align your text layer to the left or right of your linear bar.
Conclusion
In this article, we have shown you what LoadUP v1.65 is and why you need it. We have also shown you how to install and run LoadUP, how to create different types of loading or progress bars with it, how to customize them, how to animate them, how to add text and numbers to them, and how to use them for various projects and purposes.
LoadUP is a powerful and versatile script that can help you create loading or progress bars, fast and easy. It is ideal for artists who create HUDs, UI elements, infographics, charts, TV/News graphics and more. You can download it from aescripts.com for $29.99 and start creating amazing motion graphics with it.
Frequently Asked Questions
Q: How can I update LoadUP to the latest version?
A: You can update LoadUP by downloading it from aescripts.com and replacing the old folder with the new one in your scripts folder. You can also use the aescripts + aeplugins manager app to update LoadUP automatically.
Q: How can I get support for LoadUP?
A: You can get support for LoadUP by opening a support request on aescripts.com. Please describe the problem as detailed as possible and include screenshots if necessary.
Q: How can I learn more about LoadUP?
A: You can learn more about LoadUP by watching the tutorial videos on <a href="https://aescripts