在Dingbats和Gimp中找乐子Playing around with Dingbats and The Gimp

ArticleCategory: [Es gibt verschiedene Artikel Kategorien]

Graphics

AuthorImage:[Ein Bild von Dir]

[Photo of the Author]

TranslationInfo:[Autor und 躡ersetzer]

original in en Katja Socher 

en to zh freakzuk  

AboutTheAuthor:[Eine kleine Biographie 黚er den Autor]

Katja 是LinuxFocus的德籍编辑. 她热衷于Linux,电影,摄影和大海。 她的主页是这里.

Abstract:[Hier sollte eine kleine Zusammenfassung stehen]

通过这篇文章中的例子，你可以学会如何在dingbats和The Gimp中简单 地创建图片。本文中的Gimp版本为Gimp-1.2.2.

ArticleIllustration:[Das Titelbild des Artikels]

[tuxswithsunflowers]

ArticleBody:

什么是Dingbat?

也许你已经在使用Gimp的文本工具的过程中接触到了dingbat。Dingbats 是一种文字界面，当你在试用这些界面的时候，你或许会碰到诸如dingbat, davysdingbat或是davysotherdingbats。他们并不是由字母构成的，而是一些 花儿，钢琴，小动物等的图片。或许你在想，我要这些做何用处。一般情况下， 当你使用一个文本工具的时候，你只想打打字，之后你想添加一些动人的特效 的时候，就完全把他们抛之脑后了。不过想想看，他们的确能够让你在短时间 内做出非常漂亮的图片，更重要的是，要达成这一目的，并不要求你有什么绘 画天赋。

哪里可以找到？

在这篇文章中我将基本上使用想必你早以安装了的在共享文字界面包裹中的 dingbat，例如davysdingbats，davysotherdingbats等等。不过我也会用到一些 我觉得非常激动人心的其他界面中的图标。现在实在有很多很酷的tingbat，也 许你会有兴趣安装一些。
你可以在以下连接下到这些共享界面： http://ibiblio.org/pub/Linux/X11/fonts/ 你还可以在这里下到一些别的 http://www.fontguy.com.
在这里可以看到 André Pascual's的一篇文章教你如何安装它们Freefont, TrueType and patterns with The Gimp

怎么用？

[DynamicText]

当然，你可以利用普通的文本工具，不过我们这里更加倾向于用一个特殊的 工具，叫做GDyntext。你可以通过在一个图形上点右键并选择
Filter --> Render --> DynamicText 来找到它
通过这个工具，你可以通过鼠标预览这些图标并从中选择你想要的（就象你进行 复制和粘贴一样）。如果你知道块捷键，你也可以直接用键盘输入。
在默认设置中，文本工具已经可以显示字母表中的大小写字母。有时候如果你按 了一些其他的键，它也会显示一些图标。
另一种输入图标的方式（也是我比较喜欢的）是利用你通过点击GDyntext窗口上方 最右边的按钮的得到的CharMap窗口 在Charmap中你可以看到文字界面中所有可用的符号，并可以在图形中插如它们。 在左下方你也可以看到它们对应的键。
利用GhDyntext你还可以改变图标的尺寸，这样可以把他们放大到比在文本工具中可 用尺寸大出很多。因此，如果你想要获得一些非常大的字符，GDyntext同样是一个 有用的工具
你也可以对你的dingbat进行着色，翻转，在图形中的位置移动等等。起初，它们 的颜色和你前台Gimp的菜单颜色相同，但之后你可以自行改变颜色。你同时也可以 利用这个工具本身来改变颜色。
这个工具唯一的缺陷是，至少在我的电脑上（我在Mandrake8.0 上用Gimp1.2.2）， 当我载如很多特殊界面的时候，它有时候会让Gimp歇菜。

干什么用？

也许看到这里，你已经忍不住瞄了一下你机器上的dingbats。当然， 有一些图标，例如三角钢琴，可以不做什么修改就用：

[grand piano] [pandas] [dolphin] [penguins]


三角钢琴 = davysotherdingbat: D, 海豚 = critters by darrian: v, 企鹅= critters by darrian : u

或者是例如玫瑰一类的东西，需要加点颜色：

[rose] [violins] [easter] [smurf]



玫瑰 = davysdingbats: k, 小提琴 = davysotherdingbats:5，复活节兔子= critters by darrian:Q, 蓝精灵 = Smurf:c

不过也许你仍然不认为你可以利用他们创建一些非常好看的图片。但这真的很 简单！你只是简单地点点鼠标，就有了这些可爱的小图片：

使用Gradients（渐变色）

[Gradient Button]

