用Photoshop、Firework为"EbaY易趣"商品图片制作简约实用的水印标识 - 技术文栏

游客，您好

购物指南

| 定单查询

| 购物车

| 退出

关键字：

用Photoshop、Firework为...

技术文栏 - PS应用 - 画面文字特效 - 浏览文章

用Photoshop、Firework为"EbaY易趣"商品图片制作简约实用的水印标识

发布日期：2005-10-27 19:59:09 作者：我是汕头人出处：易趣论坛

有人常说：杀鸡何须牛刀，用Photoshop、Firework处理图片做个“水印”之类什么的小case太“浪费”，太“花时间”，没必要！本人觉得说这话有点搞笑，虽有一定道理，毕竟PS、FW太出名了，功能太强大了，但说它们是“牛刀”不贴切，应该是“肉鸡加工厂”：一批鸡从这边唧唧喳喳进去，那边叮叮咚咚就出来了美味可口、包装精美的鸡罐头……这样才够搞笑嘛！

本教程除了讲解如何制做图片水印标识，还穿插了部分常见的图片处理知识，包括使用Firework、Photoshop优化、导出图片等知识点。你会发现Firework、Photoshop其实也没什么好神秘的。这个《教程》适合所有不曾使用过Firework、Photoshop制图软件的朋友，即使一点不懂Firework、Photoshop也一样可以做出自己的“水印标识”来。另外，有兴趣的朋友也来看一下吧，别忘了多提点意见和扔点板砖哦。

《教程》仅是抛猫引虎之举，望真正的FW、PS平面设计高手提出更好的方案来，与大家分享一下。

另外，如果本帖有部分图片打不开（毕竟是虚拟主机的图片空间），如需要直接下载CHM电子书格式的教程请到这里下载：

↓点击下载电子书教程

做好前期准备工作：为你的电脑安装Macromedia Firework Mx 或 Adobe Photoshop软件。
《使用Macromedia Firework Mx制作带水印标识的图片》（建议使用简体中文6.0版本以上）

一、制作水印标识

1. 首先，请创建一个新文档

操作如下：

在 Fireworks 中，选择菜单： “文件（F）”>“新建（N）”
“新建文档”对话框打开，参数设置如下：

（注：根据EBAY易趣免费图片的标准 - 400×300 - 的分辨率设置图片的长宽比例，以便于今后水印被多次重复应用到商品图片上，水印背景色用天蓝色便于观看水印效果，选其他颜色也可以。“确定”创建！）

2. 使用“文本工具” - 创建文本（汉字、英文或符号）

//说明：使用“工具”面板- “文本”工具(T) ，和设置“属性检查器”面板中的选项，可以在图形中输入和编辑文本。

操作如下：

鼠标单击：“工具面板”-“文本”工具：

带红色框框为“文本工具”

（“带红色框框+鼠标”的工具表示被操作对象，下同！）

在文档中任意区域单击鼠标，即出现一个带有手柄的矩形（称作文本块），同时，“属性检查器”将显示“文本”工具的选项。见下图：

属性检查器面板

请按上面选项设置文本的属性就可以了。

（说明：为了输入的中文字体美观，通常可以选择“强力消除锯齿”，中文字体用“幼圆”就可以了……。）

这时就可以通过键盘输入文本（汉字、英文等），需要注意的是，如果你的默认输入法是英文的，那么输入中文或其他语言可以通过键盘上的"ctrl"+"shift"组合键进行转换。

输入文本，如：实名认证用户：易豆豆

//-----------------------------------------------------------

输入星星或其他符号：“★”、“☆”、“▲”，可以将输入法换到“智能ABC输入法”，然后通过键盘先后输入：v1+（按“+”、“-”号若干次，当出现你想要的符号时，再选择该符号所对应键盘上的数字键即可……，当然你也可以用复制和粘贴命令从外部得到所需要的字体和符号）。

//-----------------------------------------------------------

3. 使用“指针”工具 - 移动文本到文档的适当位置

//说明：使用“工具”面板- “指针”工具(v,0) ，可以选择、移动所选择的对象和图层，包括刚才我们创建的文本块。

