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: