Photoshop制作漂亮拼图.doc

新手练习:巧用Photoshop制作漂亮拼图特效
2007-6-6 10:24:00　文/佚名　出处：中国教程网　 虽然Photoshop有一些外挂滤镜可以很轻松地实现拼图的效果，不过练习一下用Photoshop从无到有地模拟拼图效果对自己的Photoshop技术提高会有一定的帮助。　　大家不妨先想想自己做会用什么工具、方法和步骤。一起来试试吧！　　原图如下

　　完成效果图

　　1.新建一文件设置如图。

　　2.选择矩形选框工具，设置如图。

　　3.创建选区并填充，效果如图。（绿：r:6 g:213 b:6 红：r:250 g:101 b:101）

　　4.选择画笔工具，直径为20像素，硬度为100％，并在图像中单击，效果如图。

　　5.选择圆形选框工具，设置如图，并在图像中选取，效果如图，按delete键清除选区中的图像，同理可得到如图的拼图形状。

6.单击“编辑”--“定义图案”，如图所示，按“好”按钮。这样我们就做好的制作拼图效果的准备工作。

7.打开一幅素材图像做为背景，新建图层1。单击“编辑”--“填充”，出现填充对话框，设置如图。

　　8.填充后效果如图。现在看起来图像还没有立体感，不过别急，我们继续进行加工。

　　9.在图层1面板上双击，在弹出的图层样式对话框中选择“斜面和浮雕”选项，设置如图。

　10.立体感总算出来了，可是看看下面的图，颜色过于杂乱，把背景图层几乎挡住了大半。没关系，继续努力！

　　11.在图层1上执行“图像”--“调整”--“去色”，呵呵～杂乱的色彩不见了。

　　12.将图层1的混合模式设置为“变暗”。

13.调整亮度/对比度，设置如图。（哈哈，大功告成，背景层的图像终于得以“拔开云雾见青天了”）。
　　14.最终效果如图。

拼图大家可能都玩儿过，即使没玩儿过也见过，它是一种益智娱乐玩具。记得好像有个什么软件标志也是拼图，看起来非常漂亮，下面我们就来自己动手做一个拼图。
　　1. 启动Photoshop CS，新建一个白底文档，按下Ctrl+R键使标尺显示。用鼠标分别从水平标尺和垂直标尺中拖出两条辅助线，组成一个正方形，然后选择“钢笔”工具，沿辅助线交叉的4个点单击，创建一个正方形路径，再使用“添加节点”工具在每条边上添加2个节点，并参照图1所示调整路径形状，制作拼图形状的路径。

图1 制作拼图形状的路径
　　2. 设置前景色为黑色，选择“画笔”工具，激活“路径调板”，单击“用画笔描边路径”按钮进行描边，绘制出一块拼图的轮廓，然后参照此方法在拼图的右侧、下方和右下方再绘制3块拼图轮廓，并分别在4个轮廓中填充不同的纯色，比如红、黄、蓝、绿。
　　3. 选择“魔棒”工具，按下Shift键依次在4块拼图中单击创建选区，进入“通道”调板，单击“将选存储为通道”按钮将选区保存为Alpha 1，然后执行“滤镜→风格化→浮雕效果”命令，在打开的“浮雕效果”对话框中设置“角度”为-38，“高度”为15，效果如图2所示。

图2 应用“浮雕效果”滤镜
4. 执行“图像→调整→色阶”命令，通过参数调整使Alpha 1中的灰色变成黑色，再单击“将通道作为选区载入”按钮载入选区，返回“图层”调板，再次进行色阶调整，使选区内的图像变亮，这样拼图就有立体感了，效果如图3所示。

ＰＳ拼图效果教程
描述：步骤1图
图片：

1.新建一文件设置如图。

轻哼着失落的曲调，在时光的背后归生宁静……

Posted: 2006-07-18 12:06 | [楼 主]
天使也无辜
叶落依枝/天使舞雪

级别: 贵宾

精华: 38
发帖: 18503
威望: 320 点
金钱: 11948 RWB
贡献值: 0 点
朋友圈: 葬花阁
在线时间:5180(小时)
注册时间:2005-11-07
最后登录:2008-09-16
小 中 大

描述：步骤3图
图片：

2.选择矩形选框工具，样式选择固定大小，宽度高度各50像素
3.创建选区并填充，效果如图。（绿：r:6 g:213 b:6 红：r:250 g:101 b:101）

轻哼着失落的曲调，在时光的背后归生宁静……

Posted: 2006-07-18 12:06 | 1 楼

天使也无辜
叶落依枝/天使舞雪

级别: 贵宾

精华: 38
发帖: 18503
威望: 320 点
金钱: 11948 RWB
贡献值: 0 点
朋友圈: 葬花阁
在线时间:5180(小时)
注册时间:2005-11-07
最后登录:2008-09-16
小 中 大

描述：步骤4图
图片：

4.选择画笔工具，直径为20像素，硬度为100％，并在图像中单击，效果如图。

轻哼着失落的曲调，在时光的背后归生宁静……

Posted: 2006-07-18 12:06 | 2 楼
天使也无辜
叶落依枝/天使舞雪

