sketch 制作動(dòng)畫示例一

最近新接觸的一個(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è)原理變異啦!??!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 其實(shí)這個(gè)教程并非我的原創(chuàng),但是由于原版里遺漏了些步驟,所以我在此為各位補(bǔ)足遺漏的部分以及一些改良后的效果,希...
    L可行閱讀 9,803評(píng)論 4 14
  • 前言 自從小tan上次出了一篇關(guān)于用Sketch制作自定義的APP下拉刷新GIF動(dòng)畫后,有不少小伙伴說期待出一篇關(guān)...
    peaktan閱讀 35,195評(píng)論 34 91
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,271評(píng)論 25 708
  • 這是兜帥宮發(fā)布的第2篇學(xué)習(xí)筆記。 1 新年伊始,很多人就像打仗一樣,做年計(jì)劃、月目標(biāo)、周目標(biāo)、日計(jì)劃,每天那么多雜...
    兜帥宮閱讀 255評(píng)論 0 0
  • 今天忙了一天昏天暗地,導(dǎo)致現(xiàn)在這個(gè)點(diǎn)才來寫晨讀,哦不,應(yīng)該是晚讀感悟了。 ①30秒法則 顧名思義就是在30秒之內(nèi)快...
    阿蜜兒閱讀 250評(píng)論 0 6

友情鏈接更多精彩內(nèi)容