点击此处返回

每日可免费学习1个教程

立即登录>

软件入门平面设计 3D数字 C4D教程 Blender教程短视频制作影视动画摄影艺术室内设计绘画插画海外教程电商教程产品精修办公职场编程开发考证·外语品牌设计综合教程 UI设计兴趣生活

详情图文教程训练营推荐

UI设计

Sketch-列表页酷炫闪动动效

1494人学过难度:中级拔高软件:Sketch、Principle

评论(19) 收藏课程已收藏下载视频

关注人数：17060

资深交互设计师，前中艺唯雅设计总监UI设计师。手绘插画师。擅长手绘及界面设计，人民大学金融系毕业。新浪微博：凤箫箫箫～

AI+PS-24节气之谷雨

1.1万人已学

PS-节日钜惠字体设计

1.4万人已学

课程综合评分：9.2分

评论可是有底线的

本节教程练习

1、【打开】Sketch软件，【打开】Sketch素材。具体效果如图示。

2、【打开】Principle软件，【新建】任意大小的画布，单击【文件】-【从Sketch导入】。具体效果如图示。

3、【删除】画面多余的素材，【切换】Sketch软件，【选择】图片素材，按【Ctrl+C】复制，【返回】Principle软件，按【Ctrl+V】粘贴，移动至

合适的位置。具体效果如图示。

4、【切换】Sketch软件，【选择】图片素材，按【Ctrl+C】复制，【返回】Principle软件，按【Ctrl+V】粘贴，移动至合适的位置。【删除】底层关联素材，【选择】点击图层，单击图像选择【按下】拖动箭头至合适的位置。具体显示如图示。

5、【切换】Sketch软件，【选择】毛玻璃素材，按【Ctrl+C】复制，【返回】Principle软件，按【Ctrl+V】粘贴，移动至合适的位置。【复制】点击图层，移动至合适的位置，调整图层顺序单击图像【选择】释放，拖动箭头至合适的方向。具体显示如图示。

6、【重命名】图层，【复制】模糊图层，调整图层顺序，移动至合适的位置。【透明度】0，【选择】其他图层，【缩放】0。具体显示如图示。

7、【右击】动效时间轴，【选择】缓入缓出。具体显示如图示。

8、【选择】模糊面板上的点击图像，【选择】长按，拖动箭头至合适的方向。具体显示如图示。

登录后学习完整图文教程

虎课APP离线下载免流量

70000+教程，每天免费学一课

一键打开