LinuxSir.cn,穿越时空的Linuxsir!

 找回密码
 注册
搜索
热搜: shell linux mysql
楼主: bomberxjl

本人抖胆,想翻译Gimp的帮助,谁有兴趣?

[复制链接]
发表于 2003-7-10 01:08:58 | 显示全部楼层
呵呵,一个晚上译了4000多字,还不错:)
发表于 2003-7-10 09:20:02 | 显示全部楼层
是的,第九章没有人译,现在归兄弟你了,特务。
欢迎你的参与,我这就更新到cvs 上。

进度页已经更新,在:
http://people.freebsdchina.org/m ... kking_the_gimp.html
发表于 2003-7-10 19:39:12 | 显示全部楼层
9.2 可点击热点图片(Clickable Image Maps)

热点图片是网络上很常见的功能。热点图片可以有多个超级链接,我们甚至可以为每个链接安排一个javascript脚本。这种结构使网络设计人员可以将链接、操作和图片灵活地结合在一起。

举个例子,旅行社的网站上可以用一张热点图让客户在世界地图上选择他们想旅游的地方。热点图上可以在世界各个地方分别放上超级链接,如单击法国就可以到另一个详细讲解法国旅游配套、景点介绍、风俗人情等等的网页。而如果单击委内瑞拉,就会转到关于委内瑞拉的网站。

热点图片为我们提供了链接去其它网页的另一种方式,因此这是一种十分有用的技术。可是它有一个问题,就是制作热点图片非常困难。对于每一个链接,我们都需要定义一个范围。这个范围定义为一个多边形,而这个多边形又被定义为一组点,每个点是该多边形的一个顶点。而要确定这些定点的坐标不是件容易的事,特别是如果你的图片各处布满了超级链接。

当然,GIMP有可以帮助我们工具我们可以在图片:滤镜/网络菜单下找到“热点图片”插件。这个插件让您可以直接在图片上指定上面所说的顶点的位置,另外,它也能让你方便地为加入链接,以及与链接对应的javascript脚本。最后,该插件能生成这个热点图片对应的HTML代码。所有顶点坐标、链接和javascript脚本都会包含在这个HTML文件中。

我们由图9.13(a)中所示的空白图片开始介绍如何使用热点图片插件。

图(9.13)

一般上我们不会将一个空白图片做成热点图,不过这倒是一个不错的例子。如图9.13(b)所示,热点图片对话框由三个主要部分组成。其中一个是画布,显示我们要做成热点图的图片。因为我们使用的是空白图片,所以这里也会使一片空白。在画布左边,我们可以看到包括选择和编辑功能键的工具栏。这些工具是用来画定义热点的多边形的。最后,画布右边还有一个热点列表,我们使用这个列表来整理和编辑热点。

我们用“热点图”选择工具来定义热点的范围。我们可以使用的工具包括矩形,圆形和多边形。其中,多边形是功能最强的,我们可以用它来定义十分复杂的形状。

图(9.14)

上图中我们选择了一个不规则的形状。我们只需选中多边形工具,然后在画布上依次点下图中所示的点就行了,每一个点都会成为多边形的一个顶点。在画布上双击多边形最后一点就可以停止使用多边形工具。

只要我们定义好了一个9.14(a)中所示的多边性,GIMP就会弹出一个如9.14(b)中所示的“设置”对话框,要求我们输入热点对应的超级链接。如图所示,您可以输入任意有效的网络链接值,比如,http://www.gimp.org。同时, ... 用这些功能。

图(9.15)

上图显示当我们定义了几个热点后的“热点图片”对话框。三个定义了的热点显示在“热点列表”中,同时选中的热点会呈蓝色。上面谈到的编辑工具可以用来列表中存在的任意热点定义。点击一个热点就可以选中它。如果要删除一个热点,只需选中该热点,然后单击红色x键。单击铅笔样按钮就可以弹出“设置”对话框。

