Joke 发表于 2018-9-8 02:28:16

主题制作-数字时钟(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

寒雨沐风 发表于 2018-9-8 06:12:28

多么好的技术贴啊

孤月独影 发表于 2018-9-8 06:15:03

感谢分享

沃8G 发表于 2018-9-9 22:24:13

谢谢分享!我就是来看看!顺便支持楼主发帖!楼主您发帖辛苦了!
页: [1]
查看完整版本: 主题制作-数字时钟(Carbide.ui搭配Adobe Illustrator)