Blend4精选案例图解教程(二):找张图片玩特效
2010-09-05 07:18
260 查看
Blend中的特效给了我们在处理资源时更多的想象空间,合理地运用特效往往会得到梦幻般效果,本次教程展示对图片应用特效的常规操作,当然特效不仅限于使用在图片上,还也可以应用到动画和视频中。
OK,开始本次旅程
1、 在项目中添加一张现有的图片
如果添加的图片大于250KB,会提示推荐把图片嵌入到XAP包中,这样图片在浏览器加载XAP文件时会一起被下载到本地。
2、把图片拖到UserControl中
3、在资源面板中,选择特效(Effect),先体验一下“漩涡”,双击应用。
效果:
对属性进行微调
效果:
特效的应用非常简单:应用特效,微调属性。
再看看其他的效果:
效果:
(涟漪)
效果:
(像素)
效果:
(Mono)
其他的特效就不一一展示了,可以找些图片慢慢玩。
这里有一个问题:
我们在选择应用不同特效时,最后应用的特效会把前面的特效覆盖(单重特效),那如果我希望应用多重特效,该如何处理呢?
最简单的方式是为图片添加一个“容器”,在“容器”中再应用一重特效,如此嵌套可实现多重特效。下面来演示操作过程:
4、为图片添加一个容器Canvas
5、在容器中应用特效,文档结构如图
得到涟漪+像素的双重特效
本次教程素材和源码下载
OK,开始本次旅程
1、 在项目中添加一张现有的图片
如果添加的图片大于250KB,会提示推荐把图片嵌入到XAP包中,这样图片在浏览器加载XAP文件时会一起被下载到本地。
2、把图片拖到UserControl中
3、在资源面板中,选择特效(Effect),先体验一下“漩涡”,双击应用。
效果:
对属性进行微调
效果:
特效的应用非常简单:应用特效,微调属性。
再看看其他的效果:
效果:
(涟漪)
效果:
(像素)
效果:
(Mono)
其他的特效就不一一展示了,可以找些图片慢慢玩。
这里有一个问题:
我们在选择应用不同特效时,最后应用的特效会把前面的特效覆盖(单重特效),那如果我希望应用多重特效,该如何处理呢?
最简单的方式是为图片添加一个“容器”,在“容器”中再应用一重特效,如此嵌套可实现多重特效。下面来演示操作过程:
4、为图片添加一个容器Canvas
5、在容器中应用特效,文档结构如图
得到涟漪+像素的双重特效
本次教程素材和源码下载
相关文章推荐
- Blend4精选案例图解教程(二):找张图片玩特效
- Blend4精选案例图解教程(二):找张图片玩特效
- Blend4精选案例图解教程(三):一键拖拽
- Blend4精选案例图解教程(一):丰富的形状(Shape)资源
- Blend4精选案例图解教程(四):请给我路径指引
- Blend4精选案例图解教程(一):丰富的形状(Shape)资源
- Blend4精选案例图解教程(三):一键拖拽
- Blend4精选案例图解教程(四):请给我路径指引
- Blend4精选案例图解教程(五):可视数据管理
- Blend4精选案例图解教程(三):一键拖拽
- Blend4精选案例图解教程(四):请给我路径指引
- Blend4精选案例图解教程(五):可视数据管理
- Html5添加实用的多层图片视觉差互动特效插件教程
- VLAN 入门教程图解 (案例、过程、分析,并有配套的仿真链接)
- OSPF 教程图解 (案例、动画过程、仿真)
- PHP极其强大的图片处理库Grafika详细教程(2):图像特效处理模块
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- Html5添加图片分类过滤特效插件教程
- OSPF 教程图解 (案例、动画过程、仿真)
- 通过实例学习Silverlight教程之制作图片特效(二)