操作如下：

鼠标单击：“工具面板”- “指针”工具：

选择刚才所创建的文本块，用鼠标拖动文本块到适当位置就可以了，也可以通过键盘上的方向键进行移动。

4. 使用“缩放工具、倾斜工具” - 对文本进行适当的变形

//说明：使用“工具”面板- “缩放、倾斜”工具(Q)，可以对文本块进行变形，从而创建一种“好好学习，天天向上”独特的文本效果。

操作如下：

鼠标单击：“工具面板”- “缩放”工具：

直到出现下面的菜单，松开鼠标，然后再选择“缩放”工具。

将鼠标光标位置移动到文本块周围的适当位置时，鼠标光标变成“半圆箭头”形状，这时可以对文本进行旋转，旋转一定角度即可。如下图所示：

继续鼠标单击：“工具面板”- “缩放”工具：

直到出现下面的菜单，松开鼠标，然后再选择“倾斜”工具。

将鼠标光标位置移动到文本块中央上下两个节点的时候，鼠标光标变成“双箭头”形状，这时可以对文本进行倾斜，倾斜一定角度即可。如下图所示：

初次使用firework的朋友，请你完成旋转、倾斜操作后，别忘了，使用第3步的“指针”工具进行“定形”（单击“指针”工具就行了），呵呵。

5. 使用“属性检查器 ——效果 ”- 对文本进行“水印标识”制作

//说明：使用“属性检查器 ——效果 ”，可以对文本块进行多种效果的制作，包括我们要制作的水印标识效果。当然，你还可以加载更多的滤镜。

操作如下：

首先，添加“发光效果”：

鼠标单击：“属性检查器 ——效果”右边的 + 号，在弹出菜单中选择：阴影和光晕-发光。如下图所示：

请按下面选项设置“发光”效果的属性就可以了。如下图所示：

“发光效果”如下：

其次，添加“投影效果”

鼠标单击：“属性检查器 ——效果”右边的 + 号，在弹出菜单中选择：阴影和光晕-投影。如下图所示：

请按下面选项设置“投影”效果的属性就可以了。如下图所示：

“投影效果”如下（同时包含了“发光效果”）：

这时，我们所须要的水印标识已经初步完成了。

-----------------------------------------------------------

如果还想加一个EBAY英文ID的标识，我们可以采用一个更简便省事的方法，操作如下：

在图片文档的其他地方重新添加一个文本块（执行前面说过的第2步操作），输入如：seller : yidoudou 。

用“指针”工具选中我们刚才创建的中文“★实名认证用户：易豆豆”水印标识，选择菜单： “编辑（E）”>“复制（C）”，接着用“指针”工具选中我们刚才创建的英文ID水印标识文本块，选择菜单： “编辑（E）”>“粘贴属性（A）”，完成效果的复制。当然，如果希望英文字体改变一下也可以，建议“字体”用“方正舒体”，端正大方舒服嘛，呵呵。

继续用“指针”工具将创建的EBAY英文ID标识拖动到适当的文档位置就行了。如下图所示：

-----------------------------------------------------------

我们还要对“画布”的颜色做一下修改（画布使用天蓝色只是为了便于观看效果），将画布颜色改为“透明”。之所以这样做，是为了以后使用时更为方便！更改画布颜色方法如下：

选择菜单：“修改（M）”>“画布（C）”>“画布颜色（L）”，选择“透明”就行了，看，画布变成透明了。

OK，水印标识制作大功告成。

选择菜单： “文件（F）”>“保存（S）”，我们将文档保存到一个目录下，如：e:\watermark\，文件命名为ebay-watermark.png就行了（*.png是firework默认保存文件的格式）。以后，我们需要用到水印标识去加工一幅实物照片，就可以拿它来“导入”！

喝杯工夫茶先^^……

===============================

二、应用水印标识

1. 找到并使用Firework打开你自己所拍摄的实物商品图或须要添加水印标识的图片、照片。

