使用Pixel Bender Toolkit制作特效——创建新的过滤器（Part 1）

 要求

用户级别

初级

必需产品

• Flash Player 10
• Flash Professional CS4 (下载试用版)

范例文件

• pixel_bender_01.zip (2 KB)

其他要求

Pixel Bender Toolkit

• Pixel Bender Toolkit 2.0 for Macintosh (DMG, 77 MB)
• Pixel Bender Toolkit 2.0 for Windows (ZIP, 48.8 MB)

注意：在阅读本系列的时候，创建一个叫做pixel_bender的文件夹然后放置在桌面上比较好。当你一步一步按照说明来学习的时候，你可以在这个文件夹里面存档你的代码

Adobe Pixel Bender Toolkit允许你对图像中的像素进行处理，渲染出大量的特效。你可以通过实现图像处理算法（过滤器），然后在Adobe Flash Player 10或者更高版本上运行。一旦Flash Player渲染出图像，你可以在这个平台上开发你的工程。例如使用基于XML的Pixel Bender图形语言编写代码构建过滤器渲染视觉特效。通过组合独立的像素处理操作（内核级），你可以创建出复杂的Pixel Bender过滤器。

在这一系列文章中，你将会学会如何上手Pixel Bender以及创建过滤器来渲染独特的效果。在Pixel Bender Toolkit中也包括了Pixel Bender的核心语言和图形语言，Pixel Bender Toolkit IDE（一个Pixel Bender的集成开发环境），过滤器的例子，以及Pixel Bender文档。

这篇文章告诉你如何创建第一个你自己的Pixel Bender过滤器。你也会学习到如何在图像上运行过滤器，然后存到硬盘上。

启动Pixel Bender Toolkit

确定你已经下载了Pixel Bender Toolkit。Installer加载或者释放之后双击安装图标，接受Adobe终端用户协议，然后按照向导来安装这个软件即可。

在这些地方找到Pixel Bender Toolkit（取决于你的操作系统），然后双击图标启动程序。

• Windows: Start menu > Adobe program group > Adobe Utilities > Pixel Bender Toolkit
• Mac OS: Applications > Utilities > Adobe Utilities > Pixel Bender Toolkit

加载图像

工具启动之后，你首先要做的是加载一幅图像。按照如下步骤：

1. 选择File > Load Image 1.
2. 使用Open Image File对话框来找到样例图像的位置取决于你的操作系统:
   • Windows: C:Program Files x86 AdobeAdobe UtilitiesPixel Bender Toolkitsample images
   • Mac OS: MacHD/Applications/Utilities/Adobe Utilities/Pixel Bender Toolkit/sample images
3. 选择YellowFlowers.png文件，然后点击Open。然后文件会被加载（见图1）。

图1. 在Pixel Bender IDE的图像

Note: 注意：The Pixel Bender Toolkit支持同时加载两个不同的图像。这个特性使得用户可以测试组合多个图像的过滤器（我们将会在后面的章节中介绍这个功能）。Pixel Bender语言支持同时处理四个图像文件的过滤器。

创建你自己的第一个过滤器

虽然这个过滤器的特效不是那么激动人心，但是你可以为之后创建更加复杂的过滤器打下基础。

按照这样的步骤：

1. 选择File > New Kernel。在编辑窗口，可以对特征过滤器进行编辑（见图2）。

图2：预留值的特征过滤器代码。

注意: 默认由Pixel Bender Toolkit创建的Pixel Bender过滤器叫做特征过滤器（identity filter）。 这个过滤器对已经加载的文件进行处理但是不会做任何改变，因为你还没有添加任何效果。

2. 点击在编辑窗口底部的Run按钮（见图3）。

图3： 运行过滤器

点击Run之后，两件事情将会发生：

• 右边的指示面板被用空面板代替。
• 在Run旁边会出现文字：“The filter is running and the status indicates that the kernel compile succeeded。”（过滤器正在运行，状态显示内核编译成功）

3. 在创建并且运行一个过滤器之后，下一步要做的就是储存过滤器，这样你可以在需要的时候重新使用。选择File > Save Filter。
4. 在Save File对话框中，将文件命名为 Exercise1.pbk 然后存到桌面上的pixel_bender文件夹中。

修改过滤器元数据a

你现在已经可以修改源代码的数行来更改过滤器的名字。例如不使用其默认名字（NewFilter），将其重命名为MAXFilter。也可以修改namespace，vendor和description这些字段。在vendor中，你可以输入你的名字。

使用下列的代码来修改过滤器：

<languageVersion : 1.0;> kernel Part1Filter < namespace : "com.adobe.devnet.pixelbender"; vendor : "Kevin's Filter Factory"; version : 1; description : "Playing around with pixels"; > { input image4 src; output pixel4 dst; void evaluatePixel() { dst = sampleNearest(src,outCoord()); } }

修改过代码之后，你可以再运行过滤器。单击Run按钮来查看输出。

注意：如果存在错误，在右边的面板上会出现报错信息。否则的话状态栏会告诉你已经编译成功。.

总结

当你熟悉了Pixel Bender的洁面之后，继续阅读本系列的第二部分，在那里你可以创建一个新的过滤器，然后可以改变颜色得到vintage tone特效。