级别: 贵宾

精华: 38
发帖: 18503
威望: 320 点
金钱: 11948 RWB
贡献值: 0 点
朋友圈: 葬花阁
在线时间:5180(小时)
注册时间:2005-11-07
最后登录:2008-09-16
小 中 大

描述：步骤5图
图片：

5.选择圆形选框工具，设置如图，并在图像中选取，，按delete键清除选区中的图像，同理可得到如图的拼图形状。（宽高各20像素）
[ 此贴被天使也无辜在2006-07-18 12:15重新编辑 ]

轻哼着失落的曲调，在时光的背后归生宁静……

Posted: 2006-07-18 12:07 | 3 楼

天使也无辜
叶落依枝/天使舞雪

级别: 贵宾

精华: 38
发帖: 18503
威望: 320 点
金钱: 11948 RWB
贡献值: 0 点
朋友圈: 葬花阁
在线时间:5180(小时)
注册时间:2005-11-07
最后登录:2008-09-16
小 中 大

描述：步骤9图
图片：

6.单击“编辑”--“定义图案”，按“好”按钮。这样我们就做好的制作拼图效果的准备工作。
7.打开一幅素材图像做为背景，新建图层1。单击“编辑”--“填充”，出现填充对话框，填充刚才定义的图案
8.填充后看起来图像还没有立体感，不过别急，我们继续进行加工。
9.在图层1面板上双击，在弹出的图层样式对话框中选择“斜面和浮雕”选项，设置如图

　　 2008年9月16日 星期二 1:30PM
新竹论坛　　新竹视聊　　实用网址大全    

网站首页
新竹主站
蝶舞专栏
网友文集
flash专区
朗诵天地
素材共享
温馨祝福
教研教改
学习园地
相册专栏
知识宝典
最新动态
留 言 板

当前位置：网站首页 >> 学习园地  >> Photoshop教程  >> PS动态拼图教程 
双击自动滚屏

PS动态拼图教程

发表日期：2008年2月24日        已经有124位读者读过此文

1、图例
原图1：

原图2：

 静态效果图3：

动态效果图4：

2、组合
2.1、打开Photoshop，打开图1和图2。按住Ctrl键，用工具箱中的移动工具将图1移到图2中，作为一个新图层1。同时用鼠标单击图层 1 ，选取人物。点“编辑——自由变换”的命令来缩放图层1的大小，以适应背景图达到更加美观的效果，并移动到适当的位置。

2.3、勾选人物的轮廓。要注意画笔尺寸不能太大，否则一些我们需要保留的部分也会被去掉。如果高光部分过大可以使用橡皮工具擦除一部分高光。

2.4、使用填充工具对要抠取的部分进行填充。

2.5、点确定，人物就被抠取出来了。
2.6、按住Ctrl+D1键，取消虚线框。再按住Ctrl键，同时用鼠标单击图层 1 ，选取人物。单击“选择-羽化”命令，在弹出的对话框中设置羽化半径为“5象素”，确定。将人物移动到适当的位置。

2.7、复制图层1到新建图层2中，删除图层1。

2.8、在图层面板中的图层2单击鼠标右键，在弹出的菜单中选择“混合选项”命令，更改“常规混合”的“混合模式”选择。

2.9、因船的位置过低，做水波困难，故新建图层3，将船复制到合适的位置，抠图。

2.10、用橡章工具对背景图中的人与船进行处理，使之不高出预想中的水平线。

2.11、点击图层面板右上角的小三角，在弹出的菜单中选择“拼合图层”命令，合并图层。

3、静态水波制作
水波是借助水面滤镜来完成的，故在做水波效果前应挂入水波滤镜。将“燃烧的梨树-水之语”或是“flood_104_ch”滤镜，复制到PS7.0版本下的Plug-Ins目录里，或是复制到Photoshop CS版本下的“增效工具-滤镜”的文件夹内。
3.1、选择滤镜-燃烧的梨树-水之语

调整合适的参数，点“好”后即可得“静态效果图3

4、动态水波制作
4.1、在这里，接着前面所述的2.10条继续往下做，不进行拼合图层操作。“动态效果图4”是由十帧图象合成的。所以，我们先在PS里做出十帧小船的动作略有差别的图象。

人物的明亮是通过调整“亮度/对比度”中的亮度值来完成。

4.3、根据自己的设计思路，可锁定或是打开不同的图层得到不同的动作图，保存为*.jpg文件。
4.4、现在关掉PS，打开Ulead GIF Animator 5软件。在做水波前，应挂入水波滤镜。如图进行设置，应注意的是，在“选择一个与ADOBE兼容过滤器文件夹”的路径时，一定要指向PS中滤镜所在的文件夹。然后关掉UG5，重新打开UG5。

4.5、选择“文件-新建”，定义画布尺寸，然后选择“文件-添加图象”，将4.3中完成的图象全部添加进来。然后对每一帧图进行水波滤镜操作，调整不同的参数。可用“预览”直接观看总体效果。

4.6、设置完毕后，选择“文件-另存为-gif文件”，将文件保存后即可得“动态效果图4”。