veket官方网站论坛

veket

 找回密码
 要注册
搜索
查看: 30674|回复: 60

桌面图标DIY-gimp图文攻略(2 - 改变图标的颜色B)

[复制链接]
发表于 2009-3-11 21:17 | 显示全部楼层 |阅读模式
几天过去了,我想,今天也许可以给一些不是那么怕麻烦的同学分享一些gimp改图功能最基本的操作了。
是的,不再是打开一个小窗、改个数字、存盘,没有那么简单了,我们来试试真正的修改图片。
有同学说,这么改图是不是太麻烦了,我想这很好办,你不用改就是了,去下载,网上图标真的很多,有耐心、不怕麻烦就一定能找到。而在这里,我只是借图标修改和大家分享gimp的使用经验,没有逼着你去改图标的意思。怕麻烦的同学真的不必往下看了,会头疼的。
千里之行始于足下,一步一步走下去,再稍微往前走一段你就会像我一样,看到网上牛得不得了的桌面,稍一琢磨就知道是怎么做出来的了。在这之前,你还得先学会基本操作。值得欣慰的是,这条路虽然没有尽头,但gimp一般的简单应用,在没有教程的情况下,我只摸索了两个晚上就差不多知道怎么做了,两个礼拜就很熟练了,并没有那么吓人。当然,至今我还有好多特效不会做,我希望和大家交流分享经验。

来看下面这个图
图1

                               
登录/注册后可看大图

左边的图标是网上下载的原图标,右边是我为了配合我的桌面修改后的图标。
看上去没什么特别,我们在2A那个帖子里已经学过怎样去修改图标的颜色。
但是,这个图标有特别之处。图标有两种颜色,如果我们用2A的方法,只是简单地改变色调、亮度和饱和度,我们将得不到想要的结果,因为如果蓝色变成了棕色,那么红色会变成什么呢?看一下:
图2

                               
登录/注册后可看大图

红色变成了蓝绿色,在我的桌面上仍然很突兀。
现在我们不得不对图标中的某一部分进行颜色修改。

做这件事有两个方法。
1.按颜色选择图像区域并修改颜色
现在我们要使用工具箱了。工具箱窗口是程序默认打开的,通常呈现长条状,我为了抓图给你们看方便,把它调成了长方形窗口。看下图:
图3

                               
登录/注册后可看大图

在操作前,我们先把图放大一些看着清楚,放大图像有两个方法,或者是在上方菜单选择:查看 - 缩放,选一个大一点的比例。或者使用工具箱里的放大镜,看右边工具箱上方第二排左边第一个图标,浅色的,那就是我已经点过了的放大镜工具,点一下这个图标,再到你的图片中去点,那么程序就会放大你的图像,多点几下图像就越来越大,如果不小心点得太大了,那么在工具箱下方窗口有个选择,点“缩小”,再到图里去点,放大镜就变成了缩小镜。(注意,放大镜只是放大图像显示,并不真正放大和缩小图片本身)
现在选择另一个工具 - 按颜色选择工具。看下图第一排那个浅色图标,它的作用是自动把整个图层中(注意是整个图层,不是整个图。不过,我们现在还不涉及图层的操作,暂时我们只有一个图层)相同的颜色都选择上供你操作。点一下这个图标(鼠标光标旁边多了一只小手),再到你的图片里去点你想操作的某种颜色所在的区域,现在我们想改变图中的蓝绿色,所以我点了照相机的中间,一块区域被选上了:
图4

                               
登录/注册后可看大图

为什么不是所有蓝绿色都被选上呢?因为,通常的图标都是有光影效果的,虽然你不太看得出来,实际上图中的蓝绿色是有深浅的,对计算机软件来说,不同的深浅它就认为是不同的颜色,所以它不肯给你一并选上。
没关系,我们可以继续选,摁着shift键,你会看到鼠标光标旁边又多了标志 - 一个小加“+”号,表示你需要增加选区,继续点未被选上的蓝绿色.如果点错了也没关系,摁着ctrl键,光标旁的“+”号变成了“-”号,在刚才点错的部位点一下就消除了错点的部分。一直点到差不多蓝绿色都被包括在选区里了。
图5

                               
登录/注册后可看大图

现在我们来改变这块区域的颜色。
一个办法是继续使用2A里教过的办法,选菜单上的:颜色 - 色调饱和度,滑动三个小钮去改变色调、亮度和饱和度。很容易。现在明白为什么程序跟你说“修改选中的颜色”了吧,如果你什么都不选,那么默认就改变整个图层的颜色,如果你有所选择,程序就只改你选中的区域里的颜色,像这样:
图6

                               
登录/注册后可看大图

还有一个办法也很简单直接,我们直接把想要的颜色灌入选定区域。看下图右边的工具箱:
图7

                               
登录/注册后可看大图

