sketch 制作动画示例一

最近新接触的一个插件,非常酷!sketch也可以做动画哦~虽然全英文,但是还是在于脑洞了~

示例一:线性动画之放大

1.新建画板100*100


sketch 制作动画示例一_第1张图片

2.快捷键R,画一个白色背景100*100,这步的目的是为了有背景;

3.快捷键O,画一个圆形90*90,色值#B8E986,透明度设置为30%,并且水平垂直居中对齐,作为背景圆;


sketch 制作动画示例一_第2张图片

4.快捷键O,画一个圆形20*20,色值#B8E986,透明度设置为100%;


sketch 制作动画示例一_第3张图片

5.选中小圆,创建动画 Plugins-AnimateMate-CreateAnimation,设置如下:


sketch 制作动画示例一_第4张图片

6.选中小圆,放大到80*80大小,水平垂直居中对齐画板


sketch 制作动画示例一_第5张图片


5.选中放大的圆,创建动画 Plugins-AnimateMate-CreateAnimation,设置如下:


sketch 制作动画示例一_第6张图片

6.选中放大的圆,导出动画 Plugins-AnimateMate-ExportAnimation(如果要导出切片给开发,选择导出PNG哦~~)


sketch 制作动画示例一_第7张图片

最后,给大家看看效果:


脑洞打开。。。。。根据这个原理变异啦!!!

你可能感兴趣的:(sketch 制作动画示例一)