sketch 制作动画示例一

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

示例一:线性动画之放大

1.新建画板100*100


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

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


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


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



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




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


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


最后,给大家看看效果:


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 其实这个教程并非我的原创,但是由于原版里遗漏了些步骤,所以我在此为各位补足遗漏的部分以及一些改良后的效果,希...
    L可行阅读 9,778评论 4 14
  • 前言 自从小tan上次出了一篇关于用Sketch制作自定义的APP下拉刷新GIF动画后,有不少小伙伴说期待出一篇关...
    peaktan阅读 35,099评论 34 91
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 178,112评论 25 709
  • 这是兜帅宫发布的第2篇学习笔记。 1 新年伊始,很多人就像打仗一样,做年计划、月目标、周目标、日计划,每天那么多杂...
    兜帅宫阅读 247评论 0 0
  • 今天忙了一天昏天暗地,导致现在这个点才来写晨读,哦不,应该是晚读感悟了。 ①30秒法则 顾名思义就是在30秒之内快...
    阿蜜儿阅读 231评论 0 6

友情链接更多精彩内容