veket官方网站论坛

veket

 找回密码
 要注册
搜索
查看: 9421|回复: 10

用gimp自制wbar托板

[复制链接]
发表于 2009-11-16 01:21 | 显示全部楼层 |阅读模式
最近有几位同学对wbar的背板、托板颇有想法,嫣然想要红砖背板,ygwu想要游戏画面的,其实用gimp做wbar背板是非常简单的,同学们完全可以自己动手做出自己想要的各种背板、托板,几分钟的事。

所谓的背板、托板其实就是一张图片,这张图片有下列3个要求:
1. 文件格式为.png
2. 存放在目录:/usr/share/veket/wbar/bars/。文件只要放在这个目录,用wbar精灵打开就能看到图片并选择。
3. 图片的大小尺寸其实是无所谓的,程序会自己缩放。但是,为了让显示的效果不太过分地歪曲你的原意,还是应该适当调整合适的尺寸。我的屏幕小,分辨率是1024x768,所以我做的板一般是900x150的长条图片,为了节约字节,大多数时候我会把图片压缩得更小。你可以根据自己屏幕的分辨率来决定尺寸,例如,1600x1200分辨率的屏幕做1500x225的托板。其实做好了先放上看看效果就行了,不行就调呗。有个办法可以简单地确定图片需要多大 - 拷屏。拷一张你的屏幕的图片,用gimp打开,用矩形选择框在图片上拉出一个wbar托板大小的矩形,一边拉一边看gimp程序窗口下方的数字(拉的时候摁住鼠标左键不要松手,一松手数字就没有了),类似1004x250,于是你就知道,你需要把图片做成这个尺寸。
要注意的是,如果你用的是分辨率比较高的显示器,那么很可能我做的wbar的背板/托板的图片就太小了,wbar程序不得不对图片放大过多,这样在你的屏幕上,wbar的托板看上去会有些模糊,一般来说单色的简单托板不会有问题,但有花纹的就完全有可能模糊,如果你在意,那最好自己做托板。

实例一:wbar背板

第一步:选择合适的图片
作为素材的图片主要是看各人喜欢,不过,图片尺寸越大越好,这样裁剪起来方便,我常常是从壁纸上剪裁素材做主题、做图标。
为了做这个范例,我从网上下来一张1600x1200的壁纸:

                               
登录/注册后可看大图

这是我压缩之后的图片,原图比这要大很多。

第二步:处理素材
处理素材可以说是最为技巧性的一步,可以用上所有的gimp的功能,剪裁、拼接、缩放,改变透视、色调、亮度、对比、饱和度,等等等等,无穷无尽。但在这个教程中,这些技巧不是重点。所以,我找了个简单的图片做简单的剪裁。
(1)在上图中用矩形选择框画个矩形,把我要的部分框上(我只要中间的部分)。
(2)在菜单中点:图像 - 剪裁到选区。这样不需要的部分就被切掉了,变成这样:

                               
登录/注册后可看大图

    注意:jpg格式的图片是不支持透明的,一张jpg格式的壁纸,在做图片的处理时会有麻烦,例如想要让它透明的部分不肯透明,会变成白色背景,需要事先多操作一步:添加Alpha通道。所以,我通常对jpg的图片不作直接处理,而是矩形选择以后用:
    编辑 - 复制
    编辑 - 粘贴为 - 新建图像
这样接下来的操作就摆脱了jpg的限制。
(3)压缩图片
点菜单:缩放图像。
   在跳出来的小窗口里,把你需要的图片尺寸输入,我输入宽度900, 高度150。
注意,由于高度和宽度的尺寸都是你自己定的,所以原图的高宽比例就被改变了(输入时点断两个输入框边上的小链条,不让它们联动),所以,如果你需要保持原图的比例(例如你放的是自己的照片,不想变成面目全非),那么就要想办法在素材处理时,让原图就保持wbar所要的比例,要事先计算好。
现在图片变成了这样,被压扁了,对于我要的效果来说,扁不扁是无所谓的

                               
登录/注册后可看大图


好了,这就是一块wbar的背板了,把图片存到正确的目录,在wbar精灵里选用,出来就是这个效果:

                               
登录/注册后可看大图


