在上一篇文章中（《拼出精彩世界——Puzzle Pro 2.0 使用手记》），我们大致介绍了AV Bros. Puzzle Pro 2.0这款滤镜的功能。如果你参观了它的网站，一定会对那些演示图片记忆深刻。至少对我来说，是看到了这些演示图片才会想到去仔细研究这个滤镜的。今天，我们就来结合这些演示图片，具体来看看这款滤镜是如何做到这些令人惊异的效果的。

　　这些图片有些原理大致相同，我们就归并在一起，用一个例子来解释。此外，我们还会按照从简到繁的顺序，使大家更容易弄清条理。例子中的图片是Puzzle Pro 2.0演示图片的缩览图，只是起一个提示作用，原图我们提供在压缩包中，需要的话可以在这里下载。

　　一、最简单的拼图游戏

　　首先，我们来看一个最简单的例子。那就是用Puzzle Pro 2.0最基本的功能来构造图像。例图如编号为Puzzle Pro 2.0 Gallery A-7的图像《A "classic" puzzle》。（图Gallery-01）

　　图Gallery-01

　　观察这幅图像，你可以轻易的看出它的要点：一部分拼块被置入不同的图层中，随意旋转并移动位置，形成错落的拼图游戏效果。现在我们开始试着制作一幅类似的图像。

　　1.用Photoshop打开一幅图像（想想看你喜欢玩哪种类型的拼图游戏），如果图像很大，要适当的缩小一些，否则滤镜运行的速度会很慢。（图sample1-1）

　　图sample1-1

　　2.从Photoshop滤镜菜单中选择Av Bros.＞Puzzle Pro 2.0，在打开的切割窗口的Shaper部分中，选择一个比较适合作为拼图游戏拼块的形状。这里，我所用的是Puzzle Pro 1.2 Shapes中名为“Basic”的形状。可以对形状稍加调整，避免其过于对称。然后根据图像大小和机器性能设定行和列的数量。为了使拼块形状多样化，需要翻转图像中的分割曲线。有时偷起懒来，只用一次布局模式下ADJUST菜单中的“Random Flip HU”命令就足以交差。不过翻转命令一定要在确定了行和列的数量之后进行，一旦行和列的数量改变，那么所有的拼块会恢复到固定形状。不单是翻转，其它变化，如结点位置、行和列的分割位置等也是如此。（图sample1-2）

　　图sample1-2

　　3.点击Cut按纽后，我们来调节拼块的斜面效果。对于游戏拼块来说，斜面不需要很突出，有一定的立体感就行了。所以，我将高光和暗调的不透明度都减低（66％、48％），斜面大小和深度也适当降低一些（2PX、2）。（图sample1-3）

　　图sample1-3

　　4.下面，看看我们要如何来另存图像。在上一篇文章中，我们已经说明了Puzzle Pro 2.0在另存文件方面上的创新，那就是它可以将所选择的拼块存为单独图层，而将未选择的显示拼块合并至一层中。这个例子中，我们将充分利用这个特征。选择一部分拼块（根据拼图游戏的特征，可以用大块选择+零星选择的方法），用Main菜单下的Save Selected Pieces AS PSD命令，选择文件另存的路径，为新文件命名。（图sample1-4）

　　图sample1-4

　　5.现在，打开你刚刚另存的新文件。嗯，应该会很大，像我的例图就足足有50多个层，对我来说，也算是史无前例了。在你的图层面板中，随意的隐藏一些图层，最好不要连续隐藏图层，那样会造成画面的明显缺失。下面的工作就是慢慢调整仍在显示的单独拼块的位置。嫌一层一层的对着名称找图片太麻烦吗？完全不用，这里有一个不可不知的小秘诀。选择移动工具，在工具选项中勾选“自动选择图层”这一项，然后随意的选择拼块，移动，用Ctrl+T简单的旋转，使它们在图像的空白处较为均匀的分布。（图sample1-5）

　　图sample1-5

　　6.最后，我们用图像＞画布大小命令将画布尺寸增加一些，使图像周围有一些空间。在最底层的Composite层下建立一个图层，用较淡的颜色填充，作为图像的背景。你可以根据图像的情况再稍微调整一下拼块的位置。