方法如下：“文件（F）”>“打开（O）” 。自己放图片的目录自己应该知道吧，呵呵。

2. 导入我们刚才喝茶前所保存的ebay-watermark.png水印标识文档。

方法如下，选择菜单：“文件（F）”>“导入（I）” ，注意，是“导入”而不是“打开”！刚才我们保存文件的位置你应该还记得吧。这个：e:\watermark\ebay-watermark.png ！呵呵！接着，在文档中单击一下鼠标，“水印标识”导入就OK了。

导入水印标识文件后，可以根据实际需要，用“指针”工具选中水印标识，调整一下水印标识在图片上的适当位置，如下图所示：

另外，根据实际需要，我们为了让水印标识具有那种“若隐若现”和“不影响实物图片”的效果，只要对我们所创建的这两个水印标识进行“层透明度”处理就可以了。方法如下：

如果你没有打开“层”面板，那么选择菜单：“窗口（W）”>“层（L）”，打开的层面板如下：

用“指针”工具选中一个水印标识，在“层面板”中进行“层透明度”处理。

3. 导出带水印标识的图片

让图片得到满意的水印效果后，我们就来用Firework的“导出”功能来完成带水印标识的实物图片的制作，方法如下：

//-----------------------------------------------------------

首先，我们需要对导出图片的操作做个了解：

导出图片的格式，一般来说，EBAY图片系统只允许扩展名为 *.jpg、 *.jpeg 、*.gif 的几种图片格式，所以，我们导出的图片应该就这几种。由于Jpeg图片可以在压缩后得到比较好的效果（ebay图片系统会再压缩一次，所以我们压缩jpg、jpeg图片时，应该保持85% - 90%以上的质量，个人建议！），大家都用jpg、jpeg图片吧。

//-----------------------------------------------------------

如果你没有打开“优化”面板，那么选择菜单：“窗口（W）”>“优化（O）”，打开的“优化”面板如下：

按照下图的优化面板参数设置就可以了：

设置参数完成后，可以对即将导出的图片进行预览（不满意可以在优化面板上再调整！），通过预览窗口你还可以知道导出图片大小、下载速度等相关信息。如下图：

最后一步操作，导出带水印标识的图片，方法如下：

选择菜单：“文件（F）”>“导出（E）” ，记住是“导出”，而不是“保存”！将图片导出到一个目录，如：E:\ebayupload\ 就行了，文件名如：photo001_addwm.jpg（保存类型：仅图象，文件名自己想，哈）。

OK，一幅图片的水印标识加工完成！可以上传到EBAY易趣图片系统了。

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

《使用Adobe Photoshop 制作带水印标识的图片》（建议使用简体中文版本6.0以上）

一、制作水印标识

1. 创建一个新文档

操作如下：

为了便于观看水印效果，在photoshop的“工具面板”上对背景色进行设置，背景色用天蓝色（#4AA3FF）就可以了。

用鼠标单击工具面板背景色块：

设置：

在 Photoshop 中，选择菜单： “文件（F）”>“新建（N）”
“新建文档”对话框打开，参数设置如下：

（注：根据EBAY易趣免费图片的标准 - 400×300 - 的分辨率设置图片的长宽比例，以便于今后水印被多次重复应用到商品图片上。）

2. 使用“文字工具” - 创建文本（汉字、英文或符号）

//说明：使用“工具”面板- “文字”工具(T) ，设置窗口顶部的“属性”面板中的选项，可以在图形中输入和编辑文本。

操作如下：

鼠标单击：“工具面板”-“文本”工具(T)：

（“带红色框框+鼠标”的工具表示被操作对象，下同！）

在文档中任意区域单击鼠标，即出现一个闪烁的光标（表示可以输入文字等信息了），同时，“属性”面板将显示“文本”工具的选项。如下图：

请按上面选项设置文本的属性就可以了。

（说明：为了输入的中文字体美观，可以选择“粗壮”，中文字体用“幼圆”就可以了……。）

这时就可以通过键盘输入文本（汉字、英文等），需要注意的是，如果你的默认输入法是英文的，那么输入中文或其他语言可以通过键盘上的"ctrl"+"shift"组合键进行转换。