实例二:wbar托板
托板和背板的不同之处在于,托板是有透视视角的。背板就好比是一堵墙,和屏幕平行,wbar图标排成一排站在墙前面(等着你去shot它)。而托板,就是一块搁板,和地面平行、和屏幕成九十度角垂直,图标们都站在搁板上。如果是玻璃或者光洁表面的搁板,还会产生倒影,这就是为什么我通常会把wbar图标做成倒影图标的原因,因为大部分时候我们习惯使用托板。
做托板其实很简单,一个步骤就解决了。
用上面做好的背板图片,在工具箱里点“透视工具”按钮。看下图:

                               
登录/注册后可看大图

看上图红色圆圈内的灰白色鼠标光标,如果你点了“透视工具”按钮,鼠标就会变成那个样子。
用鼠标点住原图片的左/右上角,然后拉动,拉成上图所示模样,也就是把图片拉成一个梯形。在点住并且拉动的时候,一个小窗口会跳出来,即上图下部的“透视”窗口。你在拉动图片某个角的时候,这个窗口里的变换矩阵里的数字会不停地变化跳动。注意,这个拉动的过程是可以反复做的,不断地拉上拉下拉左拉右随便你,当你满意梯形的形状以后,到“透视”小窗口点右下角的“变换”,图片就变成这样了:

                               
登录/注册后可看大图

这就是一块很好的托板。注意看图中上部,和其他托板一样上部呈现灰白格子,那是透明部分,所以,这就是为什么我一开始强调,不能在jpg格式下做托板。
存盘到正确目录,在wbar精灵里选用,出来就是这个效果:

                               
登录/注册后可看大图

在我的桌面背景上,这块板看上去很漂亮。

最后一点,如果你想要做的是一块透明的背板/托板,那么在做好上面步骤后,最后再做一步,去图层窗口修改图片透明度。如下图:

                               
登录/注册后可看大图

在这个图层窗口里点一下这个唯一的图层,把红圆圈圈出来的那个小钮往左拉,让整个图呈现一定的透明度。至于要透明到什么程度,看图片需要,也看你自己喜欢。像这个范例托板,我不想让它透明,所以保持默认的100不透明度。

实例三:图案拼接型背/托板
所谓的图案拼接型,就是把不同的图片拼接成一张长条图片,如果你使用自己的照片的画,可能就需要用拼接的,因为你不想让照片变形。
我就拿嫣然要的红砖wbar背/托板做例子。

第一步:获取素材
素材的来源是非常非常广泛的,屏幕上随便一个画面都可能是素材,我做主题、做图标用的素材几乎都是在网页上、游戏里看到好看的画面拷屏下来的。假设,你想要做一个主题程序窗口里那样的红砖的背板,但不知道怎么到icewm主题里找图片,没关系,我们直接拷屏。就用上面那个透视窗口的图片,那是我用gimp的拷屏功能拷出来的,你也可以直接用wbar最右边那个拷屏按钮,存好拷屏文件,然后用gimp打开拷屏图片在上面切出你要的部分。
我现在就在拷屏图片上选择出一块红砖背景:

                               
登录/注册后可看大图

注意,为了裁切的准确,一定要把图片放大再放大(用工具箱里的放大镜多点几下,最好能辨识出单个像素的程度)。尤其是要拼接的图片,一个像素都不能错,多一个或少一个像素,拼出来就不对了。
看上图我用矩形选择选出的区域,当这个小块被反复拼接时应该是可以无缝的。
复制这个小块粘贴到一个新图像(也可以直接“剪裁到选区”,如果这张拷屏图不用了)。

                               
登录/注册后可看大图


第二步:处理素材
这是一个很小的图片,放大、再放大(看图片左下部,我已经放大到了800%),仔细看一下图片。通常这时我会修一下图片,因为是要用来拼接的,要考虑到上下左右的衔接,修整后的图片是这样的:

                               
登录/注册后可看大图

注意一下这个图片的尺寸(看程序窗口的标题栏),是17x24,即宽17像素高24像素。 如果我要做成900x150的背板(宽900像素,高150像素),那意味着,我在高度上要摞6层图片,每层两块砖,有12块砖那么高,可以想像一下,反正我觉得砖头太小,画面太琐碎,不会好看。所以,我要先把图片放大,像这种图案简单的图片放大不会过于降低画质,不至于过分模糊的。
我想有个4块砖就可以了,也就是两张图片摞起来。就是既定的wbar的高度150像素/2=75像素,我需要把图片放大成75像素高,点菜单:
图像 - 缩放图像。在高度输入框里输入75, 宽度尺寸让程序自己去联动。
放大出来的图片是宽53x高75,如下图。稍微有点模糊,所以要尽量避免小图片放大。也可以用锐化滤镜、用增加对比度等办法处理一下。

                               
登录/注册后可看大图


