Blend基础-动画

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

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

相关文章
|
3月前
|
前端开发
前端必看的8个HTML+CSS技巧 (七)混合模式(Blend)
前端必看的8个HTML+CSS技巧 (七)混合模式(Blend)
|
4月前
|
图形学 iOS开发
Unity——动效与缓动动画
Unity——动效与缓动动画
SwiftUI—使用withAnimation制作缩放和渐隐动画
SwiftUI—使用withAnimation制作缩放和渐隐动画
894 0
SwiftUI—使用withAnimation制作缩放和渐隐动画
|
编解码
unity3dUGUI之UI粒子特效自适应缩放
using UnityEngine; using System.Collections; using System.Collections.Generic; public class UIParticleScale : MonoBehaviour...
1523 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
795 0
|
前端开发
Blend_技巧篇_淡入淡出
原文:Blend_技巧篇_淡入淡出 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010265681/article/details/76651773 1、实现原理 1.1 利用UIElement.OpacityMask属性,用于改变对象区域的不透明度的画笔。
851 0
|
容器 数据可视化 内存技术
Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)
原文:Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)   用户界面组件、图像元素和多媒体功能可以让我们的界面生动活泼,除此之外,Silverlight还具备动画功能,它可以让应用程序“动起来”。
794 0
|
C# Windows
Silverlight & Blend动画设计系列十一:沿路径动画(Animation Along a Path)
原文:Silverlight & Blend动画设计系列十一:沿路径动画(Animation Along a Path)   Silverlight 提供一个好的动画基础,但缺少一种方便的方法沿任意几何路径对象进行动画处理。
916 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1001 0
|
容器
Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)
原文:Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)   Silverlight的基础动画包括偏移、旋转、缩放、倾斜和翻转动画,这些基础动画毫无疑问是在Silverlight中使用得最多的动画效果,其使用也是非常简单的。
965 0