　　如果希望给图像添加立体感，可以添加简单的投影效果。这里有两种添加投影效果的方法，第一种较为复杂，效果也较好，另一种相对简单一些，当然结果就比较粗糙，你可以根据需要选择其中一种：

　　第一种：只要你意识到拼块相互叠放的状态，那么制作图像的思路也就较为清晰了。如果拼合图层的话，那么所有的拼块都会处于一个平面上，无法显现出叠放的顺序。所以我们要先为放在上面的拼块图层添加投影效果，再来为下面的图层添加投影。具体操作上，先选择图像中处于顶部的拼块图层（这里的顶层，指的是视觉上的顶层，而不是图层面板上的处于较上位置的图层），如果有相互连接的，要将连接图层链接拼合；然后，打开图层样式对话框，添加简单的投影效果（图sample1-6）。按照这个方法为所有位于上面的拼块图层加上投影效果。

　　图sample1-6

　　提示：要想快速为多个图层添加同一样式，可将这个样式保存为图层样式，选择要目标图层，点击样式面板中的这个样式即可。另外，在链接图层时，目标层要选择图层面板靠上位置的图层，这样链接合并后的图层位置才不会变化。

　　接下来，将图层面板中除了背景层和添加过样式的图层之外的所有显示的图层链接起来，这应该就是下面的拼块图层了。选择底部的Composite层，拼合所有链接图层，应用同样的投影效果。最后，从图层菜单中选择“拼合图层”命令，Photoshop会提示你是否要扔掉隐藏的图层，选择“是”后，多余的隐藏拼块被扔掉，所有的图层合并起来，这幅《拼图游戏》的制作就完成了。我们把删除多余图层的工作放在最后，是便于你在前面的过程中随时调整拼块结构。如果你觉得拼块已经完全OK了，那么也可以早些删除这些图层。（图sample1）

　　

　　图sample1

　　如果不是那么追求图像细节，这里有一个简单的方法：隐藏背景层，随便选择一个显示的图层，从图层菜单中选择“拼合可见图层”命令，或用快捷键Shift+Ctrl+E，这样，所有显示的拼块层都被拼合在一层中。如果当前层被隐藏的话，那么图层菜单下的拼合命令只有一个“拼合图层”了。现在，为这个合并层添加投影效果，最后将所有图层合并在一起。

　　这个例子其实在Puzzle Pro 1.2中也可以实现，不过它只能将所有拼块放置在单独图层中，所以我们的工作量要大一些。

　　这是我们的第一个例子，过程会详细一些，也包括了后期在Photoshop中一些处理的过程，不要小看这些后期的加工，如果说Puzzle Pro 2.0只是塑造了一个“模子”的话，Photoshop才真正为作品添加了血肉，赋予它生命。

　　如果你已经明白了这个例子中所涉及到的要点，那么对图像Gallery B-1《Curly Puzzle. 2 in 1 》就会一目了然。这幅图像可能是在Photoshop中先用色相／饱和度命令处理了一下，使图像褪色，再用Puzzle Pro 2.0设计一种较为古典的形状来分割图像，当然，对这幅作品而言，形状的设计是整个过程的重点。随后的事情，不用我说你就知道了。（图Gallery-02）

　　图Gallery-02

　　与这个过程差不多的是演示图片Gallery B-7——《Some surface problems》的制作过程（图Gallery-03）。在这张图像中，最突出的特点就是其中的一些拼块有着与众不同的投影效果。经过上一个例子，我想你应该明白这是什么缘故了。没错！我们在滤镜中设置好分割、斜面效果后，选择一部分拼块隐藏起来，使其被排除在最终图像之外；然后再选择几个拼块，用Save Selected Pieces AS PSD命令另存图像（图sample2-1）。打开另存的图像文件，被选择的拼块处于单独的图层中，剩下的显示拼块同在一个合并的图层中。先对合并的图层应用投影效果，然后将上面的单独图层合并，应用和刚才相似的投影效果，不过投影的不透明度或角度等细节有所改动，使两种投影略有差别。因为这幅图像中不存在拼块相互叠加的情况，所有我们可以将单独的拼块统统合并处理。最后加大画布尺寸，填充浅色背景，合并图层即可。（图sample2）

　　图Gallery-03

　　图sample2-1

　　图sample2