第三步 拼接
接下来的事情变得非常简单了。
点菜单:滤镜 - 映射 - 平铺
跳出这样一个小窗口:

                               
登录/注册后可看大图

输入我希望的宽900、高150。记得把输入框右边的小链条点断,还要选上“创建新图像”。点“确定”。
一个新图像出现了:

                               
登录/注册后可看大图

这就是红砖背板。当然,讲究一点,还可以给红砖墙做个边什么的。存盘到目录,在我的桌面用上就是这样:

                               
登录/注册后可看大图

不怎么好看。不过用上文中实例二的方法做一下红砖托板(假装是红砖铺地了),倒是还算可以的:

                               
登录/注册后可看大图


要做一块有特色又好看的托板,主要的功夫在于素材的选择和处理,至于背板或托板本身是非常容易做的。

[ 本帖最后由 perryfa 于 2010-1-8 22:16 编辑 ]
发表于 2009-11-16 10:42 | 显示全部楼层
电脑桌面主题下载电脑主题免费下载可爱电脑主题下载
http://www.lucky8k.com/thread-63428-1-1.html
桌面美化主题包下载桌面主题包免费下载(多个)
http://www.lucky8k.com/thread-69144-1-1.html
非主流电脑主题包下载非主流桌面主题下载
http://www.lucky8k.com/thread-69204-1-1.html
gimp美术字制作范例一 - 苹果风格美术字
http://www.lucky8k.com/thread-64594-1-1.html
icewm主题制作之一:工具条制作
http://www.lucky8k.com/thread-64783-1-1.html
gimp美术字制作范例二 - 玻璃感logo
http://www.lucky8k.com/thread-65054-1-1.html
gimp美术字制作范例三 - 立体玻璃感美术字
http://www.lucky8k.com/thread-65055-1-1.html
GTK主题制作范例二:”星尘“之变
http://www.lucky8k.com/thread-65006-1-1.html
GTK主题制作范例一:简约gtk主题制作
http://www.lucky8k.com/thread-64981-1-1.html
icewm主题制作之三 - 其他icewm主题设定
http://www.lucky8k.com/thread-64915-1-1.html
桌面模拟小时钟@veket
http://www.lucky8k.com/thread-64040-1-1.html
icewm主题制作之二 - 程序窗口制作
http://www.lucky8k.com/thread-64884-1-1.html
7套wbar图标下载
http://www.lucky8k.com/thread-64068-1-1.html
文件管理器系统图标同步+一套新图标主题
http://www.lucky8k.com/thread-64442-1-1.html
酷到底 - 黑色系列M4主题
http://www.lucky8k.com/thread-64404-1-1.html
电脑桌面主题下载电脑主题免费下载可爱电脑主题下载
http://www.lucky8k.com/thread-63428-1-1.html
电脑鼠标主题下载可爱的鼠标指针主题下载
http://www.lucky8k.com/thread-63888-1-1.html
网上下载收藏的Grub背景图分享
http://www.lucky8k.com/thread-63890-1-1.html
分享二款网上找到的mplayer皮肤
http://www.lucky8k.com/thread-64421-1-1.html
春天:icewm主题+gtk主题+wbar+壁纸
http://www.lucky8k.com/thread-63963-1-1.html
gtk2主题下载
http://www.lucky8k.com/thread-63800-1-1.html
veket个性任务条工具
http://www.lucky8k.com/thread-63071-1-1.html
非主流桌面图标主题下载
http://www.lucky8k.com/thread-69252-1-1.html
LaGaDesk-Bluenight下载(一套图标主题下载)
http://www.lucky8k.com/thread-69207-1-1.html
桌面图标主题包下载好看的桌面主题图标下载
http://www.lucky8k.com/thread-67603-1-1.html
一套特别的图标主题
http://www.lucky8k.com/thread-68115-1-1.html
发表于 2009-11-16 10:43 | 显示全部楼层
这块红砖托板,做成,中间的形状不变好看?
这样整个板都侧了?

感谢楼主分享,这个要慢慢学习才能精通了。
发表于 2009-11-16 13:12 | 显示全部楼层
辛苦楼主了!不过我对veket自带的几块已经很满意。
发表于 2009-11-23 17:17 | 显示全部楼层
楼主的帖都是精品啊,收藏了慢慢学习!
您需要登录后才可以回帖 登录 | 要注册

本版积分规则

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

GMT+8, 2024-5-15 00:20

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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