电脑教程
位置:首页>> 电脑教程>> 苹果Mac教程>> Principle for Mac5秒交互小动效-相册预览效果制作教程

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

  发布时间:2022-05-03 14:46:52 

标签:Principle,for,Mac,Principle,for,Mac使用教程

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

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

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

2、用矩形工具将元素画好:Principle for Mac5秒交互小动效-相册预览效果制作教程

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

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

4、得到一个新的一模一样的画板:Principle for Mac5秒交互小动效-相册预览效果制作教程

5、多复制小图备用:

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

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

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

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

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

8、为蒙层增加事件Principle for Mac5秒交互小动效-相册预览效果制作教程

9、将这些图编组Principle for Mac5秒交互小动效-相册预览效果制作教程10、并将边框缩小(相当于给这个组价格遮罩)Principle for Mac5秒交互小动效-相册预览效果制作教程

11、将这个组的X轴交互改为Scroll:Principle for Mac5秒交互小动效-相册预览效果制作教程

0
投稿

猜你喜欢

手机版 电脑教程 asp之家 www.aspxhome.com