　　下面这个例子中所用的方法，是我们会经常用到的，效果很好。演示图片中的Gallery A-2《Puppy's dream》、Gallery B-4《Simple Integration》用的都是这种方法。下面我们就来分析这几幅图像中所用的技巧。（图Gallery-04、Gallery-05）

　　图Gallery-04

　　图Gallery-05

　　除去装饰性质的图像缺失拼块不说，这几幅图最大的特征就是一幅图像中存在数种不同形状的拼块，并且这些形状各异的拼块丝丝入扣，配合的完美无暇。这一点单单用滤镜是做不到的，必须有Photoshop来帮忙才成。

　　1.首先，用Photoshop打开一幅图像，双击背景层，在出现的新图层对话框中，保持默认设定，将背景层转换为图层0。为什么不能直接在背景上操作？这个原因等一下你就会明白了。然后确定你要单独分离拼块的选区，也就是说，把你所希望那些不同与普通拼块的部分选择出来。你可以采用任何方式选择，在这幅图像中，用的最多的是Photoshop中的自带形状。你可以用创建路径的方式绘制出各种形状，然后将其转为选区。也可以写上文本，载入文本的选区。

　　我们需要将选区内的图像和其它图像分开来处理，所以，按下Ctrl+Shift+J，将选区内图像剪切到新的一层中。现在，你的图像应该如图sample3-1所示。

　　图sample3-1

　　如果在剪切图像之后再将背景转换为普通图层，图层结构和先转换背景再剪切图层是一样的，但在图层0，即原来的背景上就有了明显的区别：如果直接在背景上作剪切，留下的空白将被当前的背景色所填充；如果先转换背景的话，图层0剪切后的图像会留下透明。这个透明的空白正是制作完美嵌合效果的关键！

　　2.隐藏图层1，也就是剪切下来的部分图像，在图层0中，运用Puzzle Pro 2.0。设定拼块数量、调节斜面效果这些修饰就不用细说了。不过你需要将斜面的各项数值记录下来，一会儿我们还要用到。你可以根据图像中透明部分来隐藏一些拼块。因为这幅图像中不会涉及到单独的拼块，所以我们可以点击Cut按纽，在图像中直接应用滤镜效果。（图sample3-2）

　　图sample3-2

　　由于图层中被剪切掉的部分没有像素存在，所以，包含这些空白部分的拼块在空白处都会应用与其它部分相同的斜面效果。但如果这些透明部分被背景色填充的话，那就和普通拼块无异，没有边缘的斜面效果了。（图sample3-3）

　　图sample3-3

　　3.选择图层1，显示，对图层1也使用滤镜效果。在切割窗口，你可以随意设定切割，只要切割曲线不干扰图像就可以。当然，最省力的方法，是将行和列的数量都设为0，这样就不存在人为的分割拼块。之后，打开斜面效果，将默认的斜面改为我们刚才对图层0所使用的数值，确保两个图层都使用相同的斜面效果，这样图像相接的地方才能没有差别。（图sample3-4）

图sample3-4

　　4.现在，显示图层0，检查一下图像拼接的效果。如果两层之间有些微的空隙，我们可以用背景来填充。按住Ctrl，在图层0下面新建图层2，用浅色填充，这样空隙就不会很明显了。（图sample3-5）

　　图sample3-5

　　5.按上面的方法，我们可以完成大半工作，但细心的你一定发现了，在小狗的图像右上角有一个和整体图像颜色不同的部分，作品《Simple Integration》中单独拼块的颜色也有所不同。这是因为应用了滤镜中的另一个特殊效果——颜色叠加。它的作用原理和Photoshop图层样式中的颜色叠加完全一样，如果选择了自动调整选项的话，在叠加效果的基础上又融合了渐变效果。还以我们刚才所做的图像为例，如果在第二次应用Puzzle Pro 2.0时，在设定好斜面效果之后，我们打开调整菜单中的COLOR OVERLAY选项，选择自动调整选项，设置两种不同的叠加颜色，降低不透明度，再设定变化方向，如图sample3-6所示，那么图层1中的图像就会出现颜色的改变（图sample3-7）。最后，合并图层0和图层1，应用简单的投影效果。在合并后的图层下新建一层，用画布大小命令将画布扩大一些，用浅色填充刚才新建的图层，图像的制作完成。（图sample3）

　　图sample3-6

