用silverlight做动画-相机

适合初学者学习

做一个相机的动画

和做flash动画一样，准备好素材

将素材放入项目中

开始正式制作前为了方便以后重用，就把这个动画做成usercontrol（和flash中的‘MovieClip’概念是一样的）

创建一个UserControl

图片放入舞台中并且调整好位置

用钢笔在最上层画一个图像做遮罩使用，和flash中的概念一样。

讲上边的小图放入一个Canvas容器中

选中Canvas容器和刚刚画出的图形制作遮罩

将刚刚遮罩过的Canvas容器再复制两个以便做动画使用

创建StoryBoard

按快捷键F6调整布局

结合图层的视觉效果，巧妙的控制图片的位移

设置StoryBoard的循环属性为永远循环

为了增强动画效果，可以上相机上的小灯闪一闪，在相机的上方画出一个红色渐变的圆形

选择刚才制作好的StoryBoard，将其加入进去，并制作动画

控制其整体的透明度属性

将制作的相机UserControl放入放入Page页面中

为相机起名字，以便程序控制

在Page.cs文件中写入代码

至此动画制作完毕，按F5编译运行。

效果预览：

转载于:https://www.cnblogs.com/silverLee/archive/2009/11/07/1598021.html

用silverlight做动画-相机相关推荐

Silverlight Blend动画设计系列六：动画技巧（Animation Techniques）之对象与路径转化、波感特效...
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化.波感特效当我们在进行Silverlight & Bl ...
[UWP]用Shape做动画(2):使用与扩展PointAnimation
上一篇几乎都在说DoubleAnimation的应用,这篇说说PointAnimation. 1. 使用PointAnimation 使用PointAnimation可以让Shape变形,但实际上没看 ...
Silverlight Blend动画设计系列二：旋转动画（RotateTransform）
原文:Silverlight & Blend动画设计系列二:旋转动画(RotateTransform) Silverlight的基础动画包括偏移.旋转.缩放.倾斜和翻转动画,这些基础动画毫无疑 ...
「镁客·请讲」来画视频朴孟军：AI加码动画短视频制作，让小白用户像制作PPT一样做动画视频...
动画教给普通人,像美图秀秀一样把P图教给所有的普通人. 2016年,微博红人papi酱获得逻辑思维.真格基金等资本共计1200万融资的新闻迅速登上了各大媒体的头条.这一刻短视频究竟是不是一个风口,答案 ...
「镁客·请讲」来画视频朴孟军：AI加码动画短视频制作，让小白用户像制作PPT一样做动画视频... 1
动画教给普通人,像美图秀秀一样把P图教给所有的普通人. 2016年,微博红人papi酱获得逻辑思维.真格基金等资本共计1200万融资的新闻迅速登上了各大媒体的头条.这一刻短视频究竟是不是一个风口,答案 ...
Silverlight Blend动画设计系列四：倾斜动画（SkewTransform）
Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平.垂直方向的倾斜变化动画效果.我们现实生活中的倾斜变化效果是非常常见的,比如翻书的纸张效果,关门开门的时候门缝 ...
Silverlight Blend动画设计系列五：故事板(StoryBoards)和动画(Animations)
原文:Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations) 正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Bl ...
java 图片动画_java在窗口中添加图片做动画，怎么一闪一闪的？
该楼层疑似违规已被系统折叠隐藏此楼查看此楼视频来自:优酷在java中添加图片做动画效果,怎么一闪一闪的运动啊?怎样才能让它不闪的连续运动呢? 下面是代码,代码项目project里有两个类,一个是 ...
Windows Phone开发之路(9) Silverlight之动画
动画(Animation)是Silverlight(以下简称SL)的一项关键特性,因为它提供了一些炫目的效果,而这些是那些基于服务器编程框架所无法仿效的(比如ASP.NET).在SL中,动画可以实现很 ...

用silverlight做动画-相机

用silverlight做动画-相机相关推荐

最新文章

热门文章