美文网首页
sketch 制作动画示例一

sketch 制作动画示例一

作者: 多少有理 | 来源:发表于2017-01-02 16:22 被阅读184次

最近新接触的一个插件,非常酷!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哦~~)

最后,给大家看看效果:

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

相关文章

  • sketch 制作动画示例一

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

  • iOS用Sketch制作APP下拉刷新的GIF动画

    iOS用Sketch制作APP下拉刷新的GIF动画 iOS用Sketch制作APP下拉刷新的GIF动画

  • iOS Core Animation

    UIView 基本动画 示例:平移动画 示例:重复动画 示例:旋转动画 示例:嵌套动画 摘自YYText Demo...

  • Sketch制作GIF动画--基础篇

    前言 自从小tan上次出了一篇关于用Sketch制作自定义的APP下拉刷新GIF动画后,有不少小伙伴说期待出一篇关...

  • 动画示例

    动画示例(一) —— 一种外扩的简单动画动画示例(二) —— 一种抖动的简单动画动画示例(三) —— 仿头条一种L...

  • 如何用Sketch设计动效

    Timeline(时间轴)是Sketch中的动画设计工具。在这篇文章中,我们将用Timeline(时间轴)来制作动...

  • 扁平转场(1)

    这周有点忙哈,先说四个扁平转场小动画的制作。来看示例 示例里共有4次转场,其中转场1和转场3的制作方法相同,转场2...

  • 几款iOS日常开发当中用到的辅助工具

    1. Finto 或 魔刀 一款移动原型在线制作工具、可以用于创建可交互动画的移动应用原型,支持和Sketch等应...

  • Sketch一键导入AE工具

    AEUX前生Sketch2AE,主要将sketch文件导入AE做交互动画,安装步骤及使用方法教给大家 sketch...

  • 【Principle】制作卡片翻页效果

    · 使用软件:sketch+principle 制作过程:

网友评论

      本文标题:sketch 制作动画示例一

      本文链接:https://www.haomeiwen.com/subject/gtbwvttx.html