入图9.15(a)所示,当前选中的热点的顶点以红色方块表示,我们可以新加、删除或移动这些顶点。选中箭头工具我们就可以点拖任何定义的顶点。右击一个点就会弹出9.15(b)所示的菜单,然后我们就能删去这个点。要新加点的话只需右击一条线段,就能弹出9.15(c)中所示的菜单。

当您完成编辑时,您就可以单击软盘图标或者从“文件”菜单中选择“另存为”来保存您的文件。这时会弹出一个对话框,要求我们输入保存的文件名,该文件名应当以.html或.htm为后缀。

我们来看看图9.16(a)中所示的一个实例。

图(9.16)

图中所示的是美国东南部。这十个州上都标上了它们各自名称的缩写:FL佛罗里达州,GA乔治亚州,等等。我们要创作一个热点图片,为每个州制作一个链接。9.16(b)中的是“热点图片”对话框,其中画布上显示的是9.16(a)。我们可以用多边形工具很容易的描出每个州的轮廓。当我们全部描完时,我们就可以保存文件。下面就是我们得到的文件:

<IMG
SRC="/home/cbunks/PROJECTS/GIMP/BOOK/08-WEB_CENTRIC/Figures/southeast-usa.gif"
WIDTH=482 HEIGHT=428 BORDER=0 USEMAP="#MyMap">

<MAP NAME="MyMap">
<!-- #$-:Image Map file created by GIMP Imagemap Plugin -->
<!-- #$-:GIMP Imagemap Plugin by Maurits Rijk -->
<!-- #$-lease do not edit lines starting with "#$" -->
<!-- #$VERSION:1.1 -->
<!-- #$AUTHOR:Carey Bunks -->

<AREA SHAPE="OLY" COORDS="6,91,10,178,21,183,21,195,98,195,113,144,128,
107,113,104,120,92" HREF="http://www.good-travel.com/arkansas.html">

<AREA SHAPE="OLY" COORDS="21,197,21,234,32,252,22,291,49,292,69,299,75,
295,101,312,117,307,131,308,150,312,142,298,120,281,138,276,130,255,83,253,
100,197" HREF="http://www.good-travel.com/louisiana.html">

<AREA SHAPE="OLY" COORDS="119,136,172,135,174,276,140,277,132,255,85,253"
HREF="http://www.good-travel.com/missouri.html">

<AREA SHAPE="OLY" COORDS="119,136,269,127,288,106,334,74,168,83,170,88,
136,93" HREF="http://www.good-travel.com/tennessee">

<AREA SHAPE="OLY" COORDS="139,91,170,90,170,81,285,75,319,43,295,28,293,12,
274,18,251,4,243,4,243,12,232,18,218,39,209,33,186,48,171,46,157,65,145,68"
HREF="http://www.good-travel.com/kentucky.html">

<AREA SHAPE="OLY" COORDS="173,272,200,271,190,248,261,247,261,208,235,130,
170,133" HREF="http://www.good-travel.com/alabama.html">

<AREA SHAPE="OLY" COORDS="237,132,263,213,266,254,342,255,342,245,357,247,
367,207,305,139,292,135,296,126" HREF="http://www.good-travel.com/georgia.html">

<AREA SHAPE="OLY" COORDS="300,127,296,133,365,205,420,146,388,120,357,122,351,
113,317,117" HREF="http://www.good-travel.com/south-carolina.html">

<AREA SHAPE="OLY" COORDS="333,74,270,124,304,124,314,117,354,112,360,120,386,
120,423,145,433,145,440,127,465,111,459,97,479,78,468,60"
HREF="http://www.good-travel.com/north-carolina.html">

<AREA SHAPE="OLY" COORDS="195,253,198,271,227,271,257,288,284,275,318,303,
328,303,329,345,347,365,360,395,388,416,404,410,408,367,385,317,355,249,342,
248,342,259,335,259,335,255,266,256,259,249"
HREF="http://www.good-travel.com/florida.html">

