diff --git a/editor/fundamentals/edit-vertices-tips.mdx b/editor/fundamentals/edit-vertices-tips.mdx
deleted file mode 100644
index abd957b5..00000000
--- a/editor/fundamentals/edit-vertices-tips.mdx
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: 'Edit Vertices Tips'
-description: ''
----
-
-When working with vector shapes, you have the luxury of editing the vertices of your shapes at any time (this includes animate mode). Whether you need to add extra vertices, change the type of bezier handle, or change the position of an errant vertex, everything is available to you regardless of where you created your graphics.
-
-## Use procedural shapes as a base
-
-Often, procedural shapes give you a great starting point for the shapes that you want to create. By editing a procedural shape, you can save yourself some time instead of creating the shape with the pen tool.
-
-
-
-The hills in this example were created by editing two vertices of an ellipse.
-
-
-
-For this example, the keyboard and touch-pad are both made with a rectangle that has it's bottom two vertices translated for perspective.
-
-## Change handles
-
-Sometimes, you'll need to change the type of handles a vertex is using to create the shape you want.
-
-
-
-Each handle will have its own unique use case, and you'll need to experiment with them to learn exactly when to use each.
\ No newline at end of file
diff --git a/editor/fundamentals/group-tips.mdx b/editor/fundamentals/group-tips.mdx
deleted file mode 100644
index ffd3a178..00000000
--- a/editor/fundamentals/group-tips.mdx
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: 'Group Tips'
-description: ''
----
-
-## Create a root group
-
-Creating a root group is generally a good idea for any object that you may need to rescale or reposition later, even if the contents have already been animated.
-
-
-
-In this example, the size of the artboard needs to be changed. With a root group, we can use the additional transform space it provides to reposition and rescale the candle.
-
-Resize the Artboard
-
-
-
-Resize the graphic using root
-
-
-
-You'll notice that even after resizing the graphic, the animation looks exactly the same as it did before thanks to the root!
\ No newline at end of file
diff --git a/editor/text/text-modifiers.mdx b/editor/text/text-modifiers.mdx
index 2d41172d..3ea53f61 100644
--- a/editor/text/text-modifiers.mdx
+++ b/editor/text/text-modifiers.mdx
@@ -1,6 +1,5 @@
---
-title: 'Text Modifiers'
-description: ''
+title: "Text Modifiers"
---
import { YouTube } from '/snippets/youtube.mdx'
@@ -22,9 +21,11 @@ A Text Modifier group contains at least one range and up to one of each modifier
Use the `+` action alongside the modifier group name to enable a chosen property.
-Each modifier group may only add one of each property type.
+
+ Each modifier group may only add one of each property type.
+
-
+
---
@@ -38,7 +39,7 @@ As an example, a range with a start point of 0% and an end value of 50% will onl
You can see a visual representation of the range via a shaded area on the stage. You can configure the stage visual options in the visibility menu on the toolbar.
-
+
### Falloff
@@ -46,13 +47,13 @@ Use the falloff values to add interpolation to the applied modifier properties.
The falloff can be visualised via the darker shading on the stage guide.
-
+
### Offset
Use the offset value to traverse the range along the text value. Try animating the offset value to create wipe effects along a text value. For example, a scale modifier can animate the offset to make individual glyphs scale up and back down again.
-
+
### Range Options
@@ -66,13 +67,17 @@ Define whether modifier properties get applied by:
- Words
- Lines
-The increment value will affect an index-based Range Type.
+
+ The increment value will affect an index-based Range Type.
+
#### Mode
Change the range mode to define how modifier properties should be calculated when multiple ranges on the same group cross over. For example, if a modifier with multiple ranges applied a scale value of 200% — an add mode would increase the scale to 400% if the ranges were to crossover.
- Turn on Modifier Range Values in the visibility menu to get a numerical indication of how much a Text Modifier is affecting glyphs.
+
+ Turn on Modifier Range Values in the visibility menu to get a numerical indication of how much a Text Modifier is affecting glyphs.
+
#### Strength
@@ -93,4 +98,4 @@ Toggle visual guides on the stage via the visibility menu in the toolbar:
- Modifier Range: Toggle the display of a shaded area on the stage to highlight the range position on a selected text object.
- Modifier Range Values: Toggle the display of per-glyph values on modifier ranges to indicate the applied strength of a given modifier.
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/images/editor/text/text-runs-modifiers-create.gif b/images/editor/text/text-runs-modifiers-create.gif
new file mode 100644
index 00000000..4ea9ca26
Binary files /dev/null and b/images/editor/text/text-runs-modifiers-create.gif differ
diff --git a/images/editor/text/text-runs-modifiers-fallof.gif b/images/editor/text/text-runs-modifiers-fallof.gif
new file mode 100644
index 00000000..63137ac8
Binary files /dev/null and b/images/editor/text/text-runs-modifiers-fallof.gif differ
diff --git a/images/editor/text/text-runs-modifiers-offset.gif b/images/editor/text/text-runs-modifiers-offset.gif
new file mode 100644
index 00000000..c5ebe620
Binary files /dev/null and b/images/editor/text/text-runs-modifiers-offset.gif differ
diff --git a/images/editor/text/text-runs-modifiers-options.gif b/images/editor/text/text-runs-modifiers-options.gif
new file mode 100644
index 00000000..33d216be
Binary files /dev/null and b/images/editor/text/text-runs-modifiers-options.gif differ
diff --git a/images/editor/text/text-runs-modifiers-range.gif b/images/editor/text/text-runs-modifiers-range.gif
new file mode 100644
index 00000000..dfeda944
Binary files /dev/null and b/images/editor/text/text-runs-modifiers-range.gif differ