Principle for Mac5秒交互小動效-相冊預覽效果製做教程

Principle Mac版是一款能夠在蘋果電腦MAC OS平臺上使用的交互設計工具,五分鐘便可製做出一個具備完整交互動畫的原型,而且可將交互動畫生成視頻或者 Gif 分享到 Dribbble、Twitter 等社交平臺。本篇文章爲您帶來的是Principle for Mac5秒交互小動效-相冊預覽效果製做教程。ide

一、打開Principle for Mac,新建一個畫板:工具

01142745_ae93f33c69.png

二、用矩形工具將元素畫好:01142835_b18f812727.png動畫

三、選中最大的圖片,在右側發現「閃電」圖標,點擊圖標會出現支持的事件列表:spa

01142918_302369cdaf.png

四、獲得一個新的如出一轍的畫板:01142956_a15de74528.png設計

五、多複製小圖備用:orm

01143031_c213e690a8.png

六、將第一張圖放大,其餘小圖左對齊視頻

01143057_ad9168b104.png

七、繪製一個半透明蒙層:blog

01143524_379d133f3a.png

八、爲蒙層增長事件01143611_64a77b305e.png教程

九、將這些圖編組01143643_220863168c.png十、並將邊框縮小(至關於給這個組價格遮罩)01143729_1077a65c5c.png事件

十一、將這個組的X軸交互改成Scroll:01143809_c333e267dd.png

相關文章
相關標籤/搜索