</MAP>

您可以看到,每一个热点都有一个AREA超链接标签。这个标签包含了定义多边形的顶点坐标以及超链接的地址。以上的例子可以在浏览器中观看。用“热点图片”插件生成的HTML文件可以再用该插件重新打开并再次编辑。一般我们会先用GIMP打开图片,打开“热点图片”插件,然后在插件的文件菜单中用“打开”命令打开保存的HTML文件。

图(9.7)

上图显示我们用上面的方法重新打开9.6中的HTML文件后的状况。可是,我们并没有事先打开图片文件,而是打开了一个空白图片。这样,我们会在空白背景上清楚地看到我们定义的热点。这样做可能没有什么实际意义,可是这种展示的方法挺有意思:)。注意热点列表中10个州各有一条记录。点击任何一条记录就会选中对应的热点,如图中的阿拉巴马州。

最后,我想提醒您,你可以用浏览器打开您制作的HTML文档,以确认您制作的文件是正确的。如果需要,您也可以手动用文字编辑器修改生成的HTML文件。

图(9.18)

上图显示用netscape navigator察看我们的制作的效果。注意当我们把鼠标放在佛罗里达州上时,鼠标会变成手状,说明这里已经是一个超级链接了。

“热点图片”插件还有很多功能。这本书无法对众多插件做深入讨论,可是,大多数功能并不难理解。只要多试试各种选项,您一定能对这个插件有更深刻的理解。
发表于 2003-7-10 19:40:12 | 显示全部楼层
啊,全都变成链接了。。
发表于 2003-7-10 19:41:51 | 显示全部楼层
www.gimp.org
后面出现乱码的地方是下面一段:

同时,我们还可以在“备注”项中加入说明性的文字。“设置”对话框也可以用来修改已经定义好的多边形以及定义链接所对应的javascript脚本。点击对应的标签就可以使用这些功能。

图(9.15)
发表于 2003-7-10 21:32:14 | 显示全部楼层
8. 上色技巧

本书的大部分在讲如何处理和合并已有的图像材料。但是,GIMP在创作和增强图像方面也是相当出色的工具。尤其是GIMP中的许多工具能用来为图像对象上色。我这样说的意思是,通过处理图像对象的材质、明暗、光照效果和阴影,能使图像物体具有三维效果。通过这种方法能创造许多令人称奇的效果,这也是本章的主体。

本章前半部分讲解了GIMP中一些基础的上色工具。其中包括油漆桶填充工具、渐变工具、浮雕滤镜和凸起图滤镜。本章第二部分讲解了制造阴影的技巧,还有如何将以上工具与其它图像上色技巧结合的问题。

8.1 油漆桶填充工具

油漆桶填充工具是上色时非常有用的一个工具。它就在工具箱窗口中,由一个桶的图标代表,如图8.1(a)所示。

图8.1:使用油漆桶填充工具

油漆桶填充工具用来按照特定的颜色或图案填充整个层或选定的区域。如图8.1(b)所示,“工具选项”对话框指明,在颜色和图案之间进行选择可以点击相应的单选按钮。对于颜色填充,可以选择“激活前景色”或“激活背景色”。选择颜色由图8.1(c)所示的“颜色选择”对话框确定。对于图案填充,可以在“图案选择”对话框中确定,如图8.1(d)所示。“图案选择”对话框在“图像:对话框/图案”,也可通过在图像或工具箱窗口键入C-S-p来启动,还可点击工具箱窗口的“激活图案”来打开。

油漆桶填充工具用颜色或图案填充图像的方式与魔术棒选色的方式类似(见3.3.1部分)。点击图像选定一个种子像素。该种子的颜色值与周围像素比较,如果色差小于某个界点,它们就被填充。这个过程又在旁边的旁边的像素上重复,一直进行下去,直到相邻所有小于该界点的像素都被填充为止。用“油漆桶填充工具选项”对话框中的“界点”滑块可以决定油漆桶填充的界点取值,见图8.1(b)。