通常情况下，仅仅填充渐变色，或者以之作为背景色就可以让图标看起来 很好了。
在Gimp中使用渐变色很容易。如果想要获得由两种颜色构成的渐变色，先分别 选择前景和背景色，之后双击Gradients按钮（在主窗口中，见右边的截图）。 Blend下的选项会提示：FG to BG (RGB)。现在用鼠标从你的图案左边到右边画 一条线，之后你的图案就被渐变色填充了。gradient下的选项用于决定渐变如何 进行（例如，线性）。通过改变鼠标绘制的线的路径和长短同样可以改变渐变色 的状态。当然，你可以构建多中颜色的渐变。点击File(在Gimp的主菜单中)-- >Dialogs-->Gradients 然后你就可以看到一大非常多的渐变色选项。 你可以看见一大套渐变色的选项,如果你想使用其中的一个,只要点击选定。然后 回到渐变色的那个按钮，同样是双击它。这个时候Blend选项应该会显示： "Custom Gradient"。然后和刚才一样用鼠标画一条横穿图形的线，你就可以看 到渐变色被填充了。

设计自己的渐变色

当然，你也可以定义自己的想要的渐变色。同样，要达成这一目的，要点击 File-->Dialogs-->Gradients 然后选择一个与你想要的效果最接近的渐变。 然后点击"Edit"。此时会出现一个新窗口。点击其中的"Copy Gradient"，然后 随便取一个名字。这样你就可以在渐变色列表当中看到它了。不过此时它仍然是 原来的样子，于是我们现在开始着手修改。回到"Gradient Editor"窗口，在其底 部你可以看到一长条渐变色，再下面是几个三角型。在两个黑色的三角型之间是 一个部分，你每次只能修改一个部分。如果你想要把这个部分变大一些，只需要 拖动三角型就可以了。你可以修改灰色区域的颜色。在渐变色条上点住右键，你 可以看到一些选项："Left endpoint's color"和"Right endpoints' color"。 如果你选择它们，你可以看到一个色彩环，它提供了一些新个颜色供你选择。 如果你想要一个平滑的效果，一个部分的中终点必须和之后的部分的起点保持 一致的颜色。当然如果你想要一个清晰的颜色分界，完全不必理会这点。通过点击 "Blending function for section"，你可以考察颜色是否应该做线性的渐变。通 过点击 "Split segments at midpoint"你可以把当前的部分分割开来。

现在我们来看看一些可爱的图片：


[trompet]


这个小号取自davysotherdingbats的r字符。我给它做了一个黄和橙色的渐变。 （记住要确定你选定了小号，否则整个画面都会被渐变色填充）。

[rabbitonhat]


这个帽子上的兔子取自critters by darrian的b字符，我在这里用了灰色。在另外 一层上我选择了紫色以及灰色做了渐变（灰色做前景色，紫色作背景色）。在图案 中部我绘制了一条紫色的从上到下的斜线（垂直于你看到的那条）。

[sunflower]


这个向日葵是由取自davysdingbats的两个图标组成的，分别是字符j和e。我在茎上 用了绿色。在花上我用了从黄到橙的一个渐变。



现在我们来看看一张用到我自制的渐变色的图：

[comeandjointhefun]


首先我创建了一条环状的文本。为了达成这一目的，我点击了主菜单中的Xtns (在File的右边)--> Script Fu--> Logo --> Text in a circle。在这里 我输入了"Come and join the fun"但在开头用了空格作标记。否则起始字符和结尾 的部分会非常靠近。我选择了以80为半径，0度角开始，360度结束，并选择了25作 为界面尺寸。文本尺寸和前台菜单颜色相同。这样就获得了一个单独的图片。我删除 了背景，建立了一个新的层，并把企鹅图案放了进去。企鹅的图案取自critters by darrian，I。然后我又开了一个新的层，把它移到了底部并着上了渐变色。

做一个按钮如何？

[buttonwithmouseandco]


我选择了深和浅两种蓝色分别作为前景和背景。之后打开一个白色北京的图片。在新 层当中，我用选择工具选定了一个圆，并着上了渐变色，唯一不同的是，这次我是从右 到左画得线。在这两层上，我又用同样的方法加了第三层。我把圆粘贴到了中心，缩小 了然后填上了渐变色，这一次和以往一样，我从左往右画了一条线。现在，再这些层的 上面，我又加了一层，并贴上了花和老鼠的图案（取自critters by darrian,A)。然后 在层上点击鼠标右键，依次选择Script Fu-->Shadow-->Drop-Shadow.

Script-Fu

