微软Expression Blend基础教程系列 - Blend基础-动画
2009-11-09 21:44
441 查看
Blend基础-动画
基础动画
在动画中最简单的就是逐帧动画了,现在常见的gif动画就是逐帧动画。
![](http://docs.google.com/File?id=df5kjk97_674gp4t4thh_b)
他是由一系列的序列图片组成再逐一播放的。在Blend中他提供了一个关键帧动画,你不必去制作、指定每一帧的动画图片,只要设置好关键的几个位置,Blend会自动帮你实现动画效果。
具体做法
把要制作动画的图片放入舞台中。
![](http://docs.google.com/File?id=df5kjk97_675cnbscqcf_b)
点击“对象和时间线”面板右侧的“+”新建立一个动画。
![](http://docs.google.com/File?id=df5kjk97_676f8p2ghcf_b)
在弹出来的对话框中为动画起名字。
![](http://docs.google.com/File?id=df5kjk97_677gcspq4sk_b)
这时你会发现“对象和时间线”面板发声了变化。
![](http://docs.google.com/File?id=df5kjk97_679gfbsnxgg_b)
按键“F6”或者从菜单中进行选择来切换工作区视图。
![](http://docs.google.com/File?id=df5kjk97_678fk87rvg5_b)
这样可以把时间线变长,便于操作。
在面板中先选中图片,在点击右侧的“+”,为这个图片创建一个关键帧。
![](http://docs.google.com/File?id=df5kjk97_680gdnghjd2_b)
向后移动黄色指针,黄色指针上方的数字是以秒为单位的,代表过去了多少时间。这里我移动到1秒的位置,并且在1秒位置的时候改变图片的坐标属性。
![](http://docs.google.com/File?id=df5kjk97_681fhfbtvg7_b)
循环动画,在面板中选中动画。
![](http://docs.google.com/File?id=df5kjk97_682dnnkqtg2_b)
这时右侧的属性面板会出现这个动画的各种属性,是否循环、循环多少次、自动回放...
![](http://docs.google.com/File?id=df5kjk97_683djtzr4xq_b)
点击上方的播放按钮进行预览。
这样一个最基础的位移动画就制作完成了。
基础动画
在动画中最简单的就是逐帧动画了,现在常见的gif动画就是逐帧动画。
他是由一系列的序列图片组成再逐一播放的。在Blend中他提供了一个关键帧动画,你不必去制作、指定每一帧的动画图片,只要设置好关键的几个位置,Blend会自动帮你实现动画效果。
具体做法
把要制作动画的图片放入舞台中。
点击“对象和时间线”面板右侧的“+”新建立一个动画。
在弹出来的对话框中为动画起名字。
这时你会发现“对象和时间线”面板发声了变化。
按键“F6”或者从菜单中进行选择来切换工作区视图。
这样可以把时间线变长,便于操作。
在面板中先选中图片,在点击右侧的“+”,为这个图片创建一个关键帧。
向后移动黄色指针,黄色指针上方的数字是以秒为单位的,代表过去了多少时间。这里我移动到1秒的位置,并且在1秒位置的时候改变图片的坐标属性。
循环动画,在面板中选中动画。
这时右侧的属性面板会出现这个动画的各种属性,是否循环、循环多少次、自动回放...
点击上方的播放按钮进行预览。
这样一个最基础的位移动画就制作完成了。
相关文章推荐
- 微软Expression Blend基础教程系列 - Blend基础-数据绑定
- 微软Expression Blend基础教程系列 - Blend基础-项目与层次
- 微软Expression Blend基础教程系列 - Blend基础-布局控件
- 微软Expression Blend基础教程系列 - Blend基础-控件与用户控件
- 着色系列基础:XNA 中的可编程管线基础 (基于微软官方教程)
- 微软Expression Blend基础教程系列
- canvas系列教程07-canvas动画基础1
- WPF入门教程系列一——基础 一、 前言 最近在学习WPF,学习WPF首先上的是微软的MSDN,然后再搜索了一下网络有关WPF的学习资料。为了温故而知新把学习过程记录下来,以备后
- C#系列基础教程
- Linq系列教程二(学前基础)
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(二十七)战斗前夜之构建动态障碍物系统
- 零基础Unity3D屠龙战机中文视频15课完整系列教程
- Android Studio系列教程四--Gradle基础
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(二十八) 经典式属性设计及完美的物理攻击系统
- PHP入门基础系列教程(价值499元)
- javascript基础的动画教程,直观易懂
- NGUI系列教程六(序列帧动画)
- Android Studio系列教程4--Gradle基础
- Silverlight & Blend动画设计系列文章
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(十九) 完美精灵之八面玲珑(WPF Only)③