“画笔选择”对话框中的几个控制项会影响油漆桶填充在图像画布上填充颜色或图案。尤其是控制所应用的颜色或图案的alpha通道的“不透明”滑块(更多有关alpha通道的内容见第4章),还有用来选择混合模式的“模式”菜单(混合模式的内容见5.6部分)。

图8.2:使用界点和不透明选项

图8.2显示了界点和不透明设置的效果。图8.2(a)显示了在一幅包含放射渐变的图像中选取的一个种子像素。渐变的颜色从中心向边缘逐渐改变。由此你能了解油漆桶填充工具如何根据种子像素的位置和界点取值来影响图像的某个区域。图8.2(b)显示了当界点取值为15时,原始渐变有多少区域被蓝色填充。界点设为255就会将整个图像完全以蓝色填充。图8.2(c)显示了当画笔选择对话框中的不透明滑块设为40%时的结果。这时,所选的蓝色填充和下面的红色渐变分别以40%和60%的比例混合。

图8.3:用图案填充

图8.3显示了用图案填充图像的一部分。图8.3(a)和(b)表明这个图像包含两层,一层是白色背景,另一层是有几个蓝色文字的透明层(以Balcony Angels字体显示)。图8.3(c)显示了用不同图案填充每个字母的结果,图8.3(d)显示这些填充的界点都被设为255。这样才能完全填充。取值太低会使文字边缘无法填充,因为在这里文字是抗虚化的(见3.1.2部分)。


虽然偶夸下海口包揽第8章,但实际上偶没有用过GIMP,所以出了错大家不要笑话。另外以下几个地方请大家帮忙确定一下:
threashold译为“界点”妥否?
antialiased是“抗虚化”还是“抗锯齿”?
发表于 2003-7-10 22:34:47 | 显示全部楼层
9.5 填字效果

填字效果为您的网页赋予个性,用来做网页标记和标题尤其合适。它们效果独特,同时也能反映出您网页的内容。GIMP能够做出很多很眩的效果,更好的是,GIMP使用Script-Fu脚本语言将整个制作过程自动化了。

图(9.19)

上图显示了产生填字效果的脚本。这些脚本位于工具:Xtns/Script-Fu/标记菜单中。这个菜单中一共有27个不同的效果。本节中将展示其中的一个。

图(9.20)

图9.20(a)中是“3维轮廓”脚本的对话框。在这个对话框中,您需要指定需要处理的文本,文本的字体和大小,以及生成3维轮廓使用的图样。对话框中对每个设置都有默认值,如上例中文本的默认值为the gimp。

图9.20展示了如何修改这些默认值。如默认字体为rootsheavy,不过我们可以用“文字”工具修改文本的字体。如图9.20,我们可以直接在“3位轮廓”对话框中单击“字体”钮以激活“文字”工具。我们也可以单击有三个点图样的按钮另选填充图样,如图9.20(c)所示。图中的每一张图都是对应图样的缩略图,用鼠标按住该图就可以看放大的缩略图样。

脚本运行的效果如下图所示。

图(9.21)

注意:使用Script-Fu脚本制作文本效果时往往会生成多个层。如果您要把文件存为JPEG或GIF文件,您需要先使用层菜单下“合并全部层”命令。
发表于 2003-7-10 22:37:26 | 显示全部楼层
实在不知道TYPE EFFECT应该怎么翻。。。暂定为“填字效果”,不知道各位有何高见?
发表于 2003-7-10 22:56:06 | 显示全部楼层
我看了看原文,认为“填字效果”可以表达其意思。
另:“填字效果”应该是9.3吧,怎么变成9.5了呢?
发表于 2003-7-10 23:23:46 | 显示全部楼层
多谢提醒,打错了
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表