more
parent
aa79282dae
commit
859286ebd0
2 changed files with 50 additions and 3 deletions
53
Layers.md
53
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 src="../wiki/raw/media/instructions/layer/3-change-font-size.mp4" height="360" controls></video>
|
||||
<br>*Video: changing the font size. text alignment is set to centric*
|
||||
<br>*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 src="../wiki/raw/media/instructions/layer/4-change-letter-spacing.mp4" height="360" controls></video>
|
||||
<br>*Video: changing the letter spacing. text alignment is set to centric (0.5)*
|
||||
|
||||
## Change Line Height
|
||||
|
||||
<video src="../wiki/raw/media/instructions/layer/5-change-line-height.mp4" height="360" controls></video>
|
||||
<br>*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 src="../wiki/raw/media/instructions/layer/6-change-text-alignment.mp4" height="360" controls></video>
|
||||
<br>*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 src="../wiki/raw/media/instructions/layer/7-wrap-text.mp4" height="360" controls></video>
|
||||
<br>*Video: wrapping text*
|
||||
|
|
Loading…
Reference in a new issue