第一排最右边的浅色图标 -颜色拾取工具。在这个图标上点一下,鼠标光标就变成了吸管模样,到图中红色箭头所指的地方点一下,你就会发现,工具箱中蓝色圈圈所在的方框里的颜色变成了红色箭头所在处的颜色,如果你回去看一下图3-5, 默认方框里的颜色是黑的,这个颜色被称为“前景色”,做图会经常用到。现在,前景色吸取了红色箭头所在区域的颜色,变成了灰色。
我只是做个示范,你也可以不灌灰色,看着随便哪张图里的颜色你觉得不错,用gimp打开那张图。gimp可以打开多张图互不干扰,但是工具箱的变化是会传承的,也就是你在这张图里操作改变了工具箱的设置,转到另一张图,设置将延续。用小吸管到那张图的某处点一下,颜色就被吸取变成了前景色。回到这个图标窗口,你就可以用这个吸到的颜色灌到选定区域里去了,我就是频繁地使用这个方法去做主题窗口的。
现在我们要把这个灰色灌到选定区域里去。看下图:
图8

                               
登录/注册后可看大图

灌颜色又有两个办法可用。简单的,选择菜单:编辑 - 以前景色填充。结果就像你在上图看到的那样,整个选定区域都变成了灰色。或者,你用上图工具箱第三排浅色图标所示 -油漆桶填充工具。点一下图标,然后到图中选定区域里去到处点,直到整个区域都被填充成了灰色。
这个办法做出来的图理论上不如第一个办法(调色调亮度饱和度),因为原本有明暗差别的区域被填充成了一种无差别的颜色,当然不太好,好处就是颜色可以被你精确控制。
好了,大面积蓝绿色已经被改变,剩下的就是刚才选择时的一些遗漏了,我们当然要处理它们。

2.自主选择区域改变颜色
现在我们要来学习一下自主选择区域。常用软件做图的人有一种说法,说做图最基本的功夫就是“选择”。只要能正确地选择区域,你的图就成功了一大半。
一般常用的选择工具在工具箱第一排最前面三个图标:矩形、椭圆和自由选择工具。
矩形和椭圆都很好理解,点一下图标,到图中去拉,拉出一个矩形或椭圆区域,那就是你所选择的区域了。只有一件事要注意,因为和我们在windows里操作的习惯不同。用矩形或椭圆去选择区域,当你拉好选择区域时,记得要在区域里用鼠标点一下,因为gimp(Phooshop也一样)在拉选择矩形或椭圆区域时是可以中断的,你可以随便拉一个区域,然后用鼠标去推拉区域的边界使区域精确地符合你的要求(改图最要紧的就是这个,不然就会改得一塌糊涂了,有时需要一个像素一个像素地调整),你选好了选择区域必须要告诉程序一声我已经选定了,所以必须用鼠标点一下,不然程序还在等你改变区域呢。
最常用的工具其实是第三个 - 自由选择工具,我叫它 - 套索(它长得就像个套索)。
套索的使用也很简单,点一下图标,然后到图中去点,沿着你要选择的区域边沿不断地点,东拐西拐随你的便,总之最后一下必须点在你点第一下的位置,这样选择区域就闭合了,闭合后就算选定了,用这个工具做选择不需要在区域中点一下。在套索选择过程中如果不慎点错了地方,摁esc,套索选过的地方都会消失,你可以从头再选。
现在我们来选择区域。
首先,点一下菜单:选择 - 无。这是为了让前面我们选择过的区域消失,因为我们现在要选新的区域,前面那个区域已经操作完毕了,没用了。gimp里已被选择区域和我们习惯的不太一样,它不会因为你随便乱点了别的地方而消失,它总是选在那儿,有时候就会干扰你的操作,譬如说,你想用画笔的时候,如果别的选择区域还存在,那你的画笔就怎么也画不上。所以时不时地有必要清一下零。
第二步,用放大镜把图标放得更大一些。
第三步,用套索去选择你需要灌颜色的区域。shift和ctrl键在这里依然管用。我摁着shift键选了两块区域,如图:
图9

                               
登录/注册后可看大图

第四步,以前景色填充。

上述两个方法并非一成不变,也没有顺序之说,你可以不用颜色选择,上来就用套索,或者死活就是不用套索,就是一次又一次地点选颜色 - 灌新颜色,你还可以交替使用两种方法,直到把不需要的颜色都改过来。我只是把两种方法都介绍给你,你喜欢用哪种都行。最基本的就两点:选择区域,改变颜色。

