Principle for Mac5秒交互小动效-相册预览效果制作教程

匆匆过客 提交于 2020-08-11 10:33:20

Principle Mac版是一款可以在苹果电脑MAC OS平台上使用的交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。本篇文章为您带来的是Principle for Mac5秒交互小动效-相册预览效果制作教程。

1、打开Principle for Mac,新建一个画板:

01142745_ae93f33c69.png

2、用矩形工具将元素画好:01142835_b18f812727.png

3、选中最大的图片,在右侧发现“闪电”图标,点击图标会出现支持的事件列表:

01142918_302369cdaf.png

4、得到一个新的一模一样的画板:01142956_a15de74528.png

5、多复制小图备用:

01143031_c213e690a8.png

6、将第一张图放大,其他小图左对齐

01143057_ad9168b104.png

7、绘制一个半透明蒙层:

01143524_379d133f3a.png

8、为蒙层增加事件01143611_64a77b305e.png

9、将这些图编组01143643_220863168c.png10、并将边框缩小(相当于给这个组价格遮罩)01143729_1077a65c5c.png

11、将这个组的X轴交互改为Scroll:01143809_c333e267dd.png


标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!