让S60程序使用矢量svg图标

准备两样东西
1) Carbide.ui S60 Theme Edition 3.1 for Symbian OS
Nokia的主题制作工具
-java写的软件, 巨慢无比, 界面也很复杂, 不友好软件一个

2)Adobe Illustrator CS / CS2 /CS3

步骤:

  • 安装Carbide.ui S60 Theme Edition 3.1 for Symbian OS
  • Windows - Preference - Carbide.ui - External Tools
  • External Editors - Vector Editor
    写上你的Adobe Illustrator的完整路径,类似于
    C:\Program files\Adobe\Adobe Illustrator CS2\Support Files\Contents\Windows\Illustrator.exe保存设置
  • 选中Resources面板里面的Icons -> Applications Icons
    找一个顺眼或者不顺眼的,双击之
  • 会转到Adobe Illustrator的界面,你可以新开一个.ai文件编辑好之后,粘帖到由Carbide.ui S60 Theme Edition打开的svg文件里面去。
  • Save as
  • 得到一个SVGT1.1的文件。 编译成mif加入到你的程序里面。
  • 常见问题:
    1. 如果直接由AI粘贴到Carbide.ui S60 Theme Edition中,常常会把矢量图转换成位图
    2. 如果直接新建svg文件,常常搞不定背景透明(Transparent)的问题

  • 本站另外一篇svg的文章
  • 3D icon updated

    13_210434_newicon.jpg

    完成了第二个,颜色差了一些。建模的大概的过程如下:
    1)先用Photoshop做一个圆角矩形的样条(spline),导出为AI格式。

    2)打开Cinema 4D,打开刚才的AI文件。

    3)用Extrude NURBS工具放样,得到圆角矩形的立体。

    4)做一个稍微小一点的放在中间。

    5)选出一块3角的面,调整几个点的位置,再做一下修改,旋转小角度以后摆到相应位置。

    6)质材用渐变的shade,调整渐变的角度。

    7)打灯渲染输出调整。

    第三个
    分别为外框,内框和文件夹上部三个样条。步骤根第二个基本一样,后期在Photoshop里面调色。

    上一集在这:
    http://www.orangedo.com/blog?p=216

    3D图标的制作(Cinema 4D, Photoshop, Icon workshop)

    title.jpg
    By hyi104
    http://www.orangedo.com
    http://www.uitimes.com

    好吧,我们开门见山。完成这个教程,你只需要Adobe Photoshop, Cinema 4D和 Icon workshop,当然还有你的Windows XP!

    大家都知道,Nokia推出了新的Style应用在N系列上面,上面就有一系列的3D视角的图标应用,即摆脱了以往像素点点的约束感,又显得时尚而不媚俗。过去做质感很丰富的图标,往往在Photoshop或者Illustrator里面用曲线工具和选区工具忙忙碌碌,来制造透视视点和质感,那么看完这篇教程之后,你起码知道,用C4D你也可以更快的完成一个3D图标!

    你一定会问,我用PS和AI不是也可以做3D视角的图标吗?用C4D好处在哪里 Read the rest of this entry »

    提高你的工作效率,巧妙利用库和组件

    summary: When you work with Adobe Illustrator and Macromedia Studio, you have to use them wisely! If your project is huge, contains a lot of files and images, you probably face the questions to keep all the content new and updated.

    02_161642_symbolsandlibrary.jpg
    AI的symbol功能

    流程
    1)建立symbol
    绘制你的元素,添加到新的symbol(鼠标拖拽到symbol面板)

    2)使用你的symbol
    从symbol面板拖拽其中一个symbol放到你的画板上面
    Read the rest of this entry »

    Cinema4D和Adobe Photoshop综合设计教程

    25_160459_titlec4d.gif
    Cinema4D是优秀的容易上手的3D设计软件。在本教程中,你将学会,怎么样利用C4D简单的建模和渲染,最后输出作品。配合Adobe Photoshop创造出可以用在Web和平面设计中的图片。 Read the rest of this entry »

    C4D渲染出如白石膏场景般的设置

    1)天空的质材 颜色RGB=255,255,255 (纯白) 自发光 10%(或者其他)
    2)关闭渲染设置中的自带光源
    3)用全局光照明 (渲染会慢,但是选"random"会快一些)
    4)地面全白然后加10%的自发光
    13_174336_zf.jpg

    Page 1 of 212»