　　图sample3-7

　　图sample3

　　与上面制作过程相似的是图Gallery D-7《Puzzle way to play chess》（图Gallery-06）。这幅图像的要点是棋盘部分的制作。尽管你可以在Photoshop中用图案填充来完成，但我还是希望Puzzle Pro 2.0能为我们做点什么。

　　图Gallery-06

　　1.新建一幅图像，大小视需要而定，背景为透明。按Shift+BackSpace打开填充对话框，用50％灰色填充图层1。

　　接下来我们要为图像添加一些纹理效果。打开添加杂色滤镜，将数量设为1％，平均分布，单色。如果你的图像较大，可以适当提高一些杂色数量。然后使用纹理＞纹理化滤镜，将纹理类型设为砂岩，缩放为100％，凸现为1。对我的图像大小而言（480×400像素），还需要用编辑菜单下的消褪命令，将纹理化滤镜效果的不透明度减退至75％，使纹理不会那么突出。（图sample4-1）

　　图sample4-1

　　2.打开Puzzle Pro 2.0，将切割窗口的形状设为直线，即将全部锚点都删除，这样切割就为直线。将行和列设为你需要的数值，然后调整斜面效果。（图sample4-2）

　　图sample4-2

　　3.接下来，间隔选择拼块，用Ctrl+H隐藏选择，使用调整菜单下的亮度／对比度命令（BRIGHTNESS／CONTRAST），将选中拼块的亮度降低；然后用SELECT菜单下的反选命令，将剩下的拼块选择，再用亮度／对比度命令将这些拼块的亮度提高，这样，我们就得到了需要的棋盘效果。（图sample4-3）

　　图sample4-3

　　4.接下来，制作一些选区。这幅图像中，我仿照演示图片的格式用Photoshop中的自带形状制作了一些路径，并将它转为选区，并按Ctrl+Shift+J，将选区内的图像剪切到新的一层，即图层2中。选择图层1，用Puzzle Pro 2.0为图层1添加斜面效果。注意：要将行和列的数量都设为0。（图sample4-4，为了便于观察，暂时以白色为图像背景）

　　图sample4-4

　　虽然你可能习惯于用Photoshop的图层样式添加斜面和立体效果，但为了避免样式对图层性质的影响，我们在这里使用Puzzle Pro 2.0为图层添加斜面效果。

　　5.然后选择图层2，按同样的方法为它添加斜面效果，具体数值可与刚才稍有差别。还可以用颜色叠加使图像改变颜色（图sample4-5）。

　　图sample4-5

　　现在，在图层2中，用矩形选框工具选择需要移动的图像，用Ctrl+Shift+J将它移动到新层中，用移动工具移动到图像的合适位置上，需要的话，还可以旋转一定角度。现在，图像的主要部分如图sample4-6所示。

　　图sample4-6

　　6.到这里，图像主要部分已经完成了，剩下的只是修饰工作了。我们还需要为图像添加一些投影效果。只对图层1即棋盘图像投影的话，那么底部的4个蜗牛下会缺少投影效果，所以，我们把它合并到图层1之中，然后就图层1施用图层投影效果，并对剪切出来的另两个图层也使用相同的投影效果。（图sample4-7）

　　图sample4-7

　　你已经看到了，在投影之前，我们需要先扩大画布大小，使图像周围留有一定的空隙。（使用画布大小命令来增加图像周围距离是我的习惯，你也可以在建立透明背景的图像之后选择一个选区，在其中进行填充、纹理化等操作，那样的话在这一步就不用画布大小命令了。）用自由套索工具在图像边缘随意选择，删除选区内的图像。一般来说，我们用套索工具所作的选区都不会很光滑，如果希望得到如演示图片般平滑的边缘，可以在用套索工具选择选区之后，点击通道面板下面的“将选区存为通道”按纽，保存当前选择。选择新存通道，取消选择，先用高斯模糊滤镜对通道图像稍加模糊，然后用色阶工具调整通道，使通道内的白色像素边缘平滑（图sample4-8）。载入当前通道选区，回到图层1中，删除选区内图像，取消选择，最后再为图像添加一个背景图层即可。（图sample4）

　　图sample4-8

　　图sample4

　　Puzzle Pro 2.0下载地址

　　http://down.ddvip.com/view/11770649085989.html