现在照相机里的颜色基本上改过来了,可是,在图标上方、照相机外还有两块不那么明显的蓝绿色。之所以前面没去选它们,是因为我觉得作为一个小图标来说,这两块颜色不要也行,我正好想借这个机会说一下怎么把图片的一部分做成透明。所以,我就不用灰色去填充它,准备把那块区域做成透明给大家看。
类似上面的步骤2,用套索圈上那两块区域,如图:
图10

                               
登录/注册后可看大图

有两种办法让选定区域透明。
简单的,直接点菜单:编辑 - 清除。意思是清除掉一切颜色。既然什么颜色都没有了,那就是透明的了。
还有一种办法,看上去稍微麻烦一点,但是需要学会。因为这个办法可以调整透明度,以后会用到的:
选择菜单:图层 - 透明 - color to Alpha. 跳出小窗口后点确定。
选择菜单:图层 - 透明 - Threshold to Alpha. (这是调整透明度,默认是127,半透明)跳出小窗后,向右滑动Threshold(透明阈值)小钮到255(全透明),点确定。

最后,点一下选择 - 无,去掉选择区域。把图像恢复到1:1显示(查看 - 缩放 - 1:1)。看一下我们的成果。
图11

                               
登录/注册后可看大图

如果满意这样的成果,那就......存盘。千万别忘了。
如果不满意就继续改,例如刚才我选颜色时其实误点了某些不应该改的颜色,看图上相机镜头上的那些亮点,那就是搞错了的,可以用按颜色选择工具选择那些亮点,去把它改回来,让它们和周边的颜色完全一样(怎么一样?用颜色吸管呗),然后它们不会显得那么突兀了。
改图就是这么个水磨工夫,一点都不能着急的。这只是改个一张小图中的一个小区域的一个颜色,我是有意把案例设计成最简单、最纯粹,这样我想比较容易学会,如果上来就改复杂多色的大图,那可能就说不清楚了。我把操作讲清楚了,剩下的就得你自己举一反三灵活运用了,改图标、改壁纸、改照片、改软件皮肤、改主题,随便你了,没什么不能改的,尤其是在veket里面。

最后介绍一个很方便的工具 - 历史窗口。
图12

                               
登录/注册后可看大图

点菜单:编辑 - 撤销历史。上面的撤销窗口就跳出来了。在这里,从下到上有你做的每一步操作直到原始图像,你觉得哪一步做坏了,滑动右边的滚动条,可以在窗口里找到做坏之前的那一步,点一下,时光就倒流了,你可以从做得不好的之后往下继续做。

今天介绍的内容是gimp最基本也是最常用的操作了,已经触及核心。如果掌握今天的内容没有困难,如果仍有同学感兴趣,那么下一次我可以介绍如何做图标倒影了。

[ 本帖最后由 perryfa 于 2009-3-12 06:57 编辑 ]
发表于 2009-3-11 23:44 | 显示全部楼层

谢谢perryfa!

辛苦了,也想要好好学习gimp,说一点意见别生气。

gimp是一个功能很强大的软件,学会一定有机会用得上的,所以想学的人也一定很大,但是为了“学习”而“学习”?

perryfa如果能顺便教大家用gimp来做些大家喜欢的东西就好了,例如:
可不可以将壁纸设计一张呢?这样,大家设计了就能用的,相信大家都有这样的需要?
我看过有些APPLE的壁纸很有质感,能不能设计一张veket的呢?
就是我想要用apple的壁纸,但是看着那几个字不舒服啊,因为我用的是veket,用APPLE字母的壁纸,好像高攀了它,其实我更喜欢veket的大众化,而不是像APPLE一样的高高在上。

明白perryfa写教程很辛苦,我有心好好学习,希望在学gimp过程中可以制作自己喜欢的壁纸,还有其它一些东西。

真的很感谢perryfa的帖子,我都有收藏起来的。
发表于 2009-3-12 00:17 | 显示全部楼层
lz辛苦了,支持2楼的建议,因为为了做一个图标来学习gimp不如来做壁纸实在。

那些apple的壁纸能不能用gimp做得出来呢?
就是用veket做例子好了,想要用其它个性,各人觉得喜欢的可以自己选择做,因为在教大家学习过程中,看到喜欢的veket的壁纸还可以收藏起来了,一举二得,不过收藏用的veket壁纸就不要用6.cn的相册了,加字母太浪费了。


就是apple那些壁纸,是如何用gimp做出来?希望不要自己画,就是用输入文字的方式修改出来
veket,这几个字母如何做出漂亮的效果来呢?
还有一个喜欢的是google的LOGO变化,veket能不能变化呢?就是一个字母一种风格一种颜色的变化,是根据veket这几个字的变化来变化。

现有不是知音体,甜蜜体之类的,还有宅男宅女之类的口号的,
如果能有一个veket放就好,我想要加入呢。
 楼主| 发表于 2009-3-12 04:33 | 显示全部楼层

