做Flash设计和开发的,要不要学习后期、3D?要我说,很有必要,特别是做表现形式创意的,更是非学不可。因为现在Flash、视频、开发方面自身的潜力已经挖掘的差不多了,这就要靠跨界、整合才能更有新意。我们来看几个例子。

rhythmoflines

这个Rhythm of Lines是2007年的网站。流畅的线条给人留下了很深的印象。而其中的亮点:线条组成车的轮廓,是怎么做到的呢。答案是先在Maya中把线框的模型建出来,然后用程序导出数据到XML,最后用Papervision3D生成动画。

audi
Audi – Virsprung durch Tech

而接下来的这个网站,更是把这种方法发扬光大。聪明的你应该已经猜到了,没错,组成车的那些点也是从三维软件里面导出来的。

除了数据交换的应用以外,随着技术的进步,很多在次世代游戏开发中用到的三维技术和技巧,也可以运用到Flash中来。比如在Flash 3D开发中,为了保证运行的效率,我们应该尽可能的减少多边形的数量,把细节放到贴图中去表现。对此我们应该要了解三维中可以烘培哪些贴图以供程序使用。

上图是Away3D的一个例子,你需要了解三维中各种各样的贴图分别是什么意思;法线贴图比凹凸贴图有什么优势;HDRI要如何应用等等。只有这样你才能更好的和3D制作人员沟通。

Mercedes-Benz Autoshow 2010 Web Special项目中,有一个令人头疼的功能是在每一个镜头中的车都是可以被点击的。在传统思路中,这意味着大量的画遮罩的工作。100多个镜头都这么处理的话是个非常巨大的工作量,但是如果你知道在三维软件中可以很方便的输出Object Buffer通道的话,问题就可以迎刃而解。

beauty

buffer

Object Buffer通道的作用原理是通过颜色来制作不同的选区,从而可以隔离出独立的物体来进行进一步的调整。应用相同的原理,我设计了一个程序来取得鼠标位置下对应的颜色,再通过颜色值来得到对应的车型。

除了上面介绍的几个例子之外,还可以看看我在Papervision 3D + 3D/Post Software Workflow一文中介绍的使用3D软件辅助进行Flash 3D开发的一些思路和做法。

接下来我们再来看看后期领域的技术跨界又能给我们带来什么样的惊喜:

Make a thank you movie
Make a thank you movie

Video Fan
Video Fan

这两个网站最大的亮点就是实时贴图的效果。看着自己上传的照片完美的融合在影片当中,很多人都感觉相当的惊奇。但如果是熟悉后期的人一看就知道这不过是简单的跟踪技术。AE就能很好的完成这个任务,或者也可以用更专业一点的跟踪软件Mocha。对跟踪技术不了解的同学可以看看AETuts上提供的一些教程,加强一下认识。你不需要会自己操作,我们要的只是软件导出来的数据。

接下来我们需要开发程序来处理跟踪软件导出的信息。比如上面两个网站,只是用到了最简单平面跟踪。导出的数据就是每帧四个顶点的位置信息,我们只要用4点变形的工具来处理就可以了。这里有一个开源的类:DistortImage 能实现这个功能。

经过以上处理,透视匹配的问题就解决了。为了达到更加真实的效果,还需要对贴图和视频素材进行颜色和景深的匹配。同样的我们在先后期软件里面做调整,把颜色调整(色相,饱和,明暗)的参数记录下来。然后在程序中用ColorMatrixFilter滤镜配合ColorMatrix来还原。用相同的方法还可以对景深做匹配,配合Blur滤镜就可以了。

最后把贴图的混合模式设置为Screen,这样一来有一些表面的高光或者反射就能透出来,效果更加真实。对每帧图像和数据进行相同的处理,动态贴图效果就完成了。

另一个后期应用的例子是Uniqlo Collection 2009

uniqlo2009
这个网站的后期跟踪更加复杂些,把每个模特的轮廓都跟踪出来了。到程序里面,再用矢量绘图的方法把跟踪点连接起来成为最终的遮罩。从技术上讲又更进了一步。

最后再来看看一个3D跟踪的例子:http://www.2gh.de/

2010-05-11_00672

相较前面几个例子只是2D跟踪而言,这个网站显然更胜一筹。运用3D跟踪技术可以反求出相机的运动路径,然后把这个数据运用到Flash 3D引擎中实现实拍与Flash合成的效果。

通过以上几个实例的介绍,我希望大家都能够感受到技术的跨界与整合带来的新的无限可能性。通过对技术工具的熟练掌握,做出更加出色的创意作品来。

Related posts

« »