找回密码
 立即注册
  • 便民服务
  • 关注我们
  • 社区新手

[主题] 主题制作-数字时钟(Carbide.ui搭配Adobe Illustrator)

[复制链接]

马上注册,享用更多功能,让你轻松玩转DOSPY论坛-诺亚方舟号

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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

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

壹、修改Shape(蒙版?)

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

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

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


1.png

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



2.png

修改全部的Shape,得到如下这张图的效果:


3.png

贰、修改Number(时钟数字)

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


4.png

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


5.png

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


6.png

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


7.png

完成这步后,保存图像(Ctrl+S),关闭图像即可。

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


8.png

最后上一张半成品:


9.gif




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

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

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

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

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

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

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



20090331_10adb42a7fde4ba1debeo3qeVSmbDs3S.jpg

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






上一篇:主题图标-Adobe Illustrator制作与技巧(进阶篇)
下一篇:春日野穹手机主题分享
分享至 : QQ空间
收藏

3 个回复

倒序浏览
寒雨沐风 来自手机 团长 2018-9-8 06:12:28
沙发
多么好的技术贴啊
回复 使用道具 举报
孤月独影 来自手机 师长 2018-9-8 06:15:03
板凳
感谢分享
回复 使用道具 举报
沃8G 来自手机 司令 2018-9-9 22:24:13
地板
谢谢分享!我就是来看看!顺便支持楼主发帖!楼主您发帖辛苦了!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册