Script Fu是将通常需要几步完成的操作简化成一次点击的脚本。你可以通过在图形 上点击右键或是点击Xtns (在Gimp上方的File项旁边）进行调用。你必须在已经建立的 图象上进行右击，否则只有利用Xtns菜单创建新图象并决定使用什么文字界面和颜色， 以及文本内容。

我们再来看一些图片：

[rosewithchrome]


从davysdingbats中选择出玫瑰图案（字符K)，然后点击右键Script fu --> Alpha to Logo--> Chrome.

[grandpianogradientbevel]


从davysotherdingbats中选出三角钢琴，即字符D。我使用了140作为尺寸。然后再图案上 点击右键Script-Fu-->AlphatoLogo--> gradient bevel.

[catglossy]


汽车选自davysotherdingbats，字符0，然后点击右键Script-Fu-->AlphatoLogo-->Glossy.


[pianoplaying]


这个三角钢琴选自davysotherdingbats，字符D，第二只（右）手选自，字符2，（它包括 两只手，你可以删去其中第一只（左）手，然后用两次右手），头取自davysotherdingbats， 字符3。然后把它们如图摆放。我对手做了水平翻转（镜像），删去了靠上的手指。然后点击 右键Script-Fu-->AlphatoLogo--> Textured.
这里我用了如下设置（为了方便读者操作，此部分基本保留原文）：
Border Size (pixels):�20
Pattern: wood pattern�
Mosaic Tile Type: Squares
Background Color: white (Hue: -1, Saturation:0, Value, Red, Green and Blue = 1)
Starting Blend: orange: 这里颜色被设置为Gimp的前景颜色：H=29, S=73, V=91, R=234, G=147, B=61, HexTriplet:#ea933d
Ending Blend: yellow: Hue: 43.76, Saturation: 0.77, Value: 0.92, Red: 0.92, Green: 0.73, Blue: 0.21)

添加一些效果...

[happybirthday1]


如你所见，我放了很多图形在这副图里。舞者和琴师取自davysdingbats，字符L。 我删去了当中的一个棋子，并给他们着了色。我给他们的手着了白色，我用了刷 子在他们的眼睛上画了两点。两颗星星都是dingbats中的U，只是尺寸不同而已。 我把一个星星粘贴在一层上并着色，之后新开一个层， 复制并粘贴了星星，水平 翻转，然后用令一种颜色上色。三角钢琴是davysotherdingbats的D。文字界面是 amaze。钢琴键盘是davysotherdingbats中的e。在键盘下面的那一层我空白的部分 填充了白色，并合并了两层。你可以通过在层列表当中，设置除钢琴层以外的层不 可视（点击眼睛图标）。现在只有键盘为可见层，在图案上点击右键Layers--> Merge visible layers 之后钢琴层就被合并了。然后再点击右键Filters-->Distorts-->IWarp。 这里我用move和grow两个选项将它扭曲，随便点点，直到我自己满意为止。现在可 以让其他层重新变为可视了。此后点击右键Layer-->Merge visible layers。 然后再点击右键 Fu-->Alpha to Logo-->Blended (使用缺省值)。


[penguinsframe]


我选取了一张空白图，然后点击右键ScriptFu-->Decor-->Add Border (缺省值)。 之后再图形上再点右键ScriptFu-->Alpha to Logo-->Glossy。然后我加上了选自 critters by darrian的企鹅，字符z。

[sunflowerswithcats]


我粘贴了钢琴键盘(davysotherdingbats, e)然后如刚才说的用一个新的层在空白处 填入白色。然后在键盘层上点右键Filters-->Distorts-->CurveBend。现在你可以 “设计”一条你想让键盘弯曲的轨迹曲线。之后我建立了一个新层，并粘贴了两只猫 (davysotherdingbats, 0)，对它们做了如图的旋转，染上了绿色并加了眼睛。我又把刚才 说到的向日葵放在了另外一层里。至于背景，我选择了蓝到绿的渐变。

[meadow]


我把一层象刚才那副图里那样填满了向日葵。然后我在下面加了一个充满红色渐变色调 的花的向日葵层。再下面我加上了紫色渐变色调的向日葵层，然后又是一个蓝色渐变的向日 葵层。在黄、橙色以及紫色的向日葵中心我填上了黄色。这些向日葵已经是这样的形态了， 因此只要在花下新建一个黄色的层就可以了。对于蓝色和红色的向日葵，我把花中心完全 染上了黄色（把颜色直接填充在其他颜色上）。这回我选用了绿色渐变作为背景。

[flowermeadow]


这张图和上一张很象。所以只要把上一张的背景换成树叶效果，然后点击蓝色向日葵的 层。在这层上点击右键Filter-->Map-->Fractal Trace (Warp和缺省设置）最终我 删去了我觉得碍事的茎的部分。终于大功告成！

我猜想你现在已经跃跃欲试，想要做出比这个好的多的图片。
祝你玩得开心! :-)

参考资源