当前位置: 主页 > 平面设计 > PS教程 > 滤镜专区 > 外挂滤镜 > Puzzle Pro 2.0 经典图例解析(二)

Puzzle Pro 2.0 经典图例解析(二)

  • 2022-02-11
  • 来源/作者: ps.onegreen.org    / 佚名    
  • 13 次浏览

  在应用Puzzle Pro 2.0时,颜色叠加效果经常会被用到。上面的几个例子中我们已经有些认识,而这种效果很明显的出现在图像中的,是演示图片中的Gallery B-5《High-End integration》、Gallery C-2《ZigPuzzle-ZagPuzzle》、Gallery C-5《TechnoPuzzle》、Gallery D-3《Gems》和Gallery D-6《Big Canyon 》。这些图像在切割和斜面等方面非常普通,最突出的特点就是不同类型的颜色叠加效果。

  我们先来看演示图片Gallery B-5《High-End integration》(图Gallery-07)。这幅图像的重点是那些鲜艳的色块。下面我们来仿制一幅“斑斓兔”。

  1.打开一幅图像,用任何方式选择一个选区。在这幅图像中,我用套索工具选择了小兔子的范围,打开通道面板,将选区存为通道,然后取消选择。如果希望选区更加平滑的话,可以用高斯模糊—色阶调整的方法,具体步骤我们在上一篇文章中介绍过了,这里就不再重复。(图sample5-1)

  2.双击背景,将背景转换为普通图层0。按Ctrl+Alt+4,载入通道1的选区,用快捷键ShiftCtrl+J,将选区内的图像剪切到新的一层中,即为图层1。

  现在,选择图层0,用Puzzle Pro 2.0制作拼图效果。设置好拼块结构和斜面效果后,使用MAIN菜单下的Save命令,保存这个布局结构。然后点击应用,分割图层0。(图sample5-2)

  3.现在,选择图层1,按Ctrl+A,选择全部图像范围,打开Puzzle Pro 2.0。由于我们的选择范围是整个图像,所以滤镜作用的范围会包括图层1中的透明区域,而不是仅仅作用于图层1中的不透明图像。从MAIN菜单中选择Load命令,载入刚才所保存的布局结构,这样,我们就能应用和刚才完全相同的分割,包括斜面效果也一样。(图sample5-3)

  如果你刚才对图层0使用的切割中隐藏了一些拼块,那并不会影响到这一次的应用,因为这些隐藏的拼块都在我们这一层对象之外,所以尽可以放心使用而不必担心造成拼块的缺失。

  4.在应用了斜面效果之后,我们来随便选择一些拼块,对它使用调整菜单中的颜色叠加(COLOR LVERLAY)效果。在调整颜色时,你可以用Ctrl+H隐藏选择范围,这样便于观察颜色的改变。调整好一批拼块的颜色后,取消选择,再来选择另外一些,再次进行颜色叠加效果。你可以设置不同的不透明度,使图像富于变化。重复这个过程,一直到所有的拼块(或你所希望的拼块)都被颜色覆盖,点击应用按纽。(图sample5-4)

  这幅图像中,我们所设定的拼块数量较少,所以可以手工来选择。如果像演示图片那样有很多拼块,那么就不如使用随机化选择来的方便。

  5.现在,我们基本上已经取得了希望的效果。在Photoshop中,你还可以用历史记录画笔在历史记录面板中选择未使用滤镜前的上一个状态,选择适合的笔刷,恢复小部分图像,如小兔子的眼睛等,使图像更加生动。最后,在最底层添加一个图层作为背景,填充背景色。还可以对图层0使用简单的投影效果。(图sample5)

  如果你明白了这幅图像的制作过程,那么对我们上面提到的演示图片也该了解了八、九成了吧!Gallery C-2《ZigPuzzle-ZagPuzzle》的制作最为简单,只需隐藏一些拼块,然后随机选择一些(可以用快捷键Ctrl+“[”和Ctrl+“]”来添加或取消选择拼块),用颜色叠加效果着色即可(图Gallery-08)。

  而Gallery C-5《TechnoPuzzle》所用的是我们在上一篇文章提到过的不同形状拼块嵌合在一起的技巧,再加上这里的颜色叠加,以及下面我们会说明的菱形拼块的创建(图Gallery-09)。至于图像Gallery D-3《Gems》(图Gallery-10),情况稍微有些复杂:在设置好行和列之后,先设计一种相对复杂一点的形状,把它作为图像中那个特殊拼块的形状,在预览窗口点击某条曲线,从右键菜单中选择“Copy Knife's Shape”命令,复制这个形状(图sample6-1);然后对图像中的全部分割曲线应用另一种形状;点击某一个拼块四周的曲线,从右键菜单中选择“Paste Knife's Shape”命令,将先前复制的形状应用于所选择的曲线(图sample6-2);拼块之间的间隔空隙自然是切割窗口中的“SPLITTER THICKNESS”选项的作用,所设置的数值越大,空隙也就越大;而图像中边缘部分的那些小拼块,只要在布局模式下调整行或列的位置控制手柄,也可以轻易完成(图sample6-3);最后是添加颜色叠加,调整斜面效果,隐藏拼块和分隔带等工作,至于背景、投影等简单的装饰,就更不在话下了(图sample6-4)。至于图像Gallery D-6《Big Canyon 》,只消将一个圆形选区分割为两部分,调整斜面效果后再着色就可以了(图Gallery-11)。

           

  接下来的几幅图像是较为有趣的,那就是演示图片中的Gallery A-6《A travel agency’s ad 》、Gallery C-4《AV Bros. greengrocery》和Gallery D-1《HexPuzzled Station》。们最显著的共同特征就是将不同的图像拼合在一起,这种方法很适合创作广告之类的宣传海报。

  先来看图像Gallery A-6《A travel agency’s ad 》(图Gallery-12)。它显然是由多幅图像拼合而成的。所以,首先,我们需要找到一些合适的素材,最好是同样大小。

  1.从中选择一幅,先将背景转换为普通图层,然后打开Puzzle Pro 2.0,先来设计形状。

  按照通常的方法,我们无法得到正六边形的拼块,这里,我们要采用一种“手工变形”的方法。删除切割窗口中的形状的全部锚点,使形状成为一条直线,这样,图像被分割为若干方形或长方形(图sample7-1)。

  2.在布局模式下,按Ctrl+K,打开调整菜单中的“手工调整结点”选项(Knots Manual Adjustment),结合预览窗口的标尺,如图调整相关结点。原则上是将间隔的结点向上或向下移动默认行距的二分之一。如果希望得到标准的正六边形,需要精确计算,我没有费那个心思,大家如果有兴趣可以推敲一下。这是整幅图像制作过程中最费功夫的一个步骤,因为Puzzle Pro 2.0在对齐方面做的不是很好,我们就需要放大图像,尽量精确的移动结点。这是一项水磨功夫,没有什么技巧,只是需要很好的耐心,大家慢慢来吧!如果标尺的单位较为合适的话,那么计算和对齐也会轻松一些。所以,我新建了一个500×500像素的图像,用它来制作拼图形状。一来单位好控制,二来没有画面的干扰,对形状的控制可以更精确一些。(图sample7-2)

  3.接下来,我们要隐藏一些分割曲线,使图像中那些完整的六边形显露出来。此外,还要将切割窗口中的SPLITTER THICKNESS一项数值设的较大一些,这样分隔带会较明显。(图sample7-3)

  4.最繁琐的工作已经完成,这个时候,最好能保存一下布局,以免前功尽弃。如果你现在还在白色图像上工作的话,这时就可以关闭这个图像,回到素材图像中。根据需要,隐藏分隔带和一些拼块,有时还要回到布局模式,隐藏一些相连拼块之间的分割线,使它们联合在一起。然后调整各个拼块各自的特殊效果。现在,保存布局,点击取消。(图sample7-4)

  5.剩下的工具就轻松得多了。处理好素材图像的大小之后(这样是为了保证每个拼块的大小都相同),将每张图片的背景都转换为普通图层。然后对每一幅图像都调用Puzzle Pro 2.0我们刚才保存的布局,视图像内容隐藏一部分拼块,应用于由背景转换而来的图层(图sample7-5)。每幅图像隐藏不同的拼块,拖移这些应用了滤镜的图层,使它们组合在一幅图像中;再对一幅图像单独显示分隔带,隐藏所有拼块,对分隔带使用颜色叠加或别的什么效果,应用,把它放置在组合图像的最底层(图sample7-6)。最后,拼合所有图层,应用投影效果,添加背景。(图sample7)

  演示图片Gallery C-4《AV Bros. greengrocery》和Gallery D-1《HexPuzzled Station》所用的方法和上面的例子基本相同。最困难的我们已经完成了,这些就更不在话下了。(图Gallery-13、Gallery-14)

  关于分隔带的应用,演示图片中也有不少精彩的例子,如Gallery D-2《TechnoPuzzle – Draw mode》、Gallery D-5《Framed》。在这两幅图像中,分隔带的作用更加明显,甚至构成了图像的主体。关于图像Gallery D-5《Framed》,在创作中也有一点小小的技巧,在这里与大家分享。(图Gallery-15、Gallery-16)

  1.挑选一幅图像,用Photoshop打开,将背景转换为普通图0,连续复制两次。这样,在图层0上就有图层0 副本和图层0 副本2两个图层。这三个图层我们分别用来制作窗框、窗格和景块。(图sample8-1)

  2.选择最上面的图层0 副本2层,我们用它来制作一些景块。不用说,打开Puzzle Pro 2.0,设计拼块布局。如果希望得到如图所示的这种形状,只需将切割窗口中形状设为直线,再添加一个锚点,将其平滑度设为0,偏移直线一些距离即可。布局中最外面的距离是最终图像中窗框的宽度,你可以根据需要用手柄调整。不要忘记设置切割窗口中的SPLITTER THICKNESS值,你可以设的稍大一些,如6px或更大一些。需要的话,还可以将一些拼块的分割曲线改为别样。最后,在布局模式下隐藏图像边缘的分割曲线。注意保存这个布局,我们下面还要用到。(图sample8-2)

  3.现在,在拼图模式下,先隐藏全部,然后随意选择几块显示出来,调整斜面效果,还可以添加别的特效。调整完成之后,应用于图层。(图sample8-3)

  4.选择图层面板中位于中间位置的副本层,我们用这一层来制作窗格。打开Puzzle Pro 2.0,载入上一次的布局,先隐藏全部,然后从选择菜单中选择“Add Splitter to Selection”命令,显示分隔带,调整斜面及其它效果,应用于当前图层。(图sample8-4)

  5.最后,我们对底层的图层0使用滤镜效果。载入布局之后,隐藏全部,只显示边缘整块未分割的拼块,把它作为窗框。你可以用特殊效果来模拟材质,比如我们动感模糊和低透明度的颜色叠加效果来模拟木纹效果。(图sample8-5)

  这样,这幅图像中的所有元素我们都完成了,把它们拼合在一起,添加投影效果和背景。(图sample8)

  下面我们要讲解的是选区在Puzzle Pro 2.0中的作用。Puzzle Pro 2.0可以载入图像中的通道选区,这一特点使我们可以制作出各种有趣的图像效果。先来看演示图片中的Gallery A-3《AV Bros. logo in Yellow-Green》(图Gallery-17)。这幅图像中,我们感兴趣的只是图像中心那些色彩较为鲜明的拼块。拼块本身没有什么特别的,问题是这样大量的拼块,我们应该怎样来选择。靠手工和眼力吗?那就太吃力了,我们要使用选区来完成这项看似繁重的选择任务。

  1.我们将图像的制作分为两部分,第一部分为图像的拼块,第二部分为那些分隔带。所以,和上面的例子一样,我们需要先将一幅图像的背景转换为普通图层,然后复制一个副本。用任意方法得到一个选区,并将之存为新通道。这幅图像中,我用套索工具选择了小猫的形状,将选区存为通道后,对通道稍加处理,消除锯齿。

  先对图层面板中居于顶部的图层应用滤镜。打开Puzzle Pro 2.0,设置好行和列的数量。在这里,行和列的数量要大大超过以往图像所设的,数量越多,后面我们所选取的选区范围就越准确。此外,形状就尽可能的简单,演示图片中将形状设为了直线,这会取得很好的效果,但我懒得手工调整结点位置,所以就用另一种形状来代替,将切割窗口中的SPLITTER THICKNESS值设为2或3像素,保存布局。(图sample9-1)

  2.隐藏全部拼块,只显示分隔带,对它使用颜色叠加和斜面效果之后应用于图层。(图sample9-2)

  3.在图层面板中选择位于下面的图层,打开Puzzle Pro 2.0,载入上次保存的布局。在切割窗口中,将SPLITTER THICKNESS的值设置为0,取消分隔带。在拼块模式下,使用Select>Load Selection…命令,在打开的通道列表中选择前面所保存的选区通道。这里通道选择的显示情况和Photoshop默认情况正好相反,你在预览窗口看到的黑色图像才是真正的选区,所以,我们要使小猫的范围作为选区的话,需要选择INVERT(反相)命令。(图sample9-3)

  4.按Ctrl+H隐藏选取范围之后,调整斜面等效果。然后使用反选命令,选择小猫范围之外的拼块,应用特殊效果。这里我们使用了两种颜色叠加的混合过渡效果。最后隐藏边缘的一些拼块,将滤镜应用于当前图层。(图sample9-4)

  你可能会觉得对小猫部分的拼块斜面有些太突出了,在制作第一张图像的时候,我的想法和你一样。但在换成较为平和的斜面之后,在隔离带下的图像几乎是平的,看不出任何的斜面效果,所以,图像就会变成“关在铁丝笼里的小猫”,看起来有些凄凉!所以我就将这部分拼块的斜面效果加大一些,虽然效果仍不尽人意,但最少虐待小动物的倾向是少了一些。

  隐藏边缘的拼块是为了打破死板的边界,你可以使用Shift+鼠标拖移的方法来选择边缘的拼块,最后再随机选择一些。(图sample9-5)

  6.最后,扩大画布,为图像添加背景,拼合图层,并添加投影效果。你可以看到在我们的图像中,小猫的范围并不是非常准确(当然如果我们没有对通道选区外的拼块应用颜色叠加效果的话,差别还不是很明显),在滤镜窗口你也会看到这一现象。加大行和列的数量可使选区更准确,或者你有闲工夫,也可以手工添删一些拼块,使选区形状更符合我们的需要。(图sample9,sample9-6)

  Puzzle Pro 2.0下载地址

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