你的位置: 学而识之
面板散记(附录2)–一些图标动态效果制作
发表时间: 2008年12月19日所属类别: 学而识之
评论: 11 评论
下面我们先来做一个Moto菜单激活动画实例，由实例看创建动画的基本步骤及其相关选项。 一、打开一张已经做好的菜单图片。 二、添加帧。去掉除图层1 副本外的所有眼睛。然后选中图层1 副本，用橡皮擦工具，把最下面那一道蓝杠擦掉。 三、继续添加帧3。Ctrl+J复制图层1 副本为图层1 副本2,隐藏图层1 副本。将图层1副本2的最下的蓝杠擦除。 四、还是继续添加帧4。Ctrl+J复制图层1 副本 2为图层1 副本3,隐藏图层2 副本。将图层1副本3的最下的蓝杠擦除。 五、 连续点击三次“复制当前帧”，添加帧5、6、7。并分别点击相应帧，为它们分配显示相应的图层。（帧5,显示图层1副本2，帧6显示图层1副本，帧7,显 示图层1）（像这步将前面的动作倒过来的效果，其实有更快捷的方法，那就是全选帧，然后反向帧。下面的实例里有说明）。 六、 按住Shift键点第一帧和最后一帧，将所有帧选中。点延时时间值处的三角下拉箭头，在弹出来的菜单中，没有我们所需要的时间，点其他，在弹出的对话框中 填入0.07。点循环选项的选区框（图中绿框）处，选择一个需要循环的次数，因为菜单激活动画不需要循环很多次，在这里我们选择“一次”。 七、点播放按钮预览一下，满意后，优化输出，点击双联，再点优化，对照着双联两边的图像，选一种或自己设定一种文件体积既小图像又不失真的优化选项。（或者点四联处。最第三联和第四联是系统自动为你优化的，挑个你看着好的） Ctrl+Alt+S存储优化结果为Gif动画。 （关于优化） 在针对 Web和其他联机介质准备图像时，您通常需要在图像显示质量和图像文件大小之间加以折衷。最简便的方法就是在IR的预置的优化选项里选择一种。Photoshop 和 ImageReady 提供了许多控制选项，用于压缩图像的文件大小同时优化其联机显示质量。 更多相关知识，请点击IR帮助，输入“优化”进行搜索，太多了，不再引用。帮助文档是个好东东，要多多利用。） 快速生成动画的方法：过渡
面板散记(附录1)—-关于图标
发表时间: 2008年12月19日所属类别: 学而识之
评论: 没有评论
附录—-面板的灵魂：图标 如果说一个面板的框架是它动人的身材，那图标就是它的灵魂。一套好的图标，可令 面板发出它耀眼的光芒。这里说说面板图标的处理。要制作一套图标，实在是一个大大的工程，基本上是属于一个不可能的任务。幸好网上各位大大做了很多操作系 统上用图标，我们可以借用来修改一下，让它成为我们面板的灵魂。 图标我们搜索一下，应该能找到很多.］ 以下把我收藏的一堆站点给大家，我上网太慢，就不一一帮大家验证了： 图酷：http://www.tucoo.com/icon/index.htm 一个N多图标的网站，大多数是PNG格式的，正好可以做背景透明图标用。 http://www.wincustomize.com/index.asp http://browse.deviantart.com/ http://interfacelift.com/icons-win/ Q!Q http://www.kde-look.org/index.php?xcontentmode=22 http://www.itom.co.nr/ http://www.pixelgirlpresents.com/icons.php?cat=pc http://www.cablenet.ne.jp/~moon-y/icons/icons.html http://mmicons.deviantart.net/Index.htm http://www.iconfactory.com/ http://www.tss2000.nl/site_pages/style_icons.php?CV=1 http://www.rokey.net/index.htm http://www.osx-e.com/index.php http://www.neowin.net/ 特色图标站 http://photo.qqrm.com/down/sucai/sucai02-4.htm 太平洋电脑网图标区 http://dlc.pconline.com.cn/third … eid=4&kindid=18 硅谷动力，欢乐下载 http://happy.enet.com.cn/individual/desktop.shtml Bombia Design：http://www.bombiadesign.com/new_icons.html Pixelhouse ：http://www.pixelhuset.se/pixelhuset.html the sponged.net ：http://www.sponged.net/ railheaddesign ：http://www.railheaddesign.com/ fear utopia ：http://www.fearutopia.com/downloads/fpmacextras.html mubicon ：http://www.underbed.net/mubicons/pages/top.html rimshotdesign ：http://rimshotdesign.com/ *aquastory ：http://www.kenichiyoshida.jp/ resexcellence ：http://www.resexcellence.com/ widget icons ：http://widgetwidget.com/ yellowicon ：http://www.yellowicon.com/ 矢量中国 [...]
面板散记(四)—-面板的改造
发表时间: 2008年12月18日所属类别: 学而识之
评论: 没有评论
四、想用就用，用得漂亮：面板的转换 1、九宫十二宫互转： 1.1 标准宫格面板 这里所谓的标准宫格就是原版Moto这样的宫格，且它们用的图标都不会超过47X47大小。用Skiman的Stand脚本一般都可以搞定，要转成9宫 的可用“3X3菜单”，转为12宫就用“3X4菜单”。转换后可能图标位置并不是很适合，到S4M里再调一下就可以了。调的时候可以用面板预览软件看看一 位置是否正确。想要了解Skiman脚本改的过程或要改成非标准宫格的，请参看下边的手工改造法。 简而言之，增减宫格的过程就是： a. 增减框架结构中的42主项的显示静态图标的宫格数； b. 看需要增减43主项的动态图标宫格数，（如果是动态图标是同一个位置的，只要有一项就够了，不必增减）； c. 调整42、43主项下各分项的宫格位置和尺寸，将其排列至适合的位置； d. 增减61、62、63、64的四向导航数值分项，并修改为相应该的数值。 1.2 非标准宫格面板： 1.2.1 九宫转十二宫一例 这里将一个原始九宫的Tehcno面板改成的十二宫，以了解如何将这种样式的面板如何转换。这类面板的特点是：静止图标排列在一处，动态图标在另一处的同一个位置。 a.点42主项（静止宫格），再点添加元素三次添加三个宫格，成为十二个宫格。因为这个面板的动态宫格是同一位置的，所以不必添加43主项的分项。 b.然后将12个静止的宫格位置调整到相应的地方。 c.基本调整过后，保存一下。用面板预览软件查看一下调整过的宫格位置是否正确，如果不正确，再返回S4M调整，直到满意。（调整后如需再查看，在预览软件中要再次打开。） d.然后分别将61、62、63、64的导航数值项分别添加三项，并修改其数值。如果不知道如何填写这个数值，可以再用S4M打开一个正常的十二宫的面板，将它的这四项数值抄写过来。 填完数值后。保存收工。 1.2.2 一个全屏的十二宫Flash面板转换为九宫。 这类型的面板的特点是：主菜单动态图标全屏，静态图标已集成于动态动态图标中，或不可见。修改这类型的宫格的方法，就是只删除框架结构主项42的宫格数，不必去调整它们的尺寸和位置，因为它们是不可见的。然后再修改一下宫格的四向导航数值就可以了。 有一个要注意的问题就是，如果删除掉的主菜单项目恰好又是九宫中的子菜单项目，那你需要把相应的动态图标删除，让它调用Moto图标，或找相似的图标来进行替换。 MS这里已不需要例子？ 再说吧。。 这类型的面板如果要九宫转为十二宫，就有点麻烦，主要是增加主菜单项目后，没有相应的动态图标，需要自己再去仿着原来动态图标做。 这个将在下面PS改造法中讲到。。。
面板散记(三)—-面板分解
发表时间: 2008年12月17日所属类别: 学而识之
评论: 没有评论
三、知此知彼，百战不殆：Skinner4Moto与面板之二——面板分解 特 别说明：为了能快速找到参数位置，以下的参数位置说明中的号码，都指的是编号，而不是行号，且都是Moto面板为标准的参考编号，因为面板不同可能会引起 编号错位，特别是98颜色成员的索引颜色编号，所以具体修改时，请以后面S4M后面板注解为准或以-41 70开始做相应加减。 ★桌面： 通过桌面元素框可修改大多数参数。 ⊙DRM图形包位置：尝试修改其位置，不知是否参数位置不对还是何原因，没成功。 ⊙墙纸：参数位置：桌面元素——墙纸 修改：点选择图片按钮选择你需要的墙纸，如果不在面板文件夹中，软件会自动将它复制到面板文件夹中；如果与机型屏幕的大小不符，会提示是否改变大小操作。点“是”后，图片会伸缩为机型屏幕大小；如点“否”，则将原样复制到面板文件夹。 下面的在手机图片目录还是在面板目录随你选一项吧，用Skiman装的时候还是一样复制到图片目录下的；最下在的框中可以输入一个自定路径，以符合特殊 的需要。如：在卡装面板的时候，常会因为路径不对无法加载墙纸，就可以在这里输入：／b／skins/XXX.JPG这样的路径解决这个问题。其实这个例 子也不完全对，因为在保存之后软件会将／b改成／C，还是要用记事本打开Ski文件找到这个路径，把／C改成／B来搞定。暂时想不到别的例子了，先这样说 吧。 ⊙运营商标识：关联IT隐藏后歌名。 参数位置：桌面元素——运营商标识。 常用修改： ①隐藏：将字色透明度设为255。如有轮廓，也应将轮廓色透明设为255。或用Skiman里的运营商隐藏脚本修改。 ②移动：将显示边框打上勾，点下“左”前面的数值框，滚动鼠标滚动左右移动；点一下“顶部”前的数值框，滚动鼠标滚动上下移动。爱移哪移哪去。当左 边界数值大于220，顶边界数值大于176之后。嘿嘿，它不见了。（相对于176×220的屏幕而言）这也是另一种隐藏方法。不过不推荐。因为这样会使 IT隐藏后歌名看不到。 ⊙日期文本：关联充电指示，Gprs文字，声音播放器隐藏后歌名。 参数位置：桌面元素——日期文本。 常用修改： ①加宽框架：常有些国外来的面板，因为用的日期格式为xx/xx/xx，当然我们改成为XX年XX月XX日的格式之后，出现显示不完整现像，这里就要通过加宽日期文本框来解决。实验得出最小值为88像素。 ②移动：参照运营商。更多的人喜欢将它放在左下角，这时候你也可以用Skiman里的“日期－左下角”脚本。 ⊙数字时钟：MS没什么好说的。爱移哪就移哪就对了，要放右下角，Skiman也有脚本。 其实对于文字项目，也没什么好美化的。也就是改改字色，加点透明，以便使字色和背景更加融合，免得太突兀；加个下划线（MS没人喜欢这样做）；加个轮 廓，一层二层，让它有个描边的效果。或加了轮廓之后将主字色全透明，让他变成空心字。然后将它调整到适当的地方就行了。如下图 而文字的Bug，基本上都是透明惹的祸。 体现在这几方面： a、模糊，这是由于设定它的透明度引起的，体现在浏览多媒体信息或Wap浏览器的标题和软件按钮文字上； b、重叠，是由于文字所在项的背景设定了透明度引起的，常出现在短信文字输入或某些选项拨动摇杆进行选择时出现；解决这两种Bug，只要将相关透明度改回0就可以了； c、显示不全，由于字体框的宽度不够引起，加宽框架就行了，或者是被某些项目的框架给遮挡了，把这个框架移开就可以了； d、文字残迹，由于文字框架的高度不够引起，一般很多文字框的高度都是18或19像素，当给文字加了一层二层的轮廓之后，文字就超出的框架范围了， 当我们改变项目，文字一改变后，就会留下残迹，这时候把框架加高到22像素这样就OK了，还有一种就是文字框架与背景图片错位了，文字悬空于透明区域等， 改变项目文字后，也会引起字体重叠。 ⊙模拟时钟： 参数位置：桌面元素——模拟时钟 顶上的stundenzeiger是时针，从上到下分别是时针颜色及透明度、时针阴影色及透明度、时针的长度； 中间的minutenzeiger是分针，从上到下分别是分针颜色及透明度、分针阴影色及透明度、分针的长度； 顶下是模拟时钟的背景图（钟面）的显示框架及位置，长度和宽度一般设为7.gif的大小，且为正方形。 注意点：因为时针和分针的轴心默认为框架垂直和水平的中心点并且是随着框架的移动而移动的，所以如果有特殊要求而使用非正方形框架的钟面图的话，请确保钟面图的轴心处于中心点位置！ ⊙导航键： 参数位置：这―― 常见Bug：导 航失效，摇动导航键时，进不去相关的项目。这是由于所连接项目的Gif图标动画不足两帧引起的。用动画编辑软件Ulead GIF Animator5或photoshop自带的ImageReady将图标改成两帧即可。下图就是UGA5的，打开图标后，点一下“相同帧”，加成两帧后 保存即可。IR上的也差不多，不过IR上那个按钮应该叫做“复制选中的帧”，但IR上连续的帧如果是一模一样的话，保存的时候压缩成还只是一帧，这个我还 不知道如何解决，通常我只好把另一帧稍为做下变形来搞定。推荐还是用UGA5来做吧，假如你并不想把它做成复杂动画的话。 另类用法：做IT隐藏后界面。因为IT隐藏后，就是利用这四个图标的框架显示图标的，所以把IT显示的几个图标做成播放器界面后，将其分配到相应诉框架里，并调整框架大小和位置后，实现IT隐藏后界面的完美显示。 （要详细说明吗？） ⊙软件按钮及按钮文字： 参数位置：看下图（编号）。 [...]
面板散记(二)—-Skinner4moto详解
发表时间: 2008年12月17日所属类别: 学而识之
评论: 没有评论
二、知此知彼，百战不殆：Skinner4Moto与面板之一——Skinner4moto详解 1.基本操作： 基本操作： b) Ski部分： 整个面板的所有参数所在。双击某项参数会自动跳到此参数所在的组进行调整和修改。同样的，在某组双击某参数时，也会自动跳到这里。利用这一特点，可以找到面 板某窗口的相关参数进行修改。如：如现在要调整六宫子菜单的相关参数，可以先找到最好找的图片组的496.gif图片。双击此项转到Ski组，Ski组的 此项附近便就是这个窗口的所有参数了，然后就可以双击相关的各项参数跳到相应组进行调整和修改了。 基本操作： c) 图片部分： A为项目列表框，可看到图片存于哪个DAT中，及文件大小等信息。点击各个项目可在预览框B中查看图片，不过动画的Gif不能预览动画，只能显示第一帧。C为当前图片的宽度和高度。 替换Gif：点击选择图片进行单个替换； 编辑Gif：点击启动设置的编辑器修改当前图片； 转到Gif目录：打开面板图片所在的目录，查看、批量替换及删除图标进行瘦身等 操作： 批量替换图片：将要替换进来相同文件名的图片复制到Gif目录，覆盖原来的图片； 删除图片瘦身：如果觉得面板图标占用体积过大，想要它调用Moto图标，将相关图标删除即可。甚至你可以将面板框架的图片全部删除，做成一个只有一个 Ski文件的面板。如果这样做，S４M程序报错的话，可新开一个Skinner4moto窗口，把里面的Moto图标，复制过来覆盖此面板的图标亦可，这 样可能会安全些。 基本操作： d)颜色组： 更改面板配色的地方，点击相应项，点击颜色框，在弹出来的取色窗口中选取一种颜色。如需要透明效果，请在透明度前的框里填入相应数值，取值范围：0-255。0为不透明,255为全透明。 基本操作： e) 位置／尺寸 调整面板元素的位置和大小的地方。点击相应项可在预览框中预览。不过有些元素的位置显示并不是很准确。 参数项： 左／右：与屏幕左边的距离的像素值； 顶部／底部：与屏幕最顶边的距离的像素值； 宽度／高度：元素显示的大小；一般设置为相应元素的宽与高。小于元素宽与高即显示不完整，大于元素的宽与高 可能会产生漏边。就如墙壁上窗口，窗口的大小决定了我们所能看到的外面风景的大小。 锁定：锁定框架的宽度与高度。 勾选：调整左／右／顶部／底部值时，框架的宽度／高度不改变，整个框架进行位移； 未勾选：调整左／右／顶部／底部值时，仅是改变某一项值的大小，框架的宽度／高度随着改变，整个框架不进行位移。 调整方法：直接填入数值，或点击上下调整按钮增加／减少数值，或用鼠标滚轮滚动增加减少数值。 基本操作： f) 布尔 开／关 某些项目的开与关。如字体轮廓、下划线的打开与关闭。主菜单静止图标选中后是否透明等。勾选就是True（开），不勾选就是False（关）。 注意：某些开关项需另外的选项支持才能生效，如字体轮廓，勾选后必须在数值组中相关项中设定轮廓层数数值为1或2才能看到，0层是没有的。当然，要在颜色组中设定了颜色的透明度值为255后。也是看不到的。 基本操作： g) 数值组 设定面板的某些相关数值，如软件按钮透明度，选择条透明度。文本对齐方式，轮廓线层数等。点击相关项，在数值框中填入数值进行更改。 基本操作： h) 框架结构 涉及菜单项目的框架、位置尺寸、数值、颜色等参数修改以调整。不同的是这里能增加与删除元素，如主菜单宫格的增减，九宫增到十二宫，十二宫减到九宫等。 点击A框的主项，在B框中会出现此主项的分项。点击分项便可改变参数，增减元素等操作。 a) 桌面元素部分： 调整桌面及常用元素的参数的地方。 [...]
面板散记(一)—-实用工具
发表时间: 2008年12月17日所属类别: 学而识之
评论: 没有评论
一、工欲善其事，必先利其器：几个面板工具 1、Skinner4moto 2.9自用版 说明：制作与修改面板的强力工具。功能强大。里面包含了： E1 ROKR E1000 V1050 E398 E770v E815 L7 PEBL Pure-V3x RAZR V3 RAZR V3i V3x V550 V620 V635 V635 V980 V975 C975 等众多的Moto手机型号的模板。你可以用它来将各个型号手机的面板通过提取图标或导入的方式修改为你需要的面板。 这是我的最新更新的自用版。里面很多以前没有的注解都是我一点一滴的实验出来的，E文那些注解是在国外网站上找到的。虽然我想尽力把它完善了再发出 来。但时间和精力有限，难免还有遗漏和错误的地方。如有哪个兄弟知道这些遗漏和错误。请将Skinner4moto目录下的DATA文件夹中的Skilist.csv用记事本打开，将相应的项补充或修正。（每一项从头数的第七个分号后即为中文注解处） skinner4moto_cn.rar ================================================= 2、Fieldmotoskin 说明：国人软件，不过遗憾的是作者已放弃开发。一个支持在电脑上预览面板并修改面板的工具。免除你必须安装面板到手机的才能看效果之忧。不过预览并不是很准确，仅能做粗略预览。精确的调整还是得将面板安装到手机后查看。 这个软件我在使用过程中，不知是不是个人原因，修改面板后保存时出过几次错，使得修改的面板前功尽弃。从此我只将它当作预览面板用。 如果你要用这个修改面板的话。推荐你先将面板做好备份。 使用：打开面板。导入相应的MMA。点击各个选项查看及修改。。 Fieldmotoskin下载 =========================================================== 3、skinview 同样是一个电脑上的面板预览工具。纯预览，不带修改功能。打开面板的速度很快,能预览的东东很多。 不过在我电脑上运行总是出错 （RPWT）没用过，不多说了。。。。 使用：打开面板。导入相应的MMA。点击各个选项查看。 skinview下载 ===================================================== 4、SkiMan0.51 面板安装工具，安装、保存、删除你手机上的面板、MMA（菜单文件）以及图片。3.0版以后增加了脚本功能，方便了修改面板一些元素的颜色、位置等参数。提供脚本帮助，以便能编写适合于自己的脚本。。。。 使用：地球人都能看得懂。。 Skiman V0.51 中文版下载 ======================================================= 5、一个全写上的元件号的面板 除了一些没办法写上元件号的元件，能写的都写上了。将它装到手机里，也许会有用。比如要查找多媒体的三个图标号是什么等等，我觉得比在S4M的图片组里翻要方便些。 TEST面板下载 ======================================================= [...]
