variablelab/variabletime
variablelab/variabletime
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
Page: Layers
Pages
Artboard GettingStarted Home Layers Projects
6 Layers
themancalledjakob edited this page 2023-09-14 20:52:25 +02:00
Table of Contents

Layers

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

you can change these properties on the right

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 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 (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 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).


Video: changing the text alinment

Wrap Text

Text is wrapped to fit the Wrapper Width at either spaces or dashes -. Depending on the alignment this also changes the position of the text.


Video: wrapping text

Change Variable Axes

Now, that's what we're here for. If a font has variable axes, we can adjust them individually.


Video: change variable axes

Move Layer

Yes, we can manipulate the position of a layer horizontally and vertically.


Video: move layer