教你一招--做车载电脑的皮肤

2007-03-30 01:46    作者:沿着塞纳河    来源:新锐车网搜集整理    浏览:

作皮肤的第一步是设计、制作图片。确定皮肤整体风格后,确定各界面的按键位置。背景图片和按键图片网上有很多资源,根据自己的喜好下载后组合即可。谈几点体会:
1、        皮肤内各图片的分辨率应保持一致,背景保持统一风格。分辨率根据自己的桌面分辨率设定(也可设置成非满屏的)。
2、        每个特定界面的图片都分为以下几个文件:***_ON、***_OFF、***_DOWN、***_EMPTY。代表的意义分别是:***_EMPTY 是没有按键的背景图;鼠标挪到某按键区域时,该按键区域显示***_ON的部分(当按下带图释的按键,比如静音、随机播放按键等时,也显示相应设定的***_ON的部分),其他位置显示***_OFF的部分;鼠标点击某按键区域时,该按键区域显示***_ DOWN的部分,其他位置显示***_OFF的部分。下面以photoshop为例说明各文件的制作方法:安放好图层和按键位置后哦,将图片分为以下几个图层:背景、按键、图示、按键周围的白光(新建透明图层,用羽化2-3像素的圈选工具选择稍大于各按键的区域后用白色填涂,各按键依次处理形成此图层)。所有图层都显示的情况下另存为***_ON.JPG;只显示背景和按键图层(隐藏按键周围的白光及图示图层),另存为***_OFF.JPG;只显示背景的情况下另存为***_EMPTY.JPG;显示背景、按键、按键周围的白光图层(只将图示图层隐藏),将按键图层向右向下各轻移1-2个像素,然后用Ctrl+M命令将按键颜色调深,另存为***_ DOWN.JPG。
3、        将一个已有的皮肤目录复制,将以上处理好的图片考入复制的目录内,覆盖同名文件。
4、        运行RRSkinEditor,点击“Settings”菜单,选择Editor Settings命令,将RR Skin Path设为你刚才复制的目录。点Done按键退出。
5、        点击“File”菜单,选择Open Skin命令,点击你刚才复制的目录后,点击确定按键退出。
6、        点击“Settings”菜单,选择INI Settings命令,将OriginalWidth、ShowWidth设为你皮肤图片的宽度像素数,OriginalHeight、ShowHeight设为你皮肤图片的高度像素数。点Done按键退出。
7、        在“Screens”菜单下依次选择各界面进行编辑。双击已经存在的白色方框,根据其名称及弹出的对话框判断其作用。然后点击Cancel按键退出,根据背景图片的位置将此方框调整到合适的位置和大小(选中的方框为黄色,新版的皮肤编辑软件刻意通过拖拽进行位置和大小的调整)。各方块区域的命名规则命令列表在RR软件安装目录中的Skin Commands.TXT文件中,是英文的,有些基础英语知识就能看懂,这里不详细翻译了。
8、        各界面编辑完毕后点击“File”菜单,选择Save Skin命令,关闭程序退出即完成皮肤的编辑。
9、        将经过编辑的皮肤目录复制到RR软件安装目录的Skins目录下,并运行RoadRunner Config程序将皮肤路径设为此目录。
最后上几张图说明一下:
MENU_ON.JPG

MENU_OFF.JPG

MENU_DOWN.JPG

MENU_EMPTY.JPG