输入文本，如：实名认证用户：易豆豆

输入星星或其他符号：“★”、“☆”、“▲”，可以将输入法换到“智能ABC输入法”，然后通过键盘先后输入：v1+（按“+”、“-”号若干次，当出现你想要的符号时，再选择该符号所对应键盘上的数字键即可……，当然你也可以用复制和粘贴命令从外部得到所需要的字体和符号）。

3. 使用“移动”工具 - 移动文本到文档的适当位置

//说明：使用“工具”面板- “移动”工具(v) ，可以选择、移动所选择的对象和图层，包括刚才我们创建的文本块。

（这里说明一下，photoshop和firework有所不同，photoshop已经将文本块定义为一个层了，我们可以通过“图层”面板进行选择图层的操作。如果“图层”面板没有打开，请打开，选择菜单：“窗口（W）”>“显示图层（L）” 。如下图所示：）

操作如下：

鼠标单击：“工具面板”- “移动”工具：

通过“图层面板”选择刚才所创建的文本块（也称为一个“图层”），用鼠标拖动文本块所在的图层，到适当位置就可以了，也可以通过键盘上的方向键进行移动。

4. 菜单：“编辑（E）”>“变换（A）”>“旋转（R）” ； “编辑（E）”>“变换（A）”>“斜切（K）”- 对文本进行适当的变形

//说明：使用photoshop的菜单：“编辑（E）”>“变换（A）”> “旋转、斜切”，可以对文本块进行变形，从而创建一种“好好学习，天天向上”独特的文本效果。

操作如下：

菜单：“编辑（E）”>“变换（A）”>“旋转（R）” ，用鼠标将文字（层）旋转一定角度。如下图所示：

确认变形旋转：

菜单：“编辑（E）”>“变换（A）”>“斜切（K）”：

将鼠标光标位置移动到文本块中央上下两个边的时候，鼠标光标变成“双箭头”形状，这时可以对文本进行斜切，斜切一定角度即可。如下图所示：

确认变形斜切：

5. 菜单：“图层（L）”>“图层样式（L）”>“描边（K）” ； “图层（L）”>“图层样式（L）”>“投影（D）” - 对文本进行“水印标识”制作

//说明：使用“图层（L）”>“图层样式（L）”中的各个效果，可以对文本块进行多种效果的制作，包括我们要制作的水印标识效果。

操作如下：

首先，添加“描边（K）”效果：

菜单：“图层（L）”>“图层样式（L）”>“描边（K）”。如下图所示：

请按上面选项设置“发光”效果的属性就可以了。

“描边效果”如下：

其次，添加“投影（D）”效果

菜单：“图层（L）”>“图层样式（L）”>“投影（D）”。如下图所示：

请按上面选项设置“投影”效果的属性就可以了。

“投影效果”如下（同时包含了“描边效果”）：

接着，用鼠标右键单击EBAY英文ID的标识的图层，弹出该图层的选项，选择“粘贴效果”。如下图所示：

继续用“移动”工具将创建的EBAY英文ID标识拖动到适当的文档位置就行了。如下图所示：

建议使用文字工具将英文水印标识的字体改为：方正舒体。因为端正大方舒服嘛，呵呵。

-----------------------------------------------------------

我们还要对“背景”的颜色做一下修改（“背景”使用天蓝色只是为了便于观看效果），将“背景”颜色改为“透明”。之所以这样做，是为了以后使用时更为方便！更改背景颜色方法如下：

只要删除最下面那个天蓝色的背景图层就行了，同样可以通过使用鼠标右键单击“图层面板”的背景图层，再选择“删除图层”，呵呵。看，画布变成透明了。

OK，用Photoshop制作的水印标识就大功告成。

选择菜单： “文件（F）”>“保存（S）”，我们将文档保存到一个目录下，如：e:\watermark\，文件命名为ebay-watermark.psd就行了（扩展名和firework的文件扩展名有所不同哦。）。以后，我们需要用到水印标识去加工一幅实物照片，就可以拿它来导入！

