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

用户级别

初级

必需产品

范例文件

其他要求

Pixel Bender Toolkit

注意:在阅读本系列的时候,创建一个叫做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 \Adobe\Adobe Utilities\Pixel Bender Toolkit\sample images\
    • Mac OS: MacHD/Applications/Utilities/Adobe Utilities/Pixel Bender Toolkit/sample images
  3. 选择YellowFlowers.png文件,然后点击Open。然后文件会被加载(见图1)。
在Pixel Bender IDE的图像
图1. 在Pixel Bender IDE的图像

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

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

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

按照这样的步骤:

  1. 选择File > New Kernel。在编辑窗口,可以对特征过滤器进行编辑(见图2)。
预留值的特征过滤器代码。
图2:预留值的特征过滤器代码。

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

  1. 点击在编辑窗口底部的Run按钮(见图3)。
运行过滤器
图3: 运行过滤器

点击Run之后,两件事情将会发生:

  • 右边的指示面板被用空面板代替。
  • 在Run旁边会出现文字:“The filter is running and the status indicates that the kernel compile succeeded。”(过滤器正在运行,状态显示内核编译成功)
  1. 在创建并且运行一个过滤器之后,下一步要做的就是储存过滤器,这样你可以在需要的时候重新使用。选择File > Save Filter。
  2. 在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特效。

转载于:https://www.cnblogs.com/chenhongyu/p/3313820.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值