figma/动效交互/制作百叶窗拉动

用 Figma 的新功能噪点纹理，做了一个拉开百叶窗的动效小练习。

拖动交互 + 智能动画配合，还挺流畅。

噪点纹理加在图层上，整体更有质感一些。

主要用来测试交互动效的过渡手感，欢迎交流～

图形制作都是比较简单的基础图形就不讲了，交互制作思路如下

一、画板1（原始状态）

①矩形做百叶窗帘、拉杆

②【拉开交互】添加交互，设置拉杆-【拖动】-跳转到画板2，智能动画-弹跳800ms

③【偷窥交互】添加交互，第四五个矩形-设置【鼠标移入】-跳转到画板3，智能动画-后缓动300ms

二、画板2（拉上去后的状态）

①将矩形窗帘缩小高度并置于顶部、拉杆上半部分拉伸

②添加交互，设置拉杆-拖动-跳转返回到画板1，智能动画-弹跳800ms

三、画板3（偷看的百叶窗状态）

①将第四五六个矩形，添加钢笔锚点变形为菱形

②添加交互【鼠标离开】-跳转到画板1，智能动画-后缓动300ms