再喝杯工夫茶先^^……

===============================

二、应用水印标识

1. 找到并使用Photoshop打开你自己所拍摄的实物商品图或须要添加水印标识的图片、照片。

方法如下：“文件（F）”>“打开（O）” 。自己放图片的目录自己应该知道吧，呵呵。

2. 用Photoshop打开我们刚才喝茶前所保存的ebay-watermark.psd水印标识的源文件。

方法如下：“文件（F）”>“打开（O）” ，别告诉我你忘了ebay-watermark.psd放哪了，呵呵……

接着，使用“移动”工具，通过鼠标的拖放操作，从ebay-watermark.psd将水印标识拖放到要添加水印标识的图片上就行了。当然，你也可以结合“图层面板”，通过使用鼠标右键弹出菜单，“复制图层”到要添加水印标识的图片上。

拖放水印标识文件后，可以根据实际需要，用“移动”工具选中水印标识，调整一下水印标识在图片上的适当位置，如下图所示：

另外，根据实际需要，我们为了让水印标识具有那种“若隐若现”和“不影响实物图片”的效果，只要对我们所创建的这两个水印标识进行“不透明度”处理就可以了。方法如下：

如果你没有打开“图层”面板，那么选择菜单：“窗口（W）”>“显示图层（L）”，打开的层面板如下：

根据需要，进行“不透明度”的调整就可以了。

3. “另存为”带有水印标识的图片

让图片得到满意的水印效果后，我们就来用Photoshop的“另存为（A）”功能来完成带水印标识的实物图片的制作，方法如下：

//-----------------------------------------------------------

首先，我们需要对导出图片的操作做个了解：

导出图片的格式，一般来说，EBAY图片系统只允许扩展名为 *.jpg、 *.jpeg 、*.gif 的几种图片格式，所以，我们导出的图片应该就这几种。由于Jpeg图片可以在压缩后得到比较好的效果（ebay图片系统会再压缩一次，所以我们压缩jpg、jpeg图片，Photoshop“另存为”时应该保持9 - 10 以上的质量，个人建议！），大家都用jpg、jpeg图片吧。

//-----------------------------------------------------------

操作如下：

菜单：“文件（F）”>“另存为（A）”，记住是“另存为”，不是“保存”！

按照下图的参数设置保存图片的类型（JPE或JPG）就可以了：

将图片保存到一个目录，如：E:\ebayupload\ 就行了，文件名如：photo001_addwm2.jpg（文件名自己想，哈）。

随后弹出一个JPEG选项（可预览）对话框：

设置参数完成后，可以对即将导出的图片进行预览（品质设置应该9-10以上，不满意可以随时调整！），通过上面的预览对话框你还可以知道导出图片大小、下载速度等相关信息。单击“确定”完成Jpeg图片的保存。

OK，一幅图片的水印标识就加工完成了！可以上传到EBAY易趣图片系统了。

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

为了方便EBAY的朋友们，这里我顺便提供两个做好的photoshop源文件（ebay-watermark.psd）和firework源文件（ebay-watermark.png），只要你会用“文字工具”，就可以完成水印标识的修改和制作！

修改制作源文件后记得保存，以后就可以用它们导入到你的实物图片了，请参考两个教程的第二部分：应用水印标识。

firework和photoshop的源文件其实都可以相互被应用的。

为了“导入”、“导出”操作上的方便，大家可以使用Firework，特别对于Web设计、网页图片的制作很方便，另外中文版的Firework自带的帮助也可以让你自学成材。个人建议，仅供参考！

源文件下载地址：

点击下载Firework源文件

点击下载Photoshop源文件

∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮
∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮
∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮∮

为什么要写这个《教程》？

