Blend4精选案例图解教程(二):找张图片玩特效

原文:Blend4精选案例图解教程(二):找张图片玩特效

      Blend中的特效给了我们在处理资源时更多的想象空间,合理地运用特效往往会得到梦幻般效果,本次教程展示对图片应用特效的常规操作,当然特效不仅限于使用在图片上,还也可以应用到动画和视频中。

OK,开始本次旅程

1、 在项目中添加一张现有的图片

如果添加的图片大于250KB,会提示推荐把图片嵌入到XAP包中,这样图片在浏览器加载XAP文件时会一起被下载到本地。

2、把图片拖到UserControl中

3、在资源面板中,选择特效(Effect),先体验一下“漩涡”,双击应用。

效果:

对属性进行微调

效果:

特效的应用非常简单:应用特效,微调属性。

再看看其他的效果:

效果: (涟漪)

效果: (像素)

效果: (Mono)

其他的特效就不一一展示了,可以找些图片慢慢玩。

这里有一个问题:

我们在选择应用不同特效时,最后应用的特效会把前面的特效覆盖(单重特效),那如果我希望应用多重特效,该如何处理呢?

最简单的方式是为图片添加一个“容器”,在“容器”中再应用一重特效,如此嵌套可实现多重特效。下面来演示操作过程:

4、为图片添加一个容器Canvas

5、在容器中应用特效,文档结构如图

得到涟漪+像素的双重特效

 

本次教程素材和源码下载

时间: 2024-09-15 10:50:51

Blend4精选案例图解教程(二):找张图片玩特效的相关文章

Blend4精选案例图解教程(五):可视数据管理

原文:Blend4精选案例图解教程(五):可视数据管理 应用程序中我们会经常需要操作数据,在程序设计之初示例数据一般都是手工添加,Blend4提供了非常方便的数据管理能力,包括丰富的数据类型和内置示例数据,这样我们在程序设计时可以可视化进行绑定示例数据和管理静态数据.本次教程将演示Blend4中的这一优秀特性. 1.新建Silverlight项目 2.在项目默认视图中,打开数据面板,创建示例数据 3.新建示例数据,输入名称   4.生成的SampleDataSource 5.可以在Collect

Blend4精选案例图解教程(三):一键拖拽

原文:Blend4精选案例图解教程(三):一键拖拽 拖拽效果,常规实现方法是定义MoveLeftDwon.MoveLeftUp.MouseMove事件,在Blend的世界里,实现对象的拖拽,可以不写一行代码,而且非常简单,本次教程跟大家分享这个技巧. 1.新建项目,在默认设计视图添加一个元素,这里添加一个图片 视图树 设计视图 2.在资源面板(Asset)中,找到Behavior分类,选择MouseDragElementBehavior,从名字上我们就应该能理解这个行为实现的功能     3.把

Blend4精选案例图解教程(一):丰富的形状(Shape)资源

原文:Blend4精选案例图解教程(一):丰富的形状(Shape)资源       Blend4资源面板中内置了丰富的形状素材,为我们在构建程序时提供极大的方便.系统默认内置18种常用形状,通过其属性设置可以自定义出更多衍生形状,或者通过Direct Selection工具手动绘制,我们可以获得更自由的形状编辑.当然我们还可以登陆 Expression Gallery 下载别人分享的素材(似乎并不多),来扩充形状资源库.       因为形状的用法比较一致,重点是形状的不同属性设置,在此仅举一例

使用PowerDesigner 15对现有数据库进行反向工程(图解教程) by Yulh

原文 使用PowerDesigner 15对现有数据库进行反向工程(图解教程一) by Yulh     由于早期的一个项目在数据库设计建立时没有输出为E-R图,偶在对此项目进行二次改造升级时则使用了PD对原有的数据库进行反向工程,即根据数据源 将数据库的的所有表生成为E-R图结构,我使用的是PD 15,反向工程的命令为于"File"菜单中的"Reverse Engineer"-反向引擎.其它的版本的PD应该在"Database"菜单中.详细步骤

Ajax基础详解教程(二)_AJAX相关

在上篇文章给大家介绍了Ajax基础详解教程(一),讲到Ajax中open方法的第三个参数异步和同步的问题,今天呢,就来继续往下唠,先接着上回的代码 var oBtn = document.getElementById('btn'); oBtn.onclick = function(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject('Mic

BIOS设置图解教程 Award Bios最新(转)_其它相关

在前文中已经了解了一些Bios的基本知识,和设置,那么在这篇文章里面我就会更详细的介绍一下Bios的超频设置,希望对那些想超频但是又没有接错过超频的玩家能有一些帮助.     和AMI Bios一样,再开机画面时按下"Del"键进入Bios设置菜单(有些是按F1键):     进入后大家会看到以下菜单,也有可能会有一些差别,但是基本上是差不多的,及算名字不同,但是基本上作用是一样的 大家可以用方向键移动光标,回车键确认,ESC键返回,用PageUp,PageDown和数字键键调整设置,

Android简明开发教程二十二:使用资源Resources

在前面的例子中,我们忽略了一个重要的原则,在代码和Layout中,直接使用了字符串常量,比如: <Button android:text="Pattern" android:id="@+id/btnPattern" android:layout_width="wrap_content" android:textColor="@color/black" android:checked="true" an

Ubuntu 12.04系统安装图解教程

Ubuntu 12.04系统安装图解教程 一.介绍: Ubuntu分为桌面版(desktop)和服务器版(Server),下面为大家介绍服务器版本Ubuntu Server 12.04的详细安装过程. Ubuntu Server 12.04系统镜像下载地址: http://releases.ubuntu.com/12.04/ 二.安装系统:用启动盘成功引导之后,出现下面的界面 选择语言:中文(简体) 默认第一项:安装Ubuntu服务器版 询问是否继续安装所选择的语言版本,选择"yes"

award bios是什么 award bios设置图解教程

首先我们先来简单的了解一下什么是award bios? award bios就是AWARD公司的BIOS,Award 是个公司名称,BIOS是基本输入输出系统! BIOS就是(Basic Input/Output System,基本输入/输出系统的缩写)在电脑中起到了最基础的而又最重要的作用.是电脑中最基础的而又最重要的程序.把这一段程序放在一个不需要供电的记忆体(芯片)中,这就是平时所说的BIOS. 今天西西小编在网上收集了一些award bios的相关设置教程,整合除了一套比较全面的,相信一