最后再说一遍

无论是改图标还是改壁纸,gimp的操作方法是完全相同的。说白了,就是改图片。壁纸是大图片,图标是小图片,大图片和小图片都是图片,都是jpg、png。无非就是选择区域、吸颜色灌颜色、缩放图片、旋转变形、拷贝粘贴,另外还有一些操作,我原本想借做图标倒影要写的 ,例如多图层操作、边沿羽化等等,已经在准备教程了。
想要自己改出好看的壁纸,先要学会修改图片,无论是大的还是小的,无论它的名字是图标还是壁纸。如果觉得改图标不实在,非要把教技能的教程命名为做壁纸才觉得够有吸引力,才肯学,那么我觉得你这辈子也做不出漂亮的壁纸来的,这是大实话。在做出满汉全席之前,你先得学习切菜、洗菜、生火。这是常识。
在这里写教程,我只能从最简单的写起,打开文件、存文件,一个一个操作细细地写,不然,人们就会说太复杂,太难,头晕。可是,我从最简单的一点点教,人们又说不实在,是为学习而学习,不耐烦。
说句实在的,壁纸我已经改了不少,分享的壁纸里有一些就是我改过的。做美术字,我也在尝试做,前两天那个模仿全屏conky就是改壁纸的,我完全可以把我修改的过程写给你看,上来就是4个图层(这算是最少的,我做主题经常会有涉及十几个图层),操作也无非是选择区域、吸颜色灌颜色、缩小放大、旋转变形、开图层关图层、设置透明度,等等等等,很多我的教程还没写到,如果我直接写修改过程,楼上二位能不能看懂啊?会不会头晕啊?
这么说吧,我写了三个教程,这么多字,如果放在改壁纸的过程里,那只是开个头,三个教程涉及的内容在实际操作中做一遍也就是几分钟的事,但这些操作都是在改壁纸中极其频繁地使用的,反复几十遍地使用,需要修改颜色的区域也不会只有这么一小块。因为涉及的操作太多,你让我写改壁纸,我可能一句话就把这一个教程教的操作给交代了,不会细写具体的步骤。因为,如果都像这样手把手地教,细细地把操作过程都写出来甚至拷出图给你看,可能写上几万字壁纸还没改出来,把大量的操作过程的每一步都放在一个帖子里,一次性地灌给你,请问,楼上二位有没有耐心读呢?我觉得很难。这就好比你想做一道微积分的题,非让我在一个帖子里教会你,可有些同学四则运算还不会呢,那我是不是应该把中小学课本订在一起扔出来呢?
再说了,如果你领会得很快,而且自己能够举一反三,那么你现在就可以去改壁纸了,为什么一定要跟着我改图标呢?我改的这张图标你又没有,反正你需要另外找张图去练习,为什么不找一张你想改的壁纸呢?你完全可以现在就拿一张壁纸,上面有你不喜欢的内容,例如网站打的logo或者文字,需要做的就是选择不想要的内容所在区域,吸取周边颜色,灌入到那些logo、图像、文字所在的区域里,操作技巧这我在上面已经教过了,你应该可以做了。为什么不?如果有问题,再来这里互相交流商量嘛。这不是最正常的学习过程吗?
我写教程当然照顾不到每个人的喜好,我只知道自己的喜好,而且改图标也是看回帖那么多人说找不到合式的图标所以这么写。我不知道谁能代表“大家的喜好”,总之,无论我怎么写,总是会有人说不符合“大家的喜好”的,这我已经明白了。所以最省事的办法是 - 不写。
另外,这世上还没有一张壁纸是靠输入文字改出来的,据我所知,没有。不过,如果对输入文字很有兴趣,认为很好玩,那么,写脚本就是输入文字,conky的效果就是输入文字实现的(我今天给自己做的一个Matrix主题就主要靠conky脚本来实现效果),修改gtk主题也可以完全靠输入文字改脚本来实现,如果真喜欢输入文字,完全可以去尝试,楼上完全可以做几个漂亮的gtk主题或者conky配置给大家分享,至少我会很期待。不过,前几个教程的经验告诉我,如果我写需要文字输入的修改教程,“大家”就会喊着要图形界面了,因为那么多字看着头晕。最好的办法还是 - 不写。

[ 本帖最后由 perryfa 于 2009-3-12 07:22 编辑 ]
发表于 2009-3-12 08:55 | 显示全部楼层
我也想知道如何做APPLE那些立体的壁纸?

Matrix主题?能不能用附件和大家分享下?
您需要登录后才可以回帖 登录 | 要注册

本版积分规则

QQ|手机版|Archiver|veket官方网站论坛 ( 粤ICP备 11052856 )

GMT+8, 2024-4-28 14:42

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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