veket官方网站论坛

perryfa 发表于 2010-12-4 16:40

用最简单的gimp操作DIY主题的方法

本帖最后由 perryfa 于 2010-12-4 19:38 编辑

veket的三个系列中,e-veket的e17的主题是被打包的,其他的主题(icewm、sfwm4、gtk)都是完全敞开的,如果你去看主题目录,一张张png或xpm图片一目了然。所以,任何人都可以用最简单的gimp操作来实现主题的DIY。
至于e17主题,虽然被打了包,但也没什么神秘的,一条指令就可以解包:
edje_decc xxxx.edj
xxx.edj是主题文件,运行指令后就会变成一个目录,里面就是到主题的图片和脚本,可以随便改。

首先来看这个程序窗口:
http://www.lucky8k.com/data/attachment/forum/201012/03/154039pvp69vpm9fj5cpyd.png
这是个e17主题的程序窗口,假设,夏天来了,天气炎热,我嫌那个暖暖的土黄色不舒服,要改成凉爽一些的蓝色。怎么做?很简单,到主题目录里去找图片,改。对于xfwm、icewm和gtk主题,图片文件的对应部分我在教程里都有写,如果懒得读教程,那就靠猜好了,我一开始学做主题就没读任何教程,就是靠猜的,看着差不多的图片,改掉后重新load主题,看看哪里发生了变化,就知道了。
上面程序窗口的土黄色标题栏,在主题目录里是这个图片:
http://www.lucky8k.com/data/attachment/forum/201012/04/163703y7q4q7b04gbbc050.png
我要把它改成蓝色,很简单,用gimp打开上图。
首先,在原图上叠加一个透明图层。
第二,自己找个喜欢的颜色灌满这个新加的透明图层。
第三,点图层窗口里“模式”的下拉菜单,选择“色调”(默认为“正常”)。
http://www.lucky8k.com/data/attachment/forum/201012/04/1637047zabw7c33c3pxrdt.png
在图层窗口里就是上图的样子。保存图片,重新装载主题,你再看:
http://www.lucky8k.com/data/attachment/forum/201012/04/1637056tpozpej86dtiog5.png
标题栏变成了凉爽的蓝色。
如果你对上图的蓝色不满意,还想再调,可以这么做:
http://www.lucky8k.com/data/attachment/forum/201012/04/1637076w26k2gno2kewwqr.png
在图层窗口点鼠标右键,选择“从可见项创建”,图层窗口就会新增一个改色后的图层,关掉之前的原图和色调图层,你可以对这个新图层进行颜色操作,修改色调、饱和度、亮度、对比度。如下图:
http://www.lucky8k.com/data/attachment/forum/201012/04/163710uy6wu696agzososy.png

当然,一个主题的颜色设置非常多,很多图片,还有很多脚本参数设置背景色、文字色,尤其是e17主题,涉及几万行脚本。但,简单的DYI可以暂时不管这些,改脚本里的颜色设置稍微需要点经验,暂时可以不碰。不过上图中右上角的按钮是可以依样画葫芦改的。看这个图:
http://www.lucky8k.com/data/attachment/forum/201012/04/1637114n741zvy7qf48bff.png
我打开按钮图片,和上面一样,新增一个色调图层,按钮的颜色就整个改变了。

一般来说,你只需要选定一种颜色,在gimp里设定为前景色,然后,把主题里所有相应颜色的图片都加色调图层修改,例如本例的主题,颜色基本上是两种,金属灰的底色,土黄色的提亮,把主题目录里全部带有土黄色的图片统统加上蓝色色调图层,这样改出来的主题颜色会非常协调。
这个新增色调图层的方法有个好处,它仅仅修改色调,对于原图的形状、光线的明暗都不会改变,这样原图精心制作的效果就可以保留下来。

自己改主题还有一个简单的做法。
假设,你某日闲逛到某个网站(就算是天空竞技场吧),无意中看见了一个图片,觉得很不错,想用它来代替主题里的图片,怎么做?
很简单,首先你可以把这个图片拷屏下来,如果你用firefox,有个更简单的办法,在页面内点鼠标右键,选择“查看页面信息”- “媒体”,就能看见页面里所有图片的地址:
http://www.lucky8k.com/data/attachment/forum/201012/04/163713y3plo5vspvxhawad.png
挨个点地址,就可以看见图片的预览,找到你要的图片的地址,复制粘贴到浏览器里,保存下图片就可以了。
假设,我看上了天空竞技场的论坛主页里某个部分,拷屏下来了,就是这样:
http://www.lucky8k.com/data/attachment/forum/201012/04/163715y4z05ohdc8zoloa8.png
假设上图中浅蓝色部分就是我要的,我想用它来代替主题中程序窗口的标题栏。
我用gimp打开这个拷屏图片,矩形选择,点菜单“图像” - “剪裁到选区”,图片就变成了这样:
http://www.lucky8k.com/data/attachment/forum/201012/04/163717gtdffaqjcjf8187j.png
这是一个51x34的图,我再看一下原标题栏图片的大小,从上面的图中我们可以看出,原图是20x23大小,那就把上图也缩放成20x23,保存覆盖原图片,重新装载主题,就是这样了:
http://www.lucky8k.com/data/attachment/forum/201012/04/1637191vvvveeng0o0m0et.png
这个标题栏其实也挺好看的。不过白色的文字有点不够鲜明了,改成深兰色或藏青效果就会比较好,不过这就要改脚本了。

如果你熟悉gimp的话,简单地DIY主题的方法很多,大家可以自己探索。我自己常常随心所欲地乱改主题,有时仅仅只需要花上两三分钟,整个主题就面目全非了。

寰天奇 发表于 2010-12-4 16:50

谢谢楼主的分享,收藏先

做主题难就难在不知道如何做,就是做出来很难看,不知道怎么修改
还有就是不熟悉gimp,有些效果想出来,但不懂怎么去调整
看来还得先学学gimp的基本操作才行了
这是一个很考验耐心的活计,向楼主致敬
DYI主题?不是diy么?或者是有另外的含义?

perryfa 发表于 2010-12-4 16:55

回复 寰天奇 的帖子

谢谢提醒,就是DIY,手误啦,改掉了。
如果自己做效果的手段还比较生,可以用本帖的方法,或者修改色调,或者干脆从别处拿图片过来,这样光影效果别人都是做好了的,你就不用操心了。

pluto 发表于 2010-12-4 17:27

寰天奇 发表于 2010-12-4 16:50 static/image/common/back.gif
谢谢楼主的分享,收藏先

做主题难就难在不知道如何做,就是做出来很难看,不知道怎么修改


老看到这样手误还满不在乎的,见怪不怪才对。

寰天奇 发表于 2010-12-4 17:39

pluto 发表于 2010-12-4 17:27 static/image/common/back.gif
老看到这样手误还满不在乎的,见怪不怪才对。

我说pluto,怎么你到处都是找人吵架啊,这样不太好吗?

只有不做事的人才从不出错,做事的都有可能犯错,所以很多人都是自己不做,等待别人做出来之后就在旁边指指点点

只有学腾讯那样让别人都测试开拓市场的风险,自己再凭强大的财力去打压别人才不用冒什么险

我说pluto,你到处和人吵得太多了,例如这里是主题版块,或者你做出一个比楼主更好的主题————来投票好了,你做来之后发投票对比看那个受欢迎好了。

很多人和你pluto吵,就是你不理解别人的想法还到处挑刺,如果你做出来一个绝美的主题出来不是比任何话都更有说服力
页: [1] 2 3 4 5 6
查看完整版本: 用最简单的gimp操作DIY主题的方法