手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用Rotato生成界面元素悬浮效果

时间:2024-10-11 19:31:05

1、安装Rotato软件易七淄苷之后,Sketch的插件菜单中会自动出现Rotato选项。选中Sketch中设计图,点击“Rotato Exporter”-“Exp造婷用痃lode Artboard”,将设计图导入Rotato。

如何使用Rotato生成界面元素悬浮效果

2、Rotato软件将自动启动,并将导入的设计图贴到样机上,同时按照sketch中的图层编组、顺序将界面元素进行分离、分层。

如何使用Rotato生成界面元素悬浮效果

3、元素分离的距离,可以在右侧栏“EXPLOSION”中修改数值进行调整。

如何使用Rotato生成界面元素悬浮效果

4、如果对效果不满意,可以回Sketch中飒劐土懿重新编组和排序,然后再次导入Rotato即可。调整到满意的效果后,点击Rotato右上角“Take a snapshot”,则右下角得到一张快照,点击快照下方的“Export PNG”,就能得到一张高分辨率的效果图啦。

如何使用Rotato生成界面元素悬浮效果
© 手抄报圈