diff --git a/Layers.md b/Layers.md index 25789d5..4af3c4d 100644 --- a/Layers.md +++ b/Layers.md @@ -3,10 +3,57 @@ A layer works pretty much as you might expect it. You can layer layers over each other and move them independent from each other. Each layer has a set of properties: +- Font Family +- Text Alignment +- Wrapper Width +- Font Size +- Letter Spacing +- Line Height +- Text +- Variable Axes +- Position X +- Position Y +- Rotation +- Rotation Origin +- Mirror X +- Mirror X Distance +- Mirror Y +- Mirror Y Distance +- Mirrox XY +- Color +- Letter Delays -## Change font size +you can change these properties on the right -Changing the size of the font will obviously affect the size of the font, but also the position of the layer. Depending on the alignment of the text, the layer will grow/shrink either to the left, right, or a mixture of both. +## Change Font Size + +Changing the size of the font will obviously affect the size of the font, but also the position of the layer. Depending on the [alignment](#change-text-alignment) of the text, the layer will grow/shrink either to the left, right, or a mixture of both. -
*Video: changing the font size. text alignment is set to centric* +
*Video: changing the font size. text alignment is set to centric (0.5)* + +## Change Letter Spacing + +Changing the size of the font will obviously affect the space between the letters, but also the position of the layer. Depending on the [alignment](#change-text-alignment) of the text, the layer will grow/shrink either to the left, right, or a mixture of both. + + +
*Video: changing the letter spacing. text alignment is set to centric (0.5)* + +## Change Line Height + + +
*Video: changing the line height* + +## Change Text Alignment + +Changing the text alignment will affect how the text is aligned horizontally. This shifts the point of origin, and the text will move horizontally. When there are multiple lines, this will affect their relative horizontal position. You can get multiple lines either by manually breaking the lines in the textbox, or by wrapping the text (see [Wrap Text](#wrap-text)). + + +
*Video: changing the text alinment* + +## Wrap Text + +Text is wrapped to fit the `Wrapper Width` at either spaces ` ` or dashes `-`. Depending on the [alignment](#change-text-alignment) this also changes the position of the text. + + +
*Video: wrapping text* diff --git a/media/instructions/layer/4-change-letter-sapcing.mp4 b/media/instructions/layer/4-change-letter-spacing.mp4 similarity index 100% rename from media/instructions/layer/4-change-letter-sapcing.mp4 rename to media/instructions/layer/4-change-letter-spacing.mp4