veket官方网站论坛

perryfa 发表于 2009-4-23 23:39

gimp美术字制作范例一 - 苹果风格美术字

本帖最后由 qq 于 2019-10-24 22:26 编辑

这是“北南南北”提供的苹果的美术字:

问我怎么做,我简单做了一个,把步骤写一下,事实上,如果你学会这这些步骤,稍微自己动点脑筋,其他的美术字也是类似的。
感谢aizhy0901帮忙上传图片。

首先,我们要找到比较有美术意味的字体,英文字体在网上极其多,你需要自己去找。我没空去找字体,只是随便拿了我机器里的字体 - Myriad Pro做这个范例。

1. 开一张新图片,大小随你,反正做完了可以根据内容的大小随便切的,大一点也没什么。我的图片大小是600x400,背景为透明。

2.在图片上打上veket。
点一下工具箱里的"A",“GIMP文本编辑”窗口就跳出来了,你打入veket。
字体的大小可以在打上去以后再调,到工具箱里把字体调大调小,然后到下图的右下“GIMP文本编辑”窗口点一下,图中的字体就变化了,你可以到图中去移动、放大缩小文本框的大小以适合你打入的字。
图一

http://img111.imageshack.us/img111/3342/47882153.jpg
打完字以后,在工具箱的下部点一下“从文字创建路径”,这一点很重要,以后做各种效果全靠它了。你可以点菜单:“Windows - Dockbale Dialogs - 路径”来打开路径窗口,点完创建路径以后你可以在这个窗口看见。
有一点要声明一下,veket这几个字,从我见它开始,风清扬们从来都是用小写的,我不知道什么意思,这也不是我定的,我只是尊重系统原创者的命名权,所以,我也从来都用小写,做美术字当然也要尊重这一点。

3. 给veket做上阴影,这样这几个字就会有突出表面的感觉。
做阴影很简单,在图层窗口选择你写字的图层,因为你是要给字加阴影,而不是给600x400的图本身加阴影。
点菜单:滤镜 - 光源和阴影 - Drop Shadow
图二

http://img111.imageshack.us/img111/1429/43126112.jpg
在跳出来的小窗口“Script-Fu: Drop Shadow"里调整你的阴影大小,X和Y轴方向移动多少,模糊半径是多少,不明白的话,你可以反复试,打入夸张的数字去看它的变化,我都是这么试出来的,反正你可以反复加阴影,不满意就反复“撤销”,画图本来就是这么回事。我这里用了X=8,Y=8,模糊半径20.
点确定以后,你可以在图层窗口看到多了一个名叫“Drop Shadow”的图层。

4. 给美术字加上黑色边框
去除所有的选择(以后每做新的内容都要点这个,我就不重复了)。
打开一个新图层,大小和图一样大就可以,背景为透明。看一下图层窗口,新的图层已经出现了,应该是在最上面一层,确认这个新图层是被选择的(以后加了新图层都应检查一下,不然你可能会操作到错误的图层上去,那就一团糟了)。
点:选择 - 从路径选择,你就可以看到veket的边沿被选上了。
图三

http://img111.imageshack.us/img111/3615/47747649.jpg
点:选择 - 边界
在跳出来的小窗口里选择边界半径为4或五,这个取决于你的字的大小,如果本来就是很小的字(可能字的一个笔画本身就不到5个像素)那就要小,字大就要大,也可以反复试的,点确定。然后你就可以看一下边框的粗细是否合适,不合适就撤销重来。
选好了边框,用黑色去填充这个选择区域。
效果如下图
图四

http://img111.imageshack.us/img111/954/37860326.jpg
做完以后,可以到图层窗口把这个图层的小眼睛点掉,这样后面要做的事情就不会被这个图层干扰。

5. 给美术字加上各种颜色。
从样本来看,最上面的绿色是最宽的,那就先做这个部分。
加一个新的透明图层,还是从路径选择。
在工具箱,点矩形选择框,在到图上去选择前,先点一下工具箱里的矩形选择“模式”,有四种模式,默认为第一种,选第四种“与当前选区相交”。
到图上去拉出一个方框,是你需要填充绿色的部分,而且是和先前从路径选择的veket的字是相交的,就是这个样子,虚线框出来的就是已被选择部分:
图五

http://img102.imageshack.us/img102/6981/61560395.jpg
用gimp打开那张苹果的模板图,用工具箱的颜色拾取工具去模板图中取来绿色。回到我们的veket图,用前景色填充已经被选择的区域。
图六