看了好多网上关于平面图片制作《教程》，我都有一种感觉，就是那些根本就是写给对photoshop、firework有一定了解的同学的，而Ebay上有些卖家朋友连电脑操作使用都不是太熟悉，更别说用电脑搞平面图片设计了，《教程》把每个操作细节写清楚了，学起来容易些，而且通过详细的图文描述可以对photoshop、firework几个基本工具、对象的属性设置等操作（如“指针”工具、移动工具、文字工具、优化操作、层操作以及滤镜等）有个初步了解，以后，学习其他内容会更容易。个人认为，学习photoshop、firework其实就是学习工具使用和属性设置的一个积累过程，当你对这些知识点有了进一步的了解，就有了量的飞跃，如果要达到大师级的境界，就需要大家不断的吸取别人的经验和自己不断创新，从而得到质的飞跃。

加上“水印标识”有什么作用？

很多时候，经验丰富的网络购物者都会选择有“实物图片”的商品进行购买。EBay易趣的很多卖家都有提供实物图的能力，照片照的好漂亮，一不小心，就被其他卖家给“借”去上架了。如果说，“借图者”卖的商品和照片一样的话，还情有可原，要是遇上极个别的 JS，PZ，那么，吃亏的不仅仅是被借图的卖家，可怜的是我们善良的买家一族，更可怜了EBay那笔金灿灿的安全保障金。

当然，也并不是说有些卖家“故意”盗图、借图，很可能是他们没有数码相机吧，几千块￥哦，大家都不容易，……但是你们要借，起码得征得他人的同意吧，一声不吭就拿去用，人家不生气才奇怪呢，请尊重别人的劳动成果，……大家都不容易。所以说作为一名合格的卖家除了拥有良好的信誉和服务外，还应该有能力对自己店里的商品信息进行必要地“保护”，给自己的实物图片加个“水印”吧，即使这种“保护措施”很被动，也是值得提倡的，毕竟那些实物图片可都是卖家们辛辛苦苦拍摄制作出来的作品。

严格来讲，我们这里所说的“图片水印”应该叫“图片标识”更准确，因为真正的水印（如：数字水印），有防伪、防盗版的作用。但是由于习惯性理解的误会，很多人都叫“水印”了。将错就错，所以，我干脆就称为：“水印标识”好了，折中。（要错就错到底才有性格！……。）

我想，这种“水印标识”仅仅是为了给浏览者一种的提醒作用，通过这幅图片的标识告诉浏览者一些信息，如卖家的EBay中文名字、卖家英文ID、店铺名称等。但这并不意味着这个图片可以起到“版权归属”的作用，试想一下，某些人网上随便下载同一幅图片，然后用Photoshop、firework加了“版权归张三李四”的标识，这个图片就是你的了？除非申请了著作者版权、专利，或者使用真正的“数字水印”（如Photoshop的一个水印滤镜Digitmarc），否则别人很难区分到底谁是谁非。

话说回来，就目前来说，加个“水印标识”对于EbaY卖家却是很有好处的。偶认为，加入“水印标识”至少可以起到下面几个作用：

1. 加大了“借图者”肆意“借图”的难度，起码可以防止“信手拈来，为我所用，更有甚者，变版加印”的行为。
2. 如有幸被“借用”，可以起到免费宣传的效果，借出越多，收益越多，聪明的买家知道如何找到你。
3. 让自己的商品更为个性化和专业化，新老顾客一看就知道你很用心。
4. 省了你投诉EBAY易趣的精力和时间，创造更多的价值，加快易趣卖家奔小康的步伐（我说的是真的，不是玩笑！）。
5. 你会发现原来加个水印如此容易，还可以有这么多的好处，逐爱上PS、FW，爱上EBAY社区。（纯属广告……无语！）

哈，希望可以帮到大家。

共有1条文章页次：1/1

分页：

9 1 :

发布人：-----

【大中小】·【推荐好友】·【打印】·【顶部】

[照片处理] ·Photoshop:把玻璃瓶“乾坤大挪移”	2006-10-22
[摄影技巧] ·入门必读获得精美照片10佳技巧	2006-08-29
[拍摄常识] ·如何使照片更清晰	2006-08-15
[拍摄常识] ·心得分享- 商品摄影基本知识篇之光圈	2006-08-03
[摄影技巧] ·商品摄影两大主题及其详细拍摄方法	2006-08-03