Figma制作日夜切换动画#figma #figma交互动画 #figma教程 #交互动画 #ui设计 #ui设计师 #ui动效 #设计师 #设计分享 #干货分享

日夜切换效果 d nighti Good momingl 选中两个素材,添加画板 个风格) Frame7 3754 24 调整大小和裁剪内容 375×249 3D llustration node-id=53%3A789&t=LxD7N7de4wJCGRFt-0 组件 复制内容,更改位置并且创建 添加两个文本图层,一个在另一 -200 300 316x60ght! 693 200 两个插画需要镜像,然后再旋 251 转180度 3D u 372 56 316×46 designmeso|Ho... Minimo Real Estat... 3Dlllu Free Indian Doodl... Fill Left Stroke Frame 100% Pass through Layer I Top X27 Constraints Property1 143 Compone Clip content W375 H282 P0° 203×105 将文档放到合适的位置 在切换的按钮中添加两个插画 将按钮的圆点向右移动 night! 500 178 85 89 Touch up Mouse leave Key/Gamepad While pressing While hovering On drag On tap None After delay Touch down Mouse enter Animation 现在开始设置的你的界面 Smart animate Custom 1600ms Interaction details 750 Flow1> 113 使用相同的设置,重新串连一下 1000 316 250 Night Day 428 -500 -250 Switcher 428 926 你也赶紧去试一下吧 Good morning! Gnao sinhyGood night! Good night! 9:41