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

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章