Blend基础-动画

简介: Blend基础-动画   基础动画 在动画中最简单的就是逐帧动画了,现在常见的gif动画就是逐帧动画。   他是由一系列的序列图片组成再逐一播放的。在Blend中他提供了一个关键帧动画,你不必去制作、指定每一帧的动画图片,只要设置好关键的几个位置,Blend会自动帮你实现动画效果。
Blend基础-动画
 
基础动画

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

相关文章
|
6月前
|
前端开发 JavaScript
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
canvas系列教程07 ——捕获、拖拽、抛掷、缓动动画、弹性动画
64 1
|
8月前
|
前端开发
前端必看的8个HTML+CSS技巧 (七)混合模式(Blend)
前端必看的8个HTML+CSS技巧 (七)混合模式(Blend)
|
图形学 iOS开发
Unity——动效与缓动动画
Unity——动效与缓动动画
170 0
SVG SMIL 动画(基本动画 、变换动画)
SVG SMIL 动画(基本动画 、变换动画)
68 0
|
前端开发
css实现画面转场以及边框线条动画
css实现画面转场以及边框线条动画
257 0
An动画优化之遮罩层动画
An动画优化之遮罩层动画
291 0
|
并行计算 iOS开发 MacOS
Metal每日分享,调整透明度滤镜效果
Metal每日分享,调整透明度滤镜效果
Metal每日分享,调整透明度滤镜效果
|
前端开发
Blend_技巧篇_淡入淡出
原文:Blend_技巧篇_淡入淡出 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010265681/article/details/76651773 1、实现原理 1.1 利用UIElement.OpacityMask属性,用于改变对象区域的不透明度的画笔。
877 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
851 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1057 0