主题制作-数字时钟（Carbide.ui搭配Adobe Illustrator）

以下内容搬运自原DOSPY论坛 coldcarp的帖子

--------------------------------------------------------------------------------------

这里分享一下我自己的数字时钟的做法
如果各位大侠认为这方法简陋、不精致，请尽管拍砖、不吝指教，争取引出玉来

壹、修改Shape（蒙版？）

　　目的：使数字时钟完全按照Number的样子显示

　　注：Shape，这里可以理解为蒙版，其效果是，黑色为透明，不遮挡任何颜色；白色为完全不透明，不透过任何颜色；灰色为半透明，可以透过部分颜色。
　　熟练运用这个Shape可以有效的做出渐变透明等效果。我们这里只讲解纯黑色，完全显示Number的情形。

　　方法：
　　Step1 > 在 Resource \ Applications \ Clocks \ Digital Clock 中可以看到数字时钟的Number和Shape，右击一个Shape，点击 "Edit image in Vector editor"；




Step2 > 之后UI会自动调用Adobe Illustrator打开这个蒙版（我的Ai版本是CS3，对版本无要求）。使用直接选择工具（快捷键 A ）选中"0"的白色部分（因为各个色块是已经编组了的，所以只要点一下"0"的白色部分，就可以全部选中），点击键盘上的Del键，删除之，并按Ctrl+C保存；





修改全部的Shape，得到如下这张图的效果：




贰、修改Number（时钟数字）

　　Step1 > 在 Resource \ Applications \ Clocks \ Digital Clock 中右击Number 0，弹出菜单里选择"Edit image in Vector editor"；




Step2 > 在Adobe Illustrator中，全选（快捷键 Ctrl+A ）图像后可以看到各个部分的轮廓。使用直接选择工具（快捷键 A ）选中最外面那个方框以内的所有图像，删除（其中方框的作用是限定数字的大小）；




Step3 > 在Ai中使用文字工具（快捷键 T ）在画布上单击，选择好字体并输入数字。将数字大小调整到Step3的那个方框内（可以使用“自由变换工具”快捷键 E），并将数字拖到方框范围内；




Step4 > 重要的一步：使用直接选择工具（快捷键 A ）选中数字后，使用快捷键 Shift+Alt+O（或点击 文字 \ 创建轮廓），把文字转化为路径，否则主题装进手机后，这个数字会调用手机的字库，变得难以想象……




完成这步后，保存图像（Ctrl+S），关闭图像即可。

　　在UI中我们可以看到数字时钟已经修改好了。




最后上一张半成品：







说明……
NNDi，编辑的时候PS死了2次，Ai 死了1次，临发布了世界之窗又【不发送】了……
无奈弄到现在……

=================================

感谢｀幾小米同学在学习UI的时候给我指点～～

=================================

其实数字时钟并不困难，就是忒麻烦……啊~~~
有时候可能做出来歪歪扭扭，就是对不齐；要么就是非常大，弄得两个字都重叠到一起了……
总之一个字，细心！嘿嘿嘿
大家记得要有耐心，慢慢来，做好数字时钟并不是难事

=================================

说明一下外部工具的设置……
在Carbide.ui.Theme Edition 里面点 Windows \ Preference ，打开如下窗口




在 External Tools 里面设置 矢量图编辑器 Vector Editor，Windows下的 Ai 位置一般是
安装目录\Adobe\Adobe Illustrator CS3\Support Files\Contents\Windows\Illustrator.exe

多么好的技术贴啊

感谢分享

谢谢分享！我就是来看看！顺便支持楼主发帖！楼主您发帖辛苦了！