Blend基础动画

摘要:
Blend基础-动画基础动画在动画中最简单的就是逐帧动画了,现在常见的gif动画就是逐帧动画。在Blend中他提供了一个关键帧动画,你不必去制作、指定每一帧的动画图片,只要设置好关键的几个位置,Blend会自动帮你实现动画效果。具体做法把要制作动画的图片放入舞台中。点击“对象和时间线”面板右侧的“+”新建立一个动画。在弹出来的对话框中为动画起名字。扩展想要做更加的复杂的动画也是一样的,请扩展阅读以下两篇文章。
Blend基础-动画
基础动画

在动画中最简单的就是逐帧动画了,现在常见的gif动画就是逐帧动画。
Blend基础动画第1张
他是由一系列的序列图片组成再逐一播放的。在Blend中他提供了一个关键帧动画,你不必去制作、指定每一帧的动画图片,只要设置好关键的几个位置,Blend会自动帮你实现动画效果。
具体做法
把要制作动画的图片放入舞台中。
Blend基础动画第2张
点击“对象和时间线”面板右侧的“+”新建立一个动画。
Blend基础动画第3张
在弹出来的对话框中为动画起名字。
Blend基础动画第4张
这时你会发现“对象和时间线”面板发声了变化。
Blend基础动画第5张
按键“F6”或者从菜单中进行选择来切换工作区视图。
Blend基础动画第6张
这样可以把时间线变长,便于操作。
在面板中先选中图片,在点击右侧的“+”,为这个图片创建一个关键帧。
Blend基础动画第7张
向后移动黄色指针,黄色指针上方的数字是以秒为单位的,代表过去了多少时间。这里我移动到1秒的位置,并且在1秒位置的时候改变图片的坐标属性。
Blend基础动画第8张
循环动画,在面板中选中动画。
Blend基础动画第9张
这时右侧的属性面板会出现这个动画的各种属性,是否循环、循环多少次、自动回放...
Blend基础动画第10张
点击上方的播放按钮进行预览。
这样一个最基础的位移动画就制作完成了。
扩展
想要做更加的复杂的动画也是一样的,请扩展阅读以下两篇文章。
作者:Nasa
文章出处:我和未来有约会 (http://nasa.cnblogs.com/)
版权声明:本文的版权归作者与博客园共有。转载时须注明本文的详细链接,否则作者将保留追究其法律责任。

免责声明:文章转载自《Blend基础动画》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Python 3 进阶 —— 使用 PyMySQL 操作 MySQLMTK IMS框架简析(2)——IMS注册过程下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

iOS:quartz2D绘图 (动画)

quartz2D可以用来绘制自己需要的图形,它们绘制出来的是一个静态的图形,那么如何绘制一个动态的图形呢?动态的图形就是动画,所谓动画,其实就是很多张图片在短时间内不停的切换所产生的一种视觉效果。quartz2D可以绘制图形,想一想,那么如果我们设置一个定时器,在很短的时间内不停的绘制多张图片,这不就是动画效果吗?好了,思路已有,接下来就是实践了。 代码之...

【Android】使用属性动画碰到的困惑及讲解

属性动画的教程网上已经特别多了,本篇也不打算再去各种详解知识点,主要就是记录题主学习属性动画时的碰到的一些困惑,以及后来自己的理解。如果有人也碰到相似的问题,正好可以一起讨论下。 概要 本篇主要涉及的知识点包括: ObjectAnimator ValueAnimator 老规矩,首先先来看下效果图: 这种折叠/展开,隐藏/显示的动画在很多地方都会...

CSS3动画

animation动画通过设置多个节点来精确控制一个或者一组动画,常用来实现复杂的动画效果;相对过渡动画,animation动画可以实现更多变化,更多控制,实现自动播放等效果; 定义动画 制作animation动画需要两个步骤: 第一步,需要先定义动画,0%的时候我们一般建议什么也不要设置,默认就是初始的样式;         @keyframes 动画名...

ThreeJs 3D 全景项目开发总结

本文来自网易云社区 作者:唐钊 项目背景 那是在一个毫无征兆的下午,我还沉浸在 vue 的世界中,突然编辑跑过来说N的新官网想做一些3D全景的东西,一开始其实我的内心是拒绝的,一是没怎么实质性做过 WEBGL 的东西,只是组内 mini 项目的时候看了看基础的内容,再者当时也很忙,感觉这东西听起来就很复杂,随着项目开发结束在此写下这篇文章,记录一...

css动画延迟好像有点怪

项目中需要使用到动画animate.css,在自定义的时候发现设置animation-delay 和 animation-duration 的总时间不对会导致 动画缺失。比如 bounceInLeft 动画 是从左边出现然后 抖动一下 ,当初始animation-delay为0,animation-duration为1s,动画完整,但是如果设置,anima...

postgres备份恢复相关

25.3.连续归档和时间点恢复(PITR) 摘自http://www.postgres.cn/docs/11/continuous-archiving.html 第一步建立wal归档 wal_level配置成replica或更高 archive_mode为on 配置archive_command,在archive_command中,%p会被将要归档的文件路...