先看效果图：

baOFc87u.jpg (151.92 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:45

 

 

本教程将一步一步探讨照片模板的制作和使用，教程中需要的形状和样式提供下载：

onuu1oh5.rar (51.76 KB)

onuu1oh5.rar (51.76 KB)
丙豪世家--照片模板制作和使用教程之一
下载次数: 2808

2006-8-8 02:47

 

因论坛限制，需要50psb才能下载，下载后用rar解压缩，使用方法请参考教程：

 

形状的制作和使用方法：

http://bbs.photops.com/viewthread.php?tid=58791
 

http://bbs.photops.com/viewthread.php?tid=7214
 

图层样式的管理及使用：

http://bbs.photops.com/viewthread.php?tid=59697
 

http://bbs.photops.com/viewthread.php?tid=1532 

 

关于照片扣图；参考： 

丙豪世家--家庭宝宝照片扣图--抽出法

http://bbs.photops.com/viewthread.php?tid=70406
   

 

首先我们打开photops，新建模板文件.

 

Wd2Z35Ex.gif (15.81 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:56

 

 

我要做6寸（4Ｘ6寸）的照片跨页，所以需要建立8寸（8Ｘ6寸）的模板文件：分辨率设置成200/寸

qh1uLc08.gif (28.66 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:56

 

 

文件建立后，我选择前景色为淡绿色：

JE3Yb5aq.gif (56.33 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:56

 

 

利用填充工具进行填充画面：

mul6AeKe.gif (26.78 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:56

 

 

在图层面版新建一图层，并取名为"渐变"

nn3XbkMj.gif (23.29 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:56

在工具栏选择"渐变"工具，选择"线性渐变"模式，并打开"渐变编辑器"

 

3OETkui6.gif (26.04 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:57

 

 

在"渐变编辑器"窗口中我先选择一个黑白双色渐变预设：

5Sf8t9kP.gif (46.51 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:57

 

 

然后编辑白色为透明：

WLI3Ljj3.gif (47.26 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:57

 

 

再编辑黑色为比背景略深的绿色：

1sR4uLr8.gif (51.79 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:57

 

 

在编辑黑色为比背景略深的绿色时，如果觉得不好准确把握背景淡绿色，我们可以在颜色窗口用吸管吸取背景色，就能准确把握了。

Gj3Qi8gD.gif (67.4 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:57

如下图，我们建立了绿色到透明的渐变工具，进行确认：

 

MV554bLn.gif (53.76 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:58

 

 

在画面中用渐变工具垂直填充，形成渐变效果：

RJpfrVpx.gif (43.62 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:58

 

 

再在图层面版新建一图层，并取名为"底纹花朵"。

uS8WEWG9.gif (22.61 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:58

 

 

为了方便画大花朵，我们先把画面缩小：

fM6k3TY0.gif (31.84 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:58

 

 

在工具栏选择"自定义形状工具"，并设置成"像素填充"模式：

VJpFMw2I.gif (41.18 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:58

在自定义形状库找到并选取我提供的花朵形状：

 

2yUkrmEQ.gif (79.14 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:59

 

 

用自定义形状工具画出花朵：

8XyerlQY.gif (34.01 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:59

 

 

再次在图层面版新建一图层，并取名为"树枝"

veMiWKHK.gif (19.21 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:59

 

 

在自定义形状库找到并选取我提供的树枝形状：

axj1xgYq.gif (89.46 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:59

 

 

画出各种树枝，注意分布要自然有变化，如果想改变树枝方向，画好后可以用套索工具选择树枝再进行"编辑"--"自由变换"来改变树枝方向。

kiXFuUP9.gif (54.54 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 02:59

再在图层面版新建一图层，并取名为"小画框"。

(忘记截图了)

在"样式"面版为这个图层建立我提供的样式：

 

HuzOi1aT.gif (110.78 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:00

 

 

在工具栏选择"自定义形状工具"，并设置成"像素填充"模式，再在自定义形状库找到并选取我提供的画框形状：

uQ4cfhic.gif (79.53 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:00

 

 

在"小画框"层绘制画框：

MLer4bHu.gif (66.7 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:00

 

 

把这个画框复制两份：

VI866uhA.gif (23.6 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:00

 

 

用魔术棒选择工具按图设置，选择小画框放照片的空白部分：

9sXMIexU.gif (87.99 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:00

在"小画框"层上面新建一空白图层：

 

vabOBLd8.gif (23.69 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:01

 

 

用白色填充刚才新建立的图层：形成照片位置框。

GoPzJrWm.gif (21.05 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:01

 

 

依顺序为每个小画框都建立一个照片位置框

Bo8lqzLh.gif (75.71 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:01

 

 

因图层越来越多，为了管理方便，我把图层进行分组：

选择所有的小画框和照片位置框的图层，新建图层组：

Eu8Oj38W.gif (41.8 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:01

 

 

新建图层组名我们取为"小画框组"

u16cNDTZ.gif (12.42 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:01

现在我们看到我们选中的图层全部放进了我们建立的"小画框"图层组：

 

zSCKRlD0.gif (19.4 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:02

 

 

通过图层组前面的小三角，我们可以打开和收起该图层组包含的图层：

Qvjn8Mm6.gif (19.87 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:02

 

 

再次在图层面版新建一图层，并取名为"主文字"

O37Zw9DL.gif (21.07 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:02

 

 

在工具栏选择"自定义形状工具"，并设置成"像素填充"模式，再在自定义形状库找到并选取我提供的"水香花"文字形状：

2Cvfhzrw.gif (18.22 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:02

 

 

在"样式"面版找到并选择我提供的相关文字样式：

0MzBzMon.gif (110.66 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:02

用自定义形状工具在"主文字"层绘制文字：

 

1XezrPEF.gif (75.3 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:03

 

 

再在图层面版新建一图层，并取名为"副文字"。

mdBIg3sT.gif (24.37 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:03

 

 

用文字工具打上你需要的文字，建议副文字尽量不要花哨。以免喧宾夺主，抢了主文字的风头。

PwX9Q5bT.gif (102.46 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:03

 

 

到此，模板就已经制作完成,

下面接下来我们利用这个模板，加上我们的照片，形成完整的跨页艺术照片。

关于照片扣图；参考： 

丙豪世家--家庭宝宝照片扣图--抽出法

http://bbs.photops.com/viewthread.php?tid=70406

我们打开准备好的三张宝宝照片，分别按顺序放在照片位置层的上方，

JULrhtYJ.gif (101.14 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:03

 

 

按住键盘"Alt", 把鼠标移到图层面版照片层和照片位置层之间横线上，待鼠标指针提示出现"灌入"图标时，点击鼠标左键，执行图层灌入，灌入成功后该图层前面出现如下的图示：（重复上面的操作或移动图层顺序可以取消灌入）

UJYZPXlR.gif (39 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:03

灌入后的效果如图：

 

ESJxOmPy.gif (108.03 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:04

 

 

最后添加大宝宝的照片，这一步就不需要解释了。图省略。

 

最后图层的分布如下图：（其中我标识的照片，可以随心所欲进行更换就可以了）

tWc6ra4z.gif (43.2 KB)
丙豪世家--照片模板制作和使用教程之一

2006-8-8 03:04

 

 

最终效果：

先去睡觉，明天再来添加图片文字说明。

真牛

好棒呀，有时间一定好好学习一下，争取给宝宝做一本真真原创的diy相册！

另外，想说一句，掌门真是敬业，半夜三更还在给我们做教程！辛苦了！

 

 

好教程,真是到东东,收藏先