Getting started
Using StrokeStyler
The UI is designed to integrate and blend in with the After Effects interface seamlessly. It has three tabs; Dashes, Taper and Wave. We’ll go through each one below.
The StrokeStyler panel
When StrokeStyler retrieves the stroke property values to display in the panel, if there are no dashes present, the panel will look like this:
No dashes present
To add dashes, first check the Dashed Line box.
Check the Dashed Line box
This will activate the fields below where you can now enter your desired dash and gap values. Similarly, if you want to remove the dashes completely, just uncheck the same box. If you have some default values saved, they will be applied automatically.
<aside>
<img src="/icons/warning_gray.svg" alt="/icons/warning_gray.svg" width="40px" /> If you enter a value into one of the latter fields, say for example, **Dash 2, and the previous fields are still empty, StrokeStyler will automatically ****add a 0 into both the Dash 1 and Gap 1 **fields.
</aside>
To remove dashes or gaps, hold down the option key on macOS or the alt key on Windows and click the text under the corresponding field of the dash or gap that you’d like to remove.
<aside>
<img src="/icons/warning_gray.svg" alt="/icons/warning_gray.svg" width="40px" /> If you remove a dash or gap, StrokeStyler will also remove any proceeding dashes and gaps, where present. For example, if you were to remove Dash 2, then Gap 2, Dash 3 and Gap 3 would also be removed.
</aside>
Align Dashes to Corners buttons
These 4 buttons bring the familiar Align Dashes to Corners functionality from Illustrator to After Effects. To learn more about these, read more here.
StrokeStyler will display the stroke’s taper settings in the corresponding fields in the panel.
The Taper tab
You can also toggle the units between Percent **to Pixels.
Click Add Taper to immediately overwrite and apply preset values to all of the taper fields.
StrokeStyler will display the stroke’s wave settings in the corresponding fields in the panel.
The Wave tab
You can also toggle the units from Pixels **to Cycles. Choosing Pixels will enable the Wavelength field and disable the Cycles field. Choosing Cycles will enable the Cycles field and disable the Wavelength field.
Click Add Wave to immediately overwrite and apply preset values to all of the wave fields.
Each tab has its own settings — read more here.
← Previous
Next →
On this page