http://img102.imageshack.us/img102/9474/83019167.jpg
接下来,我们将做一些重复性的工作,就是把各种颜色分别用不同的图层加上去。
说点题外的话,常常有人问,为什么要那么麻烦,要一个一个图层地加,直接在一张图上画不好吗?我的体会是,用多图层做图,有点像用计算机编辑软件打文章,各个段落可以被挪来挪去、变来变去,编辑很随意。而在一张图上画图,就好比用钢笔在纸上写文章,写错了写乱了,你就不得不全部重新抄一遍,因为没办法编辑了。
先用矩形选择框在图上拉一下还未被填充颜色的部分,看看到底有多高,在你拉矩形时,gimp窗口的下部是有数字出现的,像34x56这种,意思是你现在拉的窗口是34像素宽、56像素高。我拉了一下,原来高度是94,宽度180. 我们只需要知道高度就可以了。94像素高,需要等宽填入的颜色有五种,那就是每一种是19像素高。
现在我演示一个不一样的加新图层的方法,只是为了演示,其实在这个案例里,你完全可以像前几步那样,直接加一个600x400的透明图层来做。
做一个新图层宽度和图像一样,600. 高度19. 填充白色。(填白色是为了让你可以用鼠标拉着移动,透明的就没办法拉了)。
默认新加图层都是在左上角。用鼠标拉到下面你要填充颜色的地方像这样(图中我已经加了两个图层了,这是第三个):
图七

http://img102.imageshack.us/img102/575/77570564.jpg
点选择 - 从路径选择。
点选择 - 反转
点编辑 - 清除 (也可以摁键盘上的delete键)清除除字本身以外的颜色。
结果就是这样:
图八

http://img102.imageshack.us/img102/1117/93070973.jpg
点选择 - 反转 (恢复选择字本身)
到原图中再去去你需要的颜色,到这张图里填充已选择部分。
结果就是这样:
图九

http://img102.imageshack.us/img102/6620/84044636.jpg
反复做五遍,把五种颜色都加上去。

6. 加上各种光线效果
加光照效果的方法很多,我演示其中一种简单的。
我们要加三种光线效果,一种是在黑色边框中间的那一缕亮色。另一种是在美术字横线上被打上的白光。第三种是美术字上部的亮点。
说点题外的话,做图很重要的一点是一双看图的眼睛,你要把一张图的每一种特殊效果都能看出来,然后到画图工具里去找办法模仿,模仿多了,你就自然有感觉了,就好像学画画先要练习素描一样,先学会观察,然后才能落笔。
在这里,最最简单的模仿,至少需要三种光线效果。一个图像的立体感全靠光线来表现。画图其实就是形体、颜色和光,三者相辅相成缺一不可。如果脑子里只想着颜色,别的都看不见,以为颜色对了就行了,那是永远也做不出好效果的。

先往黑色边框里加入亮色。到图层窗口把所有其他图层都关了,只开着黑色边框图层。
加一个新的透明图层。从路径选择。
点选择 - 羽化 (羽化半径5) 这是为了避免作出来的亮光太过整齐(光线是没有那么整齐的)
点选择 - 边界 (边界半径2)
效果是这样:
图十

http://img299.imageshack.us/img299/5061/19457564.jpg
在工具箱选择前景色白色背景色黑色,点“混合工具”(油漆桶和铅笔之间),形状是默认的线性,用鼠标到图上去从上到下画条直线,你就可以看到被选择区域被填充了颜色,上面亮下面暗:
图十一http://i38888/cvbnm/ee/3b/83/fe7bc156c1f047fec625b3a95d3c6b77.jpg

http://img299.imageshack.us/img299/4568/12423321.jpg
把所有的图层都打开显示,看看效果。如果颜色过亮,就把这个图层调得透明一点,颜色就淡了,如果觉得不够亮就从颜色菜单里的亮度里去调亮,总之就调来调去。亮度合适以后,再把不需要的部分删除。因为我们只需需要上半部分的边框有亮线,下面的没有,这就是多图层操作的好处,这么细的线,你可以随便用矩形、用套索去选择、清除,也可以用橡皮去擦,操作起来很随便,因为别的有用的图像都不在这个图层里,你完全不用害怕会把图像的有用部分擦掉。擦完之后是这个样子(关闭其他图层的显示):
图十二

http://img299.imageshack.us/img299/9263/61226457.jpg
不要小看这几条线,光线的感觉就是从这么几条线里来的。

