最近新接觸的一個(gè)插件议谷,非陈酷!sketch也可以做動(dòng)畫(huà)哦~雖然全英文卧晓,但是還是在于腦洞了~
示例一:線性動(dòng)畫(huà)之放大
1.新建畫(huà)板100*100
2.快捷鍵R芬首,畫(huà)一個(gè)白色背景100*100,這步的目的是為了有背景;
3.快捷鍵O逼裆,畫(huà)一個(gè)圓形90*90衩辟,色值#B8E986,透明度設(shè)置為30%波附,并且水平垂直居中對(duì)齊艺晴,作為背景圓;
4.快捷鍵O掸屡,畫(huà)一個(gè)圓形20*20封寞,色值#B8E986,透明度設(shè)置為100%仅财;
5.選中小圓狈究,創(chuàng)建動(dòng)畫(huà) Plugins-AnimateMate-CreateAnimation,設(shè)置如下:
6.選中小圓盏求,放大到80*80大小抖锥,水平垂直居中對(duì)齊畫(huà)板
5.選中放大的圓,創(chuàng)建動(dòng)畫(huà) Plugins-AnimateMate-CreateAnimation碎罚,設(shè)置如下:
6.選中放大的圓磅废,導(dǎo)出動(dòng)畫(huà) Plugins-AnimateMate-ExportAnimation(如果要導(dǎo)出切片給開(kāi)發(fā),選擇導(dǎo)出PNG哦~~)
最后荆烈,給大家看看效果:
腦洞打開(kāi)拯勉。竟趾。。宫峦。岔帽。根據(jù)這個(gè)原理變異啦!5急痢犀勒!