वीडियो पर वापस

Figma

Figma Motion basics: Motion path

लॉन्च
प्लैटफ़ॉर्म
YouTube
अवधि
1:23
बोली जाने वाली भाषा
अंग्रेज़ी
व्यूज़
8.3 हज़ार
औसत कट
0.09s
स्क्रीन पर चेहरा
0%
गहरे फ़्रेम
4%
Figma Figma Motion basics: Motion path at 0:00
FigmaFigma Motion basics: Motion path
0:00
Figma Figma Motion basics: Motion path at 0:03
FigmaFigma Motion basics: Motion path
0:03
Figma Figma Motion basics: Motion path at 0:04
FigmaFigma Motion basics: Motion path
0:04
Figma Figma Motion basics: Motion path at 0:04
FigmaFigma Motion basics: Motion path
0:04
Figma Figma Motion basics: Motion path at 0:13
FigmaFigma Motion basics: Motion path
0:13
Figma Figma Motion basics: Motion path at 0:18
FigmaFigma Motion basics: Motion path
0:18
Figma Figma Motion basics: Motion path at 0:18
FigmaFigma Motion basics: Motion path
0:18
Figma Figma Motion basics: Motion path at 0:18
FigmaFigma Motion basics: Motion path
0:18
Figma Figma Motion basics: Motion path at 0:25
FigmaFigma Motion basics: Motion path
0:25
Figma Figma Motion basics: Motion path at 0:37
FigmaFigma Motion basics: Motion path
0:37
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:40
FigmaFigma Motion basics: Motion path
0:40
Figma Figma Motion basics: Motion path at 0:41
FigmaFigma Motion basics: Motion path
0:41
Figma Figma Motion basics: Motion path at 0:43
FigmaFigma Motion basics: Motion path
0:43
Figma Figma Motion basics: Motion path at 0:49
FigmaFigma Motion basics: Motion path
0:49
Figma Figma Motion basics: Motion path at 0:52
FigmaFigma Motion basics: Motion path
0:52
Figma Figma Motion basics: Motion path at 0:55
FigmaFigma Motion basics: Motion path
0:55
Figma Figma Motion basics: Motion path at 0:57
FigmaFigma Motion basics: Motion path
0:57
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 0:58
FigmaFigma Motion basics: Motion path
0:58
Figma Figma Motion basics: Motion path at 1:01
FigmaFigma Motion basics: Motion path
1:01
Figma Figma Motion basics: Motion path at 1:07
FigmaFigma Motion basics: Motion path
1:07
Figma Figma Motion basics: Motion path at 1:09
FigmaFigma Motion basics: Motion path
1:09
Figma Figma Motion basics: Motion path at 1:09
FigmaFigma Motion basics: Motion path
1:09
Figma Figma Motion basics: Motion path at 1:10
FigmaFigma Motion basics: Motion path
1:10
Figma Figma Motion basics: Motion path at 1:14
FigmaFigma Motion basics: Motion path
1:14
Figma Figma Motion basics: Motion path at 1:19
FigmaFigma Motion basics: Motion path
1:19

Figma Motion basics: Motion path की ट्रांसक्रिप्ट

फ़िल्म के अपने ऑडियो से एक स्पीच मॉडल द्वारा लिखा गया, ब्रांड द्वारा नहीं। उस पल पर जाने के लिए किसी भी पंक्ति पर क्लिक करें।

  1. 0:00Let's learn about motion paths in Figma Motion.
  2. 0:03When you add position keyframes to an object, that movement is displayed as a motion path
  3. 0:08on the canvas.
  4. 0:09Motion paths are made up of dots, which indicate an animation's speed, also known as easing,
  5. 0:14and boxes, which mark the position of each keyframe.
  6. 0:17To view an object's motion path, select it on the canvas or in the layer section of the
  7. 0:22timeline.
  8. 0:23Motion paths are not set in stone, and can be altered as needed.
  9. 0:27Reposition keyframes by clicking and dragging them on the canvas, or create more natural
  10. 0:32movement by holding the modifier key and using the handle to add smooth curves to the path.
  11. 0:40Keyframe position is only half of the motion equation, and animation's easing also influences
  12. 0:45how it moves.
  13. 0:47Evenly spaced dots along the motion path indicate steady, linear movement.
  14. 0:52The wider the gaps get, the faster your animation moves.
  15. 0:58To change the easing, click the line between two keyframes, then select a default curve from the menu, or create a custom one.
15 पंक्तियाँ · 176 शब्द