首页 > 系统服务 > 详细

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

时间:2020-04-02 20:15:05      阅读:62      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

2、用矩形工具将元素画好:技术分享图片

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

技术分享图片

4、得到一个新的一模一样的画板:技术分享图片

5、多复制小图备用:

技术分享图片

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

技术分享图片

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

技术分享图片

8、为蒙层增加事件技术分享图片

9、将这些图编组技术分享图片10、并将边框缩小(相当于给这个组价格遮罩)技术分享图片

11、将这个组的X轴交互改为Scroll:技术分享图片

以上就是小编为大家带来的mac系统Principle for Mac教程,你学会了吗?更多Principle for Mac使用教程尽在本网站,欢迎关注MacDown.com!

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

原文:https://www.cnblogs.com/macdown03/p/12622259.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!