再往字体上加白色亮光。
加新图层,从路径选择。
点,选择 - 羽化 (羽化半径为5)
点,选择 - 收缩 (收缩半径为4)
点,选择 - 反转
用白色填充选择区域。
去除选择。
点,选择 - 从路径
点,选择 - 反转
清除选择区域,出来就是这样(把别的图层都关闭显示了):
图十三

http://img299.imageshack.us/img299/5519/80819045.jpg
如果把其他图层的显示都打开,就是这样,看上去还是不对:
图十四

http://img299.imageshack.us/img299/8308/51433533.jpg
因为我们只需要上面一点点白色亮光,所以就要把不需要的部分都清除掉,就剩下这样了:
图十五

http://img407.imageshack.us/img407/4357/39803556.jpg

开启其他图层,看看白色光线是否足够柔和,不够柔和就用工具箱里的手指去涂抹一下,效果就是这样了:
图十六

http://img407.imageshack.us/img407/6155/67686332.jpg

好了现在就剩下最后一道工序,加光点。
在图层窗口选择绿色图层(因为它是字体的最上面部分)。
点,滤镜 - 光源和阴影 - 超新星
在跳出来的窗口里调整光点的位置和光点大小,你可以做多次以获得多个光点,如下图:
图十七

http://img407.imageshack.us/img407/4403/80486145.jpg

最后的效果:
http://www.lucky8k.com/data/attachment/album/201012/29/062207r4xqzjb6aab57j6q.png

http://img407.imageshack.us/img407/9586/10873828.png

关于多图层操作,有一点一定要注意,就是图层的顺序,哪个在上面哪个在下面一定要搞对,不然,有可能你做了半天操作的图层被压在别的图层下面根本看不见。在图层窗口你可以很直观地上下拉动图层重新排序。

最建议一下,在图片的制作中间或做完以后,不要急着存成png文件,要存成.xcf文件,这个格式类似于photoshop里的PSD,所有的图层、路径都会很好地保存下来,你可以在做完以后修改、变化每一个图层,甚至可以利用这个文件做出多个美术字来,只要简单地替换其中的某些图层,例如加一个新图层,通过路径选择并填充入其他的内容(可以是颜色、花纹、图片等等),很容易就可以做一个系列,我这里切了一块原图中的背景贴进去了:
http://www.lucky8k.com/data/attachment/album/201012/29/062246nntvzkvtyttnkwjw.png

http://img401.imageshack.us/img401/6840/33619930.png

这两个最后的美术字都是png图片,背景都是透明的,只要存下来就可以叠到任何壁纸上,自己缩放大小,调整位置,就是一张veket壁纸了。当然,颜色你得自己配协调了,颜色配得不协调可别怪这个字好看难看的。如果你要把这字放到玻璃质感或水面壁纸上,你还可以抹掉阴影,做倒影美术字。花样很多,但是都要自己动手。

这里是最终的xcf文件,为了便于大家学习,我放在这里了,你可以用gimp打开,看里面的每一个图层,也可以利用这个文件关闭原有图层的显示,加入你的图层做出新的美术字来:
http://www.veket.com/attachment.php?aid=359


8888图片失效了,编辑去掉。

kidlovedog 发表于 2009-4-24 07:19

GIMP中文教程
桌面图标DIY-gimp图文攻略(1-入门)
http://www.lucky8k.com/thread-62897-1-1.html
桌面图标DIY-gimp图文攻略(2 - 改变图标的颜色A)
http://www.lucky8k.com/thread-62898-1-1.html
桌面图标DIY-gimp图文攻略(2 - 改变图标的颜色B)
http://www.lucky8k.com/thread-63112-1-1.html
桌面图标DIY-gimp图文攻略(3 - 给图标加上倒影)
http://www.lucky8k.com/thread-63298-1-1.html




太好了,等待这样的教程等了很久了,坐下来慢慢看,再好好练习一下,想要制作出一张自己满意的壁纸出来,现在终于有人教啦。谢谢!

[ 本帖最后由 kidlovedog 于 2009-4-24 07:21 编辑 ]

tknj 发表于 2009-4-24 08:06

我来顶一下!!!!!

tonado 发表于 2009-4-24 08:14

挺好看的,支持你啊。我路过。

孙云 发表于 2009-4-26 09:46

写得很详细,非常好,非常感谢分享!
练习了一下,虽然做出来的效果不算,但是未熟悉之故,以前一直不是很了解图层的概念,谢谢楼主写得这样详细。
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: gimp美术字制作范例一 - 苹果风格美术字