最近新接觸的一個(gè)插件,非???!sketch也可以做動(dòng)畫哦~雖然全英文,但是還是在于腦洞了~
示例一:線性動(dòng)畫之放大
1.新建畫板100*100

2.快捷鍵R,畫一個(gè)白色背景100*100,這步的目的是為了有背景;
3.快捷鍵O,畫一個(gè)圓形90*90,色值#B8E986,透明度設(shè)置為30%,并且水平垂直居中對(duì)齊,作為背景圓;

4.快捷鍵O,畫一個(gè)圓形20*20,色值#B8E986,透明度設(shè)置為100%;

5.選中小圓,創(chuàng)建動(dòng)畫 Plugins-AnimateMate-CreateAnimation,設(shè)置如下:

6.選中小圓,放大到80*80大小,水平垂直居中對(duì)齊畫板

5.選中放大的圓,創(chuàng)建動(dòng)畫 Plugins-AnimateMate-CreateAnimation,設(shè)置如下:

6.選中放大的圓,導(dǎo)出動(dòng)畫 Plugins-AnimateMate-ExportAnimation(如果要導(dǎo)出切片給開發(fā),選擇導(dǎo)出PNG哦~~)

最后,給大家看看效果:

腦洞打開。。。。。根據(jù)這個(gè)原理變異啦!??!