
LESSON 02 打造非主流的拼图特效
应用 矩形框选工具
拼图是一个很好玩且需要耐性的游戏。那如何将图片制成拼图的效果呢?本节就来介绍一下用Photoshop软件来做拼图效果。

原图

效果图
01新建文档,选择“矩形选框工具”,在选项栏的“样式”选项中选择“固定大小”,宽度和高度各设置为1000像素。单击画面,绘制选区。




02填充颜色R:252, G:1, B:1,使用“矩形选框工具”在画面下方位置单击创建出另一个选区,填充同样颜色,使用“椭圆形选框工具”绘制圆形选区,填充黑色,并复制3个,放于如图所示的位置。


03用“魔棒工具”选取圆形,按“Delete”键删除,效果如下图所示。执行“编辑-定义图案”命令,单击“确定”按钮。



04打开照片,新建图层。执行“编辑-填充”命令,进行设置,效果如下图所示。




05双击“图层”,添加“斜面和浮雕”图层样式,设置如下图所示。执行“图像-调整-去色”命令。



06将图层混合模式改为“变暗”,执行“图像-调整-亮度/对比度”命令,设置如下。至此,制作完成。




选框工具详解
选框工具包括“矩形选框工具”, “椭圆选框工具”, “单行选框工具”和“单列选框工具”(宽度为一个像素)。

矩形选框工具:在需要创建选择区域的地方,按住鼠标左键拖曳到需要的大小时释放鼠标左键,即可创建矩形选区。
椭圆选框工具:在需要创建选择区域的地方,按住鼠标左键拖曳到需要的大小时释放鼠标左键,即可创建椭圆形选区。
使用单行或单列选框工具,在图像中确认要选择的范围,单击鼠标一次即可创建一个像素宽的选区,也可在要选择的区域旁边单击,然后将选框拖曳到确切的位置。如果看不见选框,则放大视图即可。
在工具选项栏中,紧邻工具图标的右侧有4个图标,分别表示“创建新选区”、“添加到选区”、“从选区中减去”及“和选区相交”。
A.新选区:可以创建一个新的选区。
B.添加到选取:在原有选区的基础上,继续增加一个选区,也就是将原选区扩大。
C.从选区减去:在原选区的基础上剪掉一部分选区。
D.与选取交叉:执行的结果,就是得到两个选区相交的部分。


在“羽化”后面的数据框中可输入数字来定义边缘晕开的程度,这在选区的制作中非常有用。
在“样式”弹出菜单中有3个选项:正常,可绘制任意矩形或椭圆形的选择范围;固定长宽比,以输入数字的形式设定选择范围的长宽比;固定大小,精确设定选择范围的长宽数值(要输入整数像素值)。
选项栏中的“消除锯齿”复选框是非常重要的一个选项,通常都要选中,它的作用是使选区的边缘平滑。当使用“矩形选框工具”时,“消除锯齿”复选框是不可选的。

选中“矩形选框工具”,在打开的图像上从左上角开始拖曳光标至一定区域,松开鼠标后就会出现浮动的矩形选择线,表明已经选中了此块区域。

选项栏中的“羽化”选项可使边缘柔软,例如,可先在选项栏中设定羽化的数值为20像素,然后选择矩形选框工具在图像上拖曳得到圆角矩形选区。


使用选框工具的技巧如下所述。
在按住“Alt”键的同时单击工具箱中的选框工具,即可在矩形和椭圆形选框工具之间切换,在使用工具箱中的其他工具时,按键盘上的“M”键(在英文输入的状态下),即可切换到选框工具。
按住“Shift”键的同时拖曳鼠标创建选区,可得到正方形或圆形的选择范围。
同时按住“Alt”键和“Shift”键,可形成以鼠标的落点为中心的正方形或圆形的选区。
在形成椭圆或矩形选区时,用鼠标由左上角开始拖曳,若想使选择区域以鼠标的落点为中心向四周扩散,按住“Alt”键的同时拖曳光标即可。