Gyro effects

Stay organized with collections Save and categorize content based on your preferences.

Add movement to your watch face to help your design stand out. Gyro effects change the appearance of your watch face as you tilt your watch.

Gyro effects let you adjust the dimensions, inner pivot positions, rotation, and opacity of objects in your watch face.

Click GYRO in the properties window to tweak the X and Y rotation dimensions of independent objects to create 3D effects for your watch face. There are two sections for applying gyro effects: X-AXIS and Y-AXIS. These sections let you control the properties when the watch rotates along the X and Y axes, respectively.

gyro mode

The watch gyroscope

Gyro effects apply as the watch moves within the -90º to 90º range along the X and Y axes. The watch is considered level when it is at 0º.

You can also design watch faces that change appearance when the watch moves clockwise or counter-clockwise.

gyro mode

When wearing your watch on your left wrist, if your watch rotates 90º upwards (counter-clockwise) along the X axis, this displays as -90º. When the watch rotates 90º downwards (clockwise) along the X axis, this displays as 90º.

gyro modegyro mode

When wearing your watch on your left wrist, if your watch rotates 90º to the left along the Y axis, this displays as -90º. When the watch rotates 90º to the right along the Y axis, this displays as 90º.

gyro modegyro mode

Range

Set range values that are used to calculate how much the elements rotate. For example, if you enter values of -90 and +90, to create a pivot range of -90º to 90º, then inner_pivot_x is 80 pixels to the right of the base value when the watch rotates 80º.

gyro mode

gyro mode

Additional properties for gyro mode include the following:

  • Scale: enlarge and shrink an object in relation to a point at its center. The point remains in the same position while the object gets bigger or smaller.
  • Displacement: change the position of an object using a point at its center. The value of the Position input field is based on the center of the object.
  • Rotate: Rotate an object based on a point at its center. Rotations don't change the position of the